/* =========================================================
   JJ HOMEPAGE V2 — FRONT PAGE (StartFitter)
   Targets wrapper: #jj-homepage.jj-home-v2
   Cleaned: removed duplicate/competing font patches
   ========================================================= */

/* Hide title on front page */
body.home h1.entry-title,
body.home .wp-block-post-title,
body.front-page h1.entry-title,
body.front-page .wp-block-post-title{
  display:none !important;
}

body.home,
body.front-page{ overflow-x:hidden !important; }

/* Break out of WP content-size limiter */
body.home .entry-content > #jj-homepage,
body.home .wp-block-post-content > #jj-homepage,
body.front-page .entry-content > #jj-homepage,
body.front-page .wp-block-post-content > #jj-homepage,
#jj-homepage.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Base */
#jj-homepage.jj-home-v2{
  position:relative;
  color:#f5f7fa;
}
#jj-homepage.jj-home-v2,
#jj-homepage.jj-home-v2 *{ box-sizing:border-box; }
#jj-homepage.jj-home-v2 a{ text-decoration:none; }

#jj-homepage.jj-home-v2::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#070707;
  z-index:-1;
}

#jj-homepage.jj-home-v2 .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

/* HERO */
#jj-homepage.jj-home-v2 .jj-hero{
  padding:64px 0 26px;
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.86) 72%),
    url("https://jjwelds.com/wp-content/uploads/2025/11/G0025500-1.jpg");
  background-size:cover;
  background-position:55% 45%;
}

/* Shift hero cards ~2/3 to the right on desktop */
@media (min-width:901px){
  #jj-homepage.jj-home-v2 .jj-wrap{ width:min(1240px, calc(100% - 48px)); }
  #jj-homepage.jj-home-v2 .jj-hero-grid{ width:min(980px, 100%); margin-left:auto; }
}

/* Desktop-only glare behind CTA area */
@media (min-width:901px){
  #jj-homepage.jj-home-v2 .jj-hero::before{
    content:"";
    position:absolute;
    inset:-26px 0 -26px 0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(
        260px 180px at 62% 36%,
        rgba(245,196,0,0.55),
        rgba(245,196,0,0.18) 38%,
        transparent 72%
      );
  }
}

@media (max-width:900px){
  #jj-homepage.jj-home-v2 .jj-hero{ padding:44px 0 22px; }
  #jj-homepage.jj-home-v2 .jj-hero::before{ content:none !important; }
}

/* Hero grid */
#jj-homepage.jj-home-v2 .jj-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:start;
}
@media (max-width:900px){
  #jj-homepage.jj-home-v2 .jj-hero-grid{ grid-template-columns:1fr; }
}

/* Eyebrow + lead */
#jj-homepage.jj-home-v2 .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.9;
  margin-bottom:10px;
  color:#fff;
}
#jj-homepage.jj-home-v2 .jj-h1{
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.08;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.60);
}
#jj-homepage.jj-home-v2 .jj-lead{
  font-size:18px;
  line-height:1.5;
  opacity:.92;
  margin:0 0 14px;
  color:#e7ebf0;
}

/* Buttons */
#jj-homepage.jj-home-v2 .jj-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 10px;
}
#jj-homepage.jj-home-v2 .jj-cta-row-tight{ margin:0; }

#jj-homepage.jj-home-v2 .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  line-height:1.1;
  white-space:nowrap;
}
#jj-homepage.jj-home-v2 .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.35);
  border-color:rgba(245,196,0,0.45);
}
#jj-homepage.jj-home-v2 .jj-btn-primary{
  background:rgba(245,196,0,0.95);
  color:#111 !important;
}
#jj-homepage.jj-home-v2 .jj-btn-ghost{
  background:#0b0b0b;
  color:#fff !important;
}
#jj-homepage.jj-home-v2 .jj-btn-outline{
  background:transparent;
  color:#f5c400;
  border-color:rgba(245,196,0,0.55);
}
#jj-homepage.jj-home-v2 .jj-btn-outline:hover{
  border-color:rgba(245,196,0,0.85);
}

/* Trust pills */
#jj-homepage.jj-home-v2 .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
#jj-homepage.jj-home-v2 .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-weight:800;
}

/* Card */
#jj-homepage.jj-home-v2 .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,0.38);
}
#jj-homepage.jj-home-v2 .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
}
#jj-homepage.jj-home-v2 .jj-card-title{
  font-weight:950;
  font-size:18px;
  margin:0 0 6px;
  color:#fff;
}
#jj-homepage.jj-home-v2 .jj-card-sub{
  opacity:.92;
  font-size:13.5px;
  color:#dfe5ec;
  line-height:1.45;
}
#jj-homepage.jj-home-v2 .jj-card-pad{ padding:18px; }

/* Less cramped right card */
#jj-homepage.jj-home-v2 .jj-hero-right .jj-card-pad{ padding:20px; }
#jj-homepage.jj-home-v2 .jj-checklist{
  margin:0;
  padding-left:18px;
  color:#dfe5ec;
  line-height:1.7;
}
#jj-homepage.jj-home-v2 .jj-checklist li{ margin:0 0 12px; }
#jj-homepage.jj-home-v2 .jj-hero-mini-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

#jj-homepage.jj-home-v2 .jj-mini{
  color:rgba(231,235,240,0.92);
  font-size:13.5px;
  line-height:1.45;
}
#jj-homepage.jj-home-v2 .jj-muted{ opacity:.92; color:#e7ebf0; }
#jj-homepage.jj-home-v2 .jj-link{ color:#f5c400; font-weight:950; }

/* Sections */
#jj-homepage.jj-home-v2 .jj-section{ padding:44px 0; }
#jj-homepage.jj-home-v2 .jj-section-alt{
  background:rgba(255,255,255,0.02);
  border-top:1px solid rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
#jj-homepage.jj-home-v2 .jj-section-head{ text-align:center; margin-bottom:18px; }
#jj-homepage.jj-home-v2 .jj-h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.12;
  color:#fff;
}
#jj-homepage.jj-home-v2 .jj-p{
  max-width:860px;
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
}

/* Services grid */
#jj-homepage.jj-home-v2 .jj-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}
@media (max-width:980px){
  #jj-homepage.jj-home-v2 .jj-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:640px){
  #jj-homepage.jj-home-v2 .jj-grid{ grid-template-columns:1fr; }
}
#jj-homepage.jj-home-v2 .jj-card-link{ padding:16px; }
#jj-homepage.jj-home-v2 .jj-card-text{
  color:#dfe5ec;
  line-height:1.65;
  font-size:14px;
}

/* Service area */
#jj-homepage.jj-home-v2 .jj-area-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:18px;
  align-items:center;
}
@media (max-width:980px){
  #jj-homepage.jj-home-v2 .jj-area-grid{ grid-template-columns:1fr; }
}
#jj-homepage.jj-home-v2 .jj-area-media img{
  width:100%;
  height:auto;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.10);
  display:block;
}
#jj-homepage.jj-home-v2 .jj-area-copy{ text-align:center; }
#jj-homepage.jj-home-v2 .jj-area-locations{ opacity:.95; }

/* Map hint */
#jj-homepage.jj-home-v2 .jj-map-thumb{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.10);
}
#jj-homepage.jj-home-v2 .jj-map-hint{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:8px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  background:rgba(0,0,0,0.55);
  border:1px solid rgba(255,255,255,0.16);
  color:#fff;
}
#jj-homepage.jj-home-v2 .jj-map-thumb:hover{
  border-color:rgba(245,196,0,0.55);
}

/* Industries */
#jj-homepage.jj-home-v2 .jj-industries-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  align-items:start;
  margin-top:18px;
}
@media (max-width:980px){
  #jj-homepage.jj-home-v2 .jj-industries-grid{ grid-template-columns:1fr; }
}
#jj-homepage.jj-home-v2 .jj-gallery{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
#jj-homepage.jj-home-v2 .jj-gallery img{
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.10);
  display:block;
}
@media (max-width:640px){
  #jj-homepage.jj-home-v2 .jj-gallery img{ height:160px; }
}
#jj-homepage.jj-home-v2 .jj-industries-list ul{
  margin:0;
  padding-left:18px;
  line-height:1.85;
  color:#e7ebf0;
}
#jj-homepage.jj-home-v2 .jj-industries-list li strong{ color:#fff; }

/* Form section */
#jj-homepage.jj-home-v2 .jj-form-section{ padding:44px 0 70px; }
#jj-homepage.jj-home-v2 .jj-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
@media (max-width:980px){
  #jj-homepage.jj-home-v2 .jj-form-grid{ grid-template-columns:1fr; }
}
#jj-homepage.jj-home-v2 .jj-mini-list{
  margin:0;
  padding-left:18px;
  color:#dfe5ec;
  line-height:1.7;
}
#jj-homepage.jj-home-v2 .jj-mini-list li{ margin:0 0 10px; }

/* WPForms */
#jj-homepage.jj-home-v2 .wpforms-container{ margin:0 !important; }
#jj-homepage.jj-home-v2 .wpforms-container,
#jj-homepage.jj-home-v2 .wpforms-container *{ color:#f5f7fa !important; }
#jj-homepage.jj-home-v2 .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}
#jj-homepage.jj-home-v2 .wpforms-container input[type="text"],
#jj-homepage.jj-home-v2 .wpforms-container input[type="email"],
#jj-homepage.jj-home-v2 .wpforms-container input[type="tel"],
#jj-homepage.jj-home-v2 .wpforms-container select,
#jj-homepage.jj-home-v2 .wpforms-container textarea{
  background:rgba(0,0,0,0.40) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}
#jj-homepage.jj-home-v2 .wpforms-container .wpforms-submit{
  background:rgba(245,196,0,0.95) !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
}

/* Bottom CTA bar not full width */
#jj-homepage.jj-home-v2 .jj-final-bar{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,196,0,0.30);
  width:min(980px, calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}
#jj-homepage.jj-home-v2 .jj-final-bar h3{ margin:0; font-size:18px; color:#fff; }
#jj-homepage.jj-home-v2 .jj-final-bar p{ margin:6px 0 0 0; color:#e7ebf0; line-height:1.6; }

/* PURE CSS lightbox */
body.home .jj-lb,
body.front-page .jj-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}
body.home .jj-lb:target,
body.front-page .jj-lb:target{
  display:block !important;
}
body.home .jj-lb-backdrop,
body.front-page .jj-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,0.78) !important;
}
body.home .jj-lb-dialog,
body.front-page .jj-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}
body.home .jj-lb-dialog img,
body.front-page .jj-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  background:rgba(255,255,255,0.04) !important;
  pointer-events:auto !important;
}
body.home .jj-lb-close,
body.front-page .jj-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  background:rgba(0,0,0,0.45) !important;
  color:#f3f5f7 !important;
  font-size:28px !important;
  line-height:44px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
}

/* =========================================================
   HOMEPAGE — Copperplate FIX (the one you said works)
   Keep ONLY this font block.
   ========================================================= */
#jj-homepage.jj-home-v2 h1,
#jj-homepage.jj-home-v2 h2,
#jj-homepage.jj-home-v2 h3,
#jj-homepage.jj-home-v2 .jj-card-title,
#jj-homepage.jj-home-v2 .jj-h1,
#jj-homepage.jj-home-v2 .jj-h2{
  font-family: "Copperplate Gothic", "Copperplate Gothic Light", "Copperplate", serif !important;
}

#jj-homepage.jj-home-v2 .jj-card-title a{
  font-family: inherit !important;
}
    .wp-block-separator {
        border-top: solid 3px; /* Adjust 10px to your desired thickness */
    }
.shorter-underline {
  display: inline-block;
  position: relative;
}

.shorter-underline::after {
  content: "";
  position: absolute;
  bottom: -5px;          /* Distance below the text */
  left: 50%;
  transform: translateX(-50%);
  width: 95%;            /* Line is 85% the width of the text */
  border-bottom: 5px solid black;
}
.shorter-underline2 {
  display: block;
  text-align: center;  /* keeps the heading centered */
  position: relative;
}

.shorter-underline2::after {
  content: "";
  position: absolute;
  bottom: -5px;          /* space below text */
  left: 50%;
  transform: translateX(-50%);
  width: 50%;            /* underline slightly shorter than text */
  border-bottom: 5px solid black;
}
.shorter-underline3 {
  display: block;
  text-align: center;  /* keeps the heading centered */
  position: relative;
}

.shorter-underline3::after {
  content: "";
  position: absolute;
  bottom: -5px;          /* space below text */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;            /* underline slightly shorter than text */
  border-bottom: 3px solid black;
}

.shorter-underline4 {
  display: block;
  text-align: center;  /* keeps the heading centered */
  position: relative;
}

.shorter-underline4::after {
  content: "";
  position: absolute;
  bottom: -5px;          /* space below text */
  left: 50%;
  transform: translateX(-50%);
  width: 85%;            /* underline slightly shorter than text */
  border-bottom: 3px solid black;
}

.center-text {
  text-align: center;
}
.services-list {
  max-width: 900px;
  margin: 0 auto;
}
/* Hide the default theme page title on this page only */
body.page-id-3526 h1.entry-title,
body.page-id-3526 .wp-block-post-title {
  display: none !important;
}
/* Remove the blank header gap on this page only */
body.page-id-3526 header.entry-header,
body.page-id-3526 .entry-header,
body.page-id-3526 .wp-block-post-title {
  display: none !important;
}

/* If your theme uses spacing on the content wrapper, collapse it */
body.page-id-3526 .entry-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.page-id-3526 .site-content,
body.page-id-3526 main#primary{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* =========================================
   PAGE 3526: REMOVE BLANK GAP ABOVE CONTENT
   (StartFitter / WP themes use different wrappers)
   Paste at VERY BOTTOM of Additional CSS
   ========================================= */

/* Hide the title element (keep this) */
body.page-id-3526 h1.entry-title,
body.page-id-3526 .wp-block-post-title{
  display:none !important;
}

/* Kill common "page header" wrappers that create the gap */
body.page-id-3526 .page-header,
body.page-id-3526 .page-title,
body.page-id-3526 .page-title-wrap,
body.page-id-3526 .page-title-area,
body.page-id-3526 .page-title-bar,
body.page-id-3526 .page-banner,
body.page-id-3526 .page-hero,
body.page-id-3526 .page-intro,
body.page-id-3526 .hero,
body.page-id-3526 .titlebar,
body.page-id-3526 .breadcrumb,
body.page-id-3526 .breadcrumbs,
body.page-id-3526 .entry-header{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Collapse any padding/margins the theme adds above the main content */
body.page-id-3526 #primary,
body.page-id-3526 main,
body.page-id-3526 .site-main,
body.page-id-3526 .content-area,
body.page-id-3526 .site-content,
body.page-id-3526 .entry-content,
body.page-id-3526 .wp-site-blocks{
  margin-top:0 !important;
  padding-top:0 !important;
}
/* ================================
   HOMEPAGE POLISH (StartFitter)
   ================================ */

/* Tighter, cleaner top spacing on home */
body.home .wp-site-blocks,
body.home main#primary{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Make homepage cover hero look premium */
body.home .wp-block-cover.alignfull{
  border-radius: 0 !important;
}

/* Improve hero text contrast + readability */
body.home .wp-block-cover__inner-container{
  max-width: 1200px !important;
}

body.home .wp-block-cover h1,
body.home .wp-block-cover h2{
  text-shadow: 0 10px 30px rgba(0,0,0,0.55);
}

body.home .wp-block-cover p{
  text-shadow: 0 10px 26px rgba(0,0,0,0.45);
  line-height: 1.65;
  opacity: 1 !important;
}

/* Make hero buttons punchier */
body.home .wp-block-cover .wp-block-button__link{
  border-radius: 14px !important;
  font-weight: 800 !important;
  padding: 12px 18px !important;
}

body.home .wp-block-cover .wp-block-button__link:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.30);
}
/* =========================================
   HOMEPAGE SERVICE CARDS – RUGGED FONT SET
   ========================================= */

/* SERVICE TITLES */
#jj-homepage .jj-home-card-title,
#jj-homepage .jj-card-title{
  font-family: 'Oswald', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* SERVICE DESCRIPTION TEXT */
#jj-homepage .jj-home-card-text,
#jj-homepage .jj-card-text{
  font-family: 'Inter', Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}
#jj-homepage .jj-home-card-title,
#jj-homepage .jj-card-title{
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
/* Load rugged fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Inter:wght@400;500;600&display=swap');

/* FULL BLEED (break out of theme container) */
.jj-fullbleed{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/* =========================================================
   HOMEPAGE — Mobile hero cleanup (recommended)
   - Hide trust pills on mobile (declutter)
   - Keep AWS/ASME card visible
   Paste at VERY BOTTOM of Additional CSS
   ========================================================= */

@media (max-width: 900px){

  /* Make the hero photo less aggressive */
  #jj-homepage.jj-home-v2 .jj-hero{
    background-position: 55% 25% !important; /* show the subject higher */
    padding: 24px 0 18px !important;        /* less vertical bulk */
  }

  /* Put hero content on readable panels so text doesn't fight the photo */
  #jj-homepage.jj-home-v2 .jj-hero-left,
  #jj-homepage.jj-home-v2 .jj-hero-right{
    background: rgba(10,10,10,0.78);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 18px 44px rgba(0,0,0,0.35);
    backdrop-filter: blur(6px);
  }

  /* Tighten type */
  #jj-homepage.jj-home-v2 .jj-h1{
    font-size: 30px !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
  }

  #jj-homepage.jj-home-v2 .jj-lead{
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 12px !important;
  }

  #jj-homepage.jj-home-v2 .jj-eyebrow{
    margin-bottom: 8px !important;
    font-size: 11px !important;
  }

  /* Stack CTAs */
  #jj-homepage.jj-home-v2 .jj-cta-row{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 10px 0 10px !important;
  }
  #jj-homepage.jj-home-v2 .jj-btn{
    width: 100% !important;
    justify-content: center !important;
  }

  /* ✅ Declutter: hide trust pills on mobile */
  #jj-homepage.jj-home-v2 .jj-trust{
    display: none !important;
  }

  /* Keep AWS/ASME card readable and not overly tall */
  #jj-homepage.jj-home-v2 .jj-hero-right .jj-card-pad{
    padding: 14px !important;
  }
  #jj-homepage.jj-home-v2 .jj-checklist li{
    margin-bottom: 10px !important;
  }
}
/* Homepage industries + form combined section */
#jj-homepage.jj-home-v2 .jj-industries-form-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:start;
  margin-top:18px;
}

#jj-homepage.jj-home-v2 .jj-industries-left{
  display:grid;
  gap:16px;
}

#jj-homepage.jj-home-v2 .jj-home-form-card{
  position:sticky;
  top:90px;
}

#jj-homepage.jj-home-v2 .jj-home-form-card .jj-card-pad{
  padding:18px;
}

@media (max-width:980px){
  #jj-homepage.jj-home-v2 .jj-industries-form-grid{
    grid-template-columns:1fr;
  }

  #jj-homepage.jj-home-v2 .jj-home-form-card{
    position:static;
  }
}
#jj-homepage.jj-home-v2 .jj-no-residential-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin-top:14px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(245,196,0,0.95);
  color:#111;
  font-weight:950;
  font-size:13px;
  line-height:1;
  border:1px solid rgba(0,0,0,0.22);
}
#jj-homepage.jj-home-v2 .jj-no-residential-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin-top:14px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(245,196,0,0.95);
  color:#111;
  font-weight:950;
  font-size:13px;
  line-height:1;
  border:1px solid rgba(0,0,0,0.22);
}
#jj-homepage.jj-home-v2 .jj-no-residential-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  margin:14px auto 0 auto;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(245,196,0,0.95);
  color:#111;
  font-weight:950;
  font-size:13px;
  line-height:1;
  border:1px solid rgba(0,0,0,0.22);
  text-align:center;
}
	/* Center Industries list + Commercial & Industrial Only pill */
#jj-homepage.jj-home-v2 .jj-industries-list{
  text-align:center !important;
}

#jj-homepage.jj-home-v2 .jj-industries-list ul{
  display:inline-block !important;
  text-align:left !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#jj-homepage.jj-home-v2 .jj-no-residential-pill{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  margin:14px auto 0 auto !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  background:rgba(245,196,0,0.95) !important;
  color:#111 !important;
  font-weight:950 !important;
  font-size:13px !important;
  line-height:1 !important;
  border:1px solid rgba(0,0,0,0.22) !important;
  text-align:center !important;
}
/* =========================================================
   JJ ABOUT PAGE RESET — PAGE ID 3541 (StartFitter-safe)
   No offset, no missing button text.
   ========================================================= */

/* Prevent horizontal shift/overflow on this page */
body.page-id-3541{
  overflow-x: hidden !important;
}

/* Make sure sizing is consistent */
body.page-id-3541 #jj-about,
body.page-id-3541 #jj-about *{
  box-sizing: border-box;
}

/* A shell that stays centered (no 100vw hacks on the container) */
body.page-id-3541 #jj-about{
  position: relative;
  padding: 72px 18px;
  color: rgba(255,255,255,0.92);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Full-width background WITHOUT shifting the page */
body.page-id-3541 #jj-about::before{
  content:"";
  position:absolute;
  inset: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(180deg,#0b0d10 0%,#0e1116 100%);
  z-index: -1;
}

/* Inner wrap */
body.page-id-3541 #jj-about .jj-wrap{
  max-width: 1180px;
  margin: 0 auto;
}

/* Headings: rugged but readable */
body.page-id-3541 #jj-about h1,
body.page-id-3541 #jj-about h2{
  font-family: "Impact","Oswald","Arial Black",sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff;
  margin: 0 0 12px 0;
}
body.page-id-3541 #jj-about h1{ font-size: 42px; line-height: 1.05; }
body.page-id-3541 #jj-about h2{ font-size: 28px; line-height: 1.15; }

body.page-id-3541 #jj-about p{
  margin: 0 0 14px 0;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.88);
}

/* Links */
body.page-id-3541 #jj-about a{
  color: #f5c400;
  font-weight: 800;
  text-decoration: none;
}
body.page-id-3541 #jj-about a:hover{ text-decoration: underline; }

/* Divider */
body.page-id-3541 #jj-about .jj-divider{
  height: 1px;
  background: rgba(255,255,255,0.14);
  margin: 44px 0;
}

/* Cards + grid */
body.page-id-3541 #jj-about .jj-grid{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: center;
}

body.page-id-3541 #jj-about .jj-card{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 18px 44px rgba(0,0,0,0.45);
}

/* Images */
body.page-id-3541 #jj-about .jj-photo img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 18px 45px rgba(0,0,0,0.55);
}

/* Stats */
body.page-id-3541 #jj-about .jj-stats{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
  margin-top: 18px;
}
body.page-id-3541 #jj-about .jj-stat{
  text-align: center;
  padding: 18px 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
}
body.page-id-3541 #jj-about .jj-stat strong{
  display:block;
  font-family: "Impact","Oswald","Arial Black",sans-serif;
  font-size: 34px;
  color:#f5c400;
  letter-spacing:.04em;
}
body.page-id-3541 #jj-about .jj-stat span{
  display:block;
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
}

/* Bullets */
body.page-id-3541 #jj-about .jj-bullets{
  list-style: none;
  padding: 0;
  margin: 16px 0 0 0;
  display: grid;
  gap: 10px;
}
body.page-id-3541 #jj-about .jj-bullets li{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  font-size: 16.5px;
  line-height: 1.55;
  color: rgba(255,255,255,0.88);
}
body.page-id-3541 #jj-about .jj-dot{
  width: 10px;
  height: 10px;
  margin-top: 8px;
  border-radius: 999px;
  background: #f5c400;
  box-shadow: 0 0 0 4px rgba(245,196,0,0.12);
  flex: 0 0 auto;
}

/* Buttons — force visible text */
body.page-id-3541 #jj-about .jj-cta{
  margin-top: 18px;
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}

body.page-id-3541 #jj-about .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #f5c400;
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  color: #111 !important;            /* <-- fixes “no writing” */
}

body.page-id-3541 #jj-about .jj-btn.secondary{
  background: rgba(255,255,255,0.10);
  color: #fff !important;            /* <-- fixes “no writing” */
}

/* Mobile */
@media (max-width: 900px){
  body.page-id-3541 #jj-about{ padding: 52px 16px; }
  body.page-id-3541 #jj-about h1{ font-size: 34px; }
  body.page-id-3541 #jj-about .jj-grid{ grid-template-columns: 1fr; }
  body.page-id-3541 #jj-about .jj-stats{ grid-template-columns: 1fr 1fr; }
}
/* Hide the default theme page title on this page only */
body.page-id-3541 h1.entry-title,
body.page-id-3541 .wp-block-post-title {
  display: none !important;
}
/* =========================================================
   GLOBAL: Remove StartFitter "slices" above content and before footer
   Works on block themes where wrapper padding causes the gaps.
   ========================================================= */

/* 1) Kill the theme's root paddings if present (block themes) */
:root{
  --wp--style--root--padding-top: 0px !important;
  --wp--style--root--padding-bottom: 0px !important;
}

/* 2) Remove wrapper padding/margins that create the visible strips */
.wp-site-blocks{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

main{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 3) Remove default first/last block spacing inside the content area */
.wp-block-post-content > :first-child,
.entry-content > :first-child{
  margin-top: 0 !important;
}

.wp-block-post-content > :last-child,
.entry-content > :last-child{
  margin-bottom: 0 !important;
}

/* 4) Prevent any horizontal “nudge” site-wide */
html, body{
  overflow-x: hidden;
}
/* =========================================================
   FINAL: remove the last tiny strip (global)
   Most often caused by wp-site-blocks GAP or template-part margins
   ========================================================= */

/* 1) Block themes often use "gap" between template parts */
.wp-site-blocks{
  gap: 0 !important;
}

/* 2) Nuke any template-part spacing */
header,
footer,
.wp-block-template-part{
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Make sure main/content isn't adding a hairline */
main,
.wp-block-post-content,
.entry-content{
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) If your first/last blocks still have theme margins */
.wp-block-post-content > :first-child,
.entry-content > :first-child{
  margin-top: 0 !important;
}
.wp-block-post-content > :last-child,
.entry-content > :last-child{
  margin-bottom: 0 !important;
}
/* Optional: remove visible seams by matching base background */
body,
.wp-site-blocks{
  background: #0b0d10 !important;
}
body.page-id-4170 h1.entry-title,
body.page-id-4170 .wp-block-post-title {
  display: none !important;
}
/* =========================================
   JJ SERVICE AREA (page-id-4170) — FINAL (NO ALIGNFULL)
   ========================================= */

/* Hide title */
body.page-id-4170 .wp-block-post-title,
body.page-id-4170 h1.entry-title,
body.page-id-4170 .entry-title{
  display:none !important;
}

/* Hide comments (your live page shows them) */
body.page-id-4170 #comments,
body.page-id-4170 .comments-area,
body.page-id-4170 .comment-respond,
body.page-id-4170 #respond{
  display:none !important;
}
/* =========================================================
   JJ SERVICE AREA — CLEAN COPY/PASTE (page-id-4170)
   REPLACES: all your current Service Area + centering patches
   ========================================================= */

/* Hide page title (block + classic) */
body.page-id-4170 .wp-block-post-title,
body.page-id-4170 h1.entry-title,
body.page-id-4170 .entry-title{
  display:none !important;
}

/* Hide comments on this page */
body.page-id-4170 #comments,
body.page-id-4170 .comments-area,
body.page-id-4170 .comment-respond,
body.page-id-4170 #respond{
  display:none !important;
}

/* IMPORTANT: Service Area centered like Contact:
   - outer wrapper stays full width
   - inner .jjsa-wrap does the centering */
body.page-id-4170 #jj-servicearea{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#0e0e0e;
  box-sizing:border-box !important;
}

body.page-id-4170 #jj-servicearea,
body.page-id-4170 #jj-servicearea *{
  box-sizing:border-box;
}

/* Centered content container */
body.page-id-4170 #jj-servicearea .jjsa-wrap{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
  width:100% !important;
}

/* HERO */
body.page-id-4170 #jj-servicearea .jjsa-hero{
  padding:44px 0 26px 0;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(245,196,0,0.12), transparent 55%),
    #0e0e0e;
}

body.page-id-4170 #jj-servicearea .jjsa-eyebrow{
  display:inline-block;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  margin-bottom:12px;
}

body.page-id-4170 #jj-servicearea .jjsa-h1{
  margin:8px 0 10px 0;
  font-size:40px;
  line-height:1.10;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.55);
}

body.page-id-4170 #jj-servicearea .jjsa-lead{
  margin:0;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
  max-width:75ch;
}

/* BUTTONS */
body.page-id-4170 #jj-servicearea .jjsa-cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}

body.page-id-4170 #jj-servicearea .jjsa-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  text-decoration:none;
}

body.page-id-4170 #jj-servicearea .jjsa-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45);
}

body.page-id-4170 #jj-servicearea .jjsa-btn--primary{
  background:rgba(245,196,0,0.95);
  color:#111;
}

body.page-id-4170 #jj-servicearea .jjsa-btn--secondary{
  background:#0b0b0b;
  color:#fff;
}

/* BADGES */
body.page-id-4170 #jj-servicearea .jjsa-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

body.page-id-4170 #jj-servicearea .jjsa-chip{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  font-weight:900;
  font-size:13px;
  color:#fff;
}

/* SECTION */
body.page-id-4170 #jj-servicearea .jjsa-section{
  padding:22px 0 44px 0;
  background:#0e0e0e;
}

/* 2-COLUMN LAYOUT */
body.page-id-4170 #jj-servicearea .jjsa-row{
  display:flex;
  gap:16px;
  align-items:flex-start;
  justify-content:space-between;
  width:100%;
}

body.page-id-4170 #jj-servicearea .jjsa-col--left{
  flex:0 0 58%;
  max-width:58%;
  min-width:0;
}

body.page-id-4170 #jj-servicearea .jjsa-col--right{
  flex:0 0 42%;
  max-width:42%;
  min-width:0;
}

/* CARDS */
body.page-id-4170 #jj-servicearea .jjsa-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:18px;
  color:#f5f7fa;
}

body.page-id-4170 #jj-servicearea .jjsa-h2{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.2;
  color:#fff;
}

body.page-id-4170 #jj-servicearea .jjsa-p{
  margin:0 0 12px 0;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

/* MAP */
body.page-id-4170 #jj-servicearea .jjsa-map{
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.12);
  overflow:hidden;
  background:#0f0f0f;
}

body.page-id-4170 #jj-servicearea .jjsa-map img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  float:none !important;
}

body.page-id-4170 #jj-servicearea .jjsa-mapcap{
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,0.08);
  color:#dfe5ec;
  line-height:1.6;
}

/* LIST */
body.page-id-4170 #jj-servicearea .jjsa-list{
  margin:10px 0 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

body.page-id-4170 #jj-servicearea .jjsa-li{
  background:#0f0f0f;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:16px;
  padding:12px 14px;
}

body.page-id-4170 #jj-servicearea .jjsa-li strong{
  display:block;
  color:#fff;
  font-weight:950;
  margin-bottom:4px;
}

body.page-id-4170 #jj-servicearea .jjsa-li span{
  color:#dfe5ec;
  font-size:13.5px;
  line-height:1.55;
}

/* CITY BADGES */
body.page-id-4170 #jj-servicearea .jjsa-cities{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

body.page-id-4170 #jj-servicearea .jjsa-city{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(0,0,0,0.28);
  color:#e7ebf0;
  font-weight:900;
  font-size:13px;
}

/* FINAL CTA */
body.page-id-4170 #jj-servicearea .jjsa-final{
  padding:32px 0 46px 0;
  background:#0b0b0b;
  border-top:1px solid rgba(255,255,255,0.08);
}

body.page-id-4170 #jj-servicearea .jjsa-finalbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,196,0,0.30);
}

body.page-id-4170 #jj-servicearea .jjsa-finalbar h3{
  margin:0;
  font-size:18px;
  color:#fff;
}

body.page-id-4170 #jj-servicearea .jjsa-finalbar p{
  margin:6px 0 0 0;
  color:#e7ebf0;
  line-height:1.6;
}

/* MOBILE */
@media (max-width: 980px){
  body.page-id-4170 #jj-servicearea .jjsa-row{ flex-direction:column; }
  body.page-id-4170 #jj-servicearea .jjsa-col--left,
  body.page-id-4170 #jj-servicearea .jjsa-col--right{
    flex:0 0 auto;
    max-width:100%;
  }
}

@media (max-width: 640px){
  body.page-id-4170 #jj-servicearea .jjsa-h1{ font-size:32px; }
  body.page-id-4170 #jj-servicearea .jjsa-cta{
    display:grid;
    grid-template-columns:1fr;
  }
}
/* =========================================
   Service Area (4170) — CENTER HERO CONTENT
   ========================================= */
body.page-id-4170 #jj-servicearea .jjsa-hero .jjsa-wrap{
  text-align: center !important;
}

/* Center the button row */
body.page-id-4170 #jj-servicearea .jjsa-cta{
  justify-content: center !important;
}

/* Center the badges row */
body.page-id-4170 #jj-servicearea .jjsa-badges{
  justify-content: center !important;
}

/* Keep the lead paragraph centered and readable */
body.page-id-4170 #jj-servicearea .jjsa-lead{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Optional: make eyebrow badge center itself even if inline-block */
body.page-id-4170 #jj-servicearea .jjsa-eyebrow{
  margin-left: auto !important;
  margin-right: auto !important;
}
/* =========================================
   CONTACT (page-id-2850) — MAKE CUSTOM HTML FULL-WIDTH LIKE SERVICE AREA
   ========================================= */

/* Break the Contact wrapper out of the constrained content width */
body.page-id-2850 .is-layout-constrained > #jj-contactpage.alignfull,
body.page-id-2850 .wp-block-post-content > #jj-contactpage.alignfull,
body.page-id-2850 .entry-content > #jj-contactpage.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* =========================================
   CONTACT (2850) — FORCE FULL-WIDTH LIKE SERVICE AREA
   ========================================= */

/* Break the wrapper out of the theme’s constrained content width */
body.page-id-2850 #jj-contactpage{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Keep your inner content centered like the rest of the site */
body.page-id-2850 #jj-contactpage .jj-wrap{
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Prevent tiny horizontal scrollbars from 100vw on some browsers */
body.page-id-2850{
  overflow-x: hidden !important;
}
/* =========================================
   CONTACT (2850) — CENTER HERO CONTENT
   ========================================= */
body.page-id-2850 #jj-contactpage .jj-hero .jj-wrap{
  text-align: center !important;
}

/* Center the button row */
body.page-id-2850 #jj-contactpage .jj-cta-row{
  justify-content: center !important;
}

/* Center the trust chips row */
body.page-id-2850 #jj-contactpage .jj-trust{
  justify-content: center !important;
}

/* Keep the lead paragraph nicely centered */
body.page-id-2850 #jj-contactpage .jj-lead,
body.page-id-2850 #jj-contactpage .jj-hero p{
  margin-left: auto !important;
  margin-right: auto !important;
}
/* =========================================
   SERVICES — remove top/bottom bars around custom HTML block
   ========================================= */

/* Remove vertical padding on the full-width wrapper */
#jj-servicespage{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Give the hero + final their own spacing instead (clean) */
#jj-servicespage .jj-hero{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#jj-servicespage .jj-final{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove any WP margins on first/last elements inside the block */
#jj-servicespage > :first-child{
  margin-top: 0 !important;
}
#jj-servicespage > :last-child{
  margin-bottom: 0 !important;
}
/* =========================================
   JJ CONTACT PAGE (SCOPED) — StartFitter + WPForms
   ========================================= */
#jj-contactpage{
  color:#f5f7fa;
  background:#0e0e0e;
}
#jj-contactpage a{ text-decoration:none; }
#jj-contactpage .jj-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
}

/* HERO */
#jj-contactpage .jj-hero{
  padding:44px 0 26px 0;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(245,196,0,0.12), transparent 55%),
    #0e0e0e;
}
#jj-contactpage .jj-eyebrow{
  display:inline-block;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  margin-bottom:12px;
}
#jj-contactpage h1{
  margin:8px 0 10px 0;
  font-size:40px;
  line-height:1.10;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.55);
}
#jj-contactpage .jj-lead{
  margin:0;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
  max-width:72ch;
}

/* Buttons */
#jj-contactpage .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}
#jj-contactpage .jj-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#jj-contactpage .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45);
}
#jj-contactpage .jj-btn-primary{ background:rgba(245,196,0,0.95); color:#111; }
#jj-contactpage .jj-btn-secondary{ background:#0b0b0b; color:#fff; }

/* Trust chips */
#jj-contactpage .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
#jj-contactpage .jj-chip{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  font-weight:800;
  font-size:13px;
  color:#fff;
}

/* Grid/cards */
#jj-contactpage .jj-section{
  padding:22px 0 44px 0;
  background:#0e0e0e;
}
#jj-contactpage .jj-grid{
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  gap:16px;
  margin-top:16px;
  align-items:start;
}
#jj-contactpage .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:18px;
  color:#f5f7fa;
}
#jj-contactpage .jj-card h2{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.2;
  color:#fff;
}
#jj-contactpage .jj-card p{
  margin:0 0 12px 0;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

/* Mini cards */
#jj-contactpage .jj-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
#jj-contactpage .jj-mini{
  display:block;
  background:#0f0f0f;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:16px;
  padding:14px;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#jj-contactpage .jj-mini:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(0,0,0,0.25);
  border-color:rgba(245,196,0,0.45);
}
#jj-contactpage .jj-mini-title{
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:11px;
  color:#bfc7d2;
  margin-bottom:6px;
}
#jj-contactpage .jj-mini-main{
  font-weight:950;
  font-size:17px;
  color:#fff;
  line-height:1.2;
}
#jj-contactpage .jj-mini-sub{
  margin-top:6px;
  font-size:13px;
  color:#dfe5ec;
  line-height:1.45;
}

/* Form shell */
#jj-contactpage .jj-form-shell{
  margin-top:12px;
  padding:14px;
  border-radius:16px;
  border:1px dashed rgba(245,196,0,0.35);
  background: rgba(255,255,255,0.04);
}
#jj-contactpage .jj-form-note{
  font-size:13px;
  color:#e7ebf0;
  line-height:1.55;
  margin:0 0 10px 0;
}

/* WPForms styling (scoped) */
#jj-contactpage .wpforms-container{ margin:0 !important; }
#jj-contactpage .wpforms-field-label{ color:#fff !important; font-weight:900 !important; }
#jj-contactpage .wpforms-field-sublabel,
#jj-contactpage .wpforms-field-description{ color:rgba(255,255,255,0.75) !important; }

#jj-contactpage .wpforms-container input[type="text"],
#jj-contactpage .wpforms-container input[type="email"],
#jj-contactpage .wpforms-container input[type="tel"],
#jj-contactpage .wpforms-container input[type="url"],
#jj-contactpage .wpforms-container input[type="number"],
#jj-contactpage .wpforms-container select,
#jj-contactpage .wpforms-container textarea{
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: #f5f7fa !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}
#jj-contactpage .wpforms-container input:focus,
#jj-contactpage .wpforms-container select:focus,
#jj-contactpage .wpforms-container textarea:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(245,196,0,0.22) !important;
  border-color: rgba(245,196,0,0.55) !important;
}
#jj-contactpage .wpforms-container .wpforms-submit{
  background: rgba(245,196,0,0.95) !important;
  color: #111 !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 14px !important;
  font-weight: 950 !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#jj-contactpage .wpforms-container .wpforms-submit:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.30);
  border-color: rgba(245,196,0,0.45) !important;
}
#jj-contactpage .wpforms-confirmation-container-full{
  background: rgba(245,196,0,0.10) !important;
  border: 1px solid rgba(245,196,0,0.35) !important;
  color: #f5f7fa !important;
  border-radius: 16px !important;
}

/* Final CTA */
#jj-contactpage .jj-final{
  padding:32px 0 46px 0;
  background:#0b0b0b;
  border-top:1px solid rgba(255,255,255,0.08);
}
#jj-contactpage .jj-final-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,196,0,0.30);
}
#jj-contactpage .jj-final h3{ margin:0; font-size:18px; color:#fff; }
#jj-contactpage .jj-final p{ margin:6px 0 0 0; color:#e7ebf0; line-height:1.6; }

/* Hide theme comments if injected */
#jj-contactpage #comments,
#jj-contactpage .comments-area,
#jj-contactpage .comment-respond,
#jj-contactpage #respond{ display:none !important; }

/* Responsive */
@media (max-width: 980px){
  #jj-contactpage .jj-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  #jj-contactpage h1{ font-size:32px; }
  #jj-contactpage .jj-mini-grid{ grid-template-columns:1fr; }
  #jj-contactpage .jj-cta-row{ display:grid; grid-template-columns:1fr; }
}

/* OPTIONAL: hide the theme page title on this page
   Put your Contact page ID in place of 1234.
   Find it by editing the page and looking at the URL: post=#### */
body.page-id-2850 .entry-title,
body.page-id-2850 .page-title{
  display:none !important;
}
/* WPForms "enable JS" notice (some optimizers cause it to show) */
#jj-contactpage .wpforms-container .wpforms-error-noscript,
#jj-contactpage .wpforms-container .wpforms-noscript,
#jj-contactpage .wpforms-container .wpforms-alert{
  display: none !important;
}

/* Prevent long values (like email) from overflowing */
#jj-contactpage .jj-mini-main{
  overflow-wrap: anywhere;
  word-break: break-word;
}
#jj-contactpage .jj-mini{ min-width: 0; }
/* Hide the default page title for this page only */
body.page-id-2850 h1.entry-title,
body.page-id-2850 .wp-block-post-title {
  display: none !important;
}
/* =========================================================
   JJ ABOUT PAGE — MATCH CONTACT/SERVICE AREA/SERVICES
   Page: about-us (page-id-3541)
   Wrapper: #jj-aboutpage
   Theme fonts only (NO font-family)
   ========================================================= */

/* Hide default WP title on this page only */
body.page-id-3541 h1.entry-title,
body.page-id-3541 .wp-block-post-title{
  display:none !important;
}

/* Hide comments on this page only */
body.page-id-3541 #comments,
body.page-id-3541 .comments-area,
body.page-id-3541 .comment-respond,
body.page-id-3541 #respond{
  display:none !important;
}

/* Full-width breakout like your other pages */
body.page-id-3541 #jj-aboutpage{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background:#0e0e0e;
  color:#f5f7fa;
  padding: 44px 0 48px 0;
}

body.page-id-3541{
  overflow-x:hidden !important;
}

#jj-aboutpage, #jj-aboutpage *{ box-sizing:border-box; }
#jj-aboutpage a{ text-decoration:none; color: inherit; }

#jj-aboutpage .jj-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
}

/* HERO */
#jj-aboutpage .jj-hero{
  text-align:center;
  padding-bottom: 22px;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(245,196,0,0.12), transparent 55%),
    transparent;
}

#jj-aboutpage .jj-eyebrow{
  display:inline-block;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  margin-bottom:12px;
  color:#fff;
}

#jj-aboutpage h1{
  margin:8px 0 10px 0;
  font-size:40px;
  line-height:1.10;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.55);
}

#jj-aboutpage .jj-lead{
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
  max-width:78ch;
}

/* Buttons */
#jj-aboutpage .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
  justify-content:center;
}

#jj-aboutpage .jj-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

#jj-aboutpage .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45);
}

#jj-aboutpage .jj-btn-primary{ background:rgba(245,196,0,0.95); color:#111; }
#jj-aboutpage .jj-btn-secondary{ background:#0b0b0b; color:#fff; }

/* Chips row */
#jj-aboutpage .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  justify-content:center;
}

#jj-aboutpage .jj-chip{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  font-weight:800;
  font-size:13px;
  color:#fff;
}

/* Section spacing */
#jj-aboutpage .jj-section{
  padding: 22px 0 0 0;
}

/* Stats */
#jj-aboutpage .jj-stats{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}

#jj-aboutpage .jj-stat{
  text-align:center;
  padding: 16px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
}

#jj-aboutpage .jj-stat strong{
  display:block;
  font-size: 28px;
  font-weight: 950;
  color: rgba(245,196,0,0.95);
  line-height: 1.05;
}

#jj-aboutpage .jj-stat span{
  display:block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.78);
}

/* Divider */
#jj-aboutpage .jj-divider{
  height: 1px;
  background: rgba(255,255,255,0.14);
  margin: 26px 0;
}

/* Content blocks (like your other pages) */
#jj-aboutpage .jj-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 16px;
  align-items: start;
}

#jj-aboutpage .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:18px;
  color:#f5f7fa;
}

#jj-aboutpage .jj-card h2{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.2;
  color:#fff;
}

#jj-aboutpage .jj-card p{
  margin:0 0 12px 0;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

#jj-aboutpage .jj-bullets{
  list-style:none;
  padding:0;
  margin: 12px 0 0 0;
  display:grid;
  gap:10px;
}

#jj-aboutpage .jj-bullets li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:#e7ebf0;
  line-height:1.55;
  font-size:14.5px;
}

#jj-aboutpage .jj-dot{
  width: 10px;
  height: 10px;
  margin-top: 7px;
  border-radius: 999px;
  background: rgba(245,196,0,0.95);
  box-shadow: 0 0 0 4px rgba(245,196,0,0.12);
  flex: 0 0 auto;
}

/* Photos */
#jj-aboutpage .jj-photo img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.14);
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);
}

/* Final CTA */
#jj-aboutpage .jj-final{
  margin-top: 26px;
  padding:32px 0 0 0;
  border-top:1px solid rgba(255,255,255,0.08);
}

#jj-aboutpage .jj-final-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,196,0,0.30);
}

#jj-aboutpage .jj-final h3{ margin:0; font-size:18px; color:#fff; }
#jj-aboutpage .jj-final p{ margin:6px 0 0 0; color:#e7ebf0; line-height:1.6; }

/* Responsive */
@media (max-width: 980px){
  #jj-aboutpage .jj-grid{ grid-template-columns:1fr; }
  #jj-aboutpage .jj-stats{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 640px){
  #jj-aboutpage h1{ font-size:32px; }
  #jj-aboutpage .jj-cta-row{ display:grid; grid-template-columns:1fr; }
  #jj-aboutpage .jj-stats{ grid-template-columns:1fr; }
}
/* ABOUT (3541): stop forced line breaks inside card paragraphs */
body.page-id-3541 #jj-aboutpage .jj-card p br{
  display: none !important;
}

body.page-id-3541 #jj-aboutpage .jj-card p{
  white-space: normal !important;
}
/* =========================================
   JJ SOCIAL MEDIA PAGE — page-id-2789
   Matches Contact/Service Area styling
   ========================================= */

body.page-id-2789 h1.entry-title,
body.page-id-2789 .wp-block-post-title{
  display:none !important;
}

body.page-id-2789 #comments,
body.page-id-2789 .comments-area,
body.page-id-2789 .comment-respond,
body.page-id-2789 #respond{
  display:none !important;
}

#jj-social{
  background:#0e0e0e;
  color:#f5f7fa;
}

#jj-social, #jj-social *{ box-sizing:border-box; }

#jj-social a{ text-decoration:none; color:inherit; }

#jj-social .jj-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 0px;
}

/* HERO */
#jj-social .jj-hero{
  padding:44px 0 22px 0;
  text-align:center;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(245,196,0,0.12), transparent 55%),
    #0e0e0e;
}

#jj-social .jj-eyebrow{
  display:inline-block;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  margin-bottom:12px;
}

#jj-social h1{
  margin:8px 0 10px 0;
  font-size:40px;
  line-height:1.10;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.55);
}

#jj-social .jj-lead{
  margin:0 auto;
  max-width:78ch;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
}

/* Top buttons */
#jj-social .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-top:16px;
}

#jj-social .jj-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

#jj-social .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45);
}

#jj-social .jj-btn-primary{ background:rgba(245,196,0,0.95); color:#111; }
#jj-social .jj-btn-secondary{ background:#0b0b0b; color:#fff; }

/* MAIN */
#jj-social .jj-section{
  padding:22px 0 44px 0;
}

#jj-social .jj-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  align-items:start;
}

#jj-social .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:18px;
}

#jj-social .jj-card h2{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.2;
  color:#fff;
}

#jj-social .jj-card p{
  margin:0 0 12px 0;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

/* Logo header */
#jj-social .jj-logo-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

#jj-social .jj-logo-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  background:#0f0f0f;
  border:1px solid rgba(255,255,255,0.12);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

#jj-social .jj-logo-link:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(0,0,0,0.25);
  border-color:rgba(245,196,0,0.45);
}

#jj-social .jj-logo-link img{
  width:40px;
  height:40px;
  display:block;
}

#jj-social .jj-logo-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}

#jj-social .jj-logo-text strong{
  color:#fff;
  font-weight:950;
  line-height:1.1;
}

#jj-social .jj-logo-text span{
  color:#dfe5ec;
  font-size:13px;
  line-height:1.2;
}

/* Embeds */
#jj-social .jj-embed{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.12);
  background:#0f0f0f;
}

#jj-social .jj-embed iframe{
  width:100% !important;
  border:0 !important;
  display:block;
}

#jj-social .jj-embed.fb iframe{ height:760px; }
#jj-social .jj-embed.ig iframe{ height:760px; }

@media (max-width: 980px){
  #jj-social .jj-grid{ grid-template-columns: 1fr; }
  #jj-social .jj-embed.fb iframe{ height:720px; }
  #jj-social .jj-embed.ig iframe{ height:720px; }
}

@media (max-width: 640px){
  #jj-social h1{ font-size:32px; }
  #jj-social .jj-cta-row{ display:grid; grid-template-columns:1fr; }
  #jj-social .jj-embed.fb iframe{ height:680px; }
  #jj-social .jj-embed.ig iframe{ height:680px; }
}
/* =========================================
   JJ SOCIAL — FULL WIDTH (OPTION 1)
   Full-bleed background + centered 1200px content
   Paste at VERY BOTTOM
   ========================================= */

body.page-id-2789{ overflow-x: hidden !important; }

/* Break out of the theme container so the section goes full width */
body.page-id-2789 #jj-social{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Keep content centered like the “perfect” version */
#jj-social .jj-wrap{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
}
/* FORCE trust chips to be centered no matter what the theme does */
body.page-id-2850 #jj-contactpage .jj-trust{
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* =========================================
   CONTACT: Copy buttons — force styled
   Paste at VERY BOTTOM of Contact CSS
   ========================================= */

#jj-contactpage .jj-copy-btn{
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  padding: 10px 12px !important;
  border-radius: 12px !important;

  font-weight: 900 !important;
  letter-spacing: .02em !important;

  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;

  border: 1px solid rgba(255,255,255,0.16) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.25) !important;

  cursor: pointer !important;

  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease !important;
}

/* Hover */
#jj-contactpage .jj-copy-btn:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.30) !important;
  border-color: rgba(245,196,0,0.45) !important;
  background: rgba(255,255,255,0.09) !important;
}

/* Active press */
#jj-contactpage .jj-copy-btn:active{
  transform: translateY(0) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.25) !important;
}

/* Keyboard focus */
#jj-contactpage .jj-copy-btn:focus,
#jj-contactpage .jj-copy-btn:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(245,196,0,0.22), 0 14px 28px rgba(0,0,0,0.30) !important;
  border-color: rgba(245,196,0,0.55) !important;
}

/* “Copied!” text */
#jj-contactpage .jj-copy-status{
  font-size: 12px !important;
  font-weight: 900 !important;
  color: rgba(245,196,0,0.95) !important;
}
/* =========================================
   JJ WELD CONSULTING + TRAINING — page-id-3572
   Robust across multiple WP blocks
   ========================================= */

/* Hide default WP title on this page */
body.page-id-3572 h1.entry-title,
body.page-id-3572 .wp-block-post-title{
  display:none !important;
}

/* Hide comments on this page */
body.page-id-3572 #comments,
body.page-id-3572 .comments-area,
body.page-id-3572 .comment-respond,
body.page-id-3572 #respond{
  display:none !important;
}

/* If your theme adds weird widths/margins to block content, neutralize */
body.page-id-3572 .entry-content{
  max-width: none !important;
}

body.page-id-3572{
  overflow-x: hidden;
}

/* Shared wrapper for EACH block */
body.page-id-3572 .jj-training{
  background:#0e0e0e;
  color:#f5f7fa;
}

body.page-id-3572 .jj-training,
body.page-id-3572 .jj-training *{
  box-sizing:border-box;
}

body.page-id-3572 .jj-training a{
  text-decoration:none;
  color:inherit;
}

body.page-id-3572 .jj-training .jj-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
}

/* HERO */
body.page-id-3572 .jj-training .jj-hero{
  padding:44px 0 26px 0;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(245,196,0,0.12), transparent 55%),
    #0e0e0e;
}

body.page-id-3572 .jj-training .jj-hero-grid{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap:16px;
  align-items:center;
}

body.page-id-3572 .jj-training .jj-eyebrow{
  display:inline-block;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  margin-bottom:12px;
}

body.page-id-3572 .jj-training h1{
  margin:8px 0 10px 0;
  font-size:40px;
  line-height:1.10;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.55);
}

body.page-id-3572 .jj-training .jj-lead{
  margin:0;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
  max-width:75ch;
  white-space: normal !important;
}

body.page-id-3572 .jj-training .jj-lead br{ display:none !important; }

/* Buttons */
body.page-id-3572 .jj-training .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}

body.page-id-3572 .jj-training .jj-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

body.page-id-3572 .jj-training .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45);
}

body.page-id-3572 .jj-training .jj-btn-primary{ background:rgba(245,196,0,0.95); color:#111; }
body.page-id-3572 .jj-training .jj-btn-secondary{ background:#0b0b0b; color:#fff; }

/* Images */
body.page-id-3572 .jj-training .jj-hero-photo,
body.page-id-3572 .jj-training .jj-photo{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.12);
  background:#0f0f0f;
}

body.page-id-3572 .jj-training .jj-hero-photo img{
  display:block;
  width:100%;
  height:340px;
  object-fit:cover;
}

body.page-id-3572 .jj-training .jj-photo img{
  display:block;
  width:100%;
  height:420px;
  object-fit:cover;
}

/* SECTION */
body.page-id-3572 .jj-training .jj-section{
  padding:22px 0 52px 0;
  background:#0e0e0e;
}

body.page-id-3572 .jj-training .jj-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  align-items:start;
  margin-top:16px;
}

body.page-id-3572 .jj-training .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:18px;
}

body.page-id-3572 .jj-training .jj-card h2{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.2;
  color:#fff;
}

body.page-id-3572 .jj-training .jj-card p{
  margin:0 0 12px 0;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

body.page-id-3572 .jj-training .jj-list{
  margin: 10px 0 0 0;
  padding-left: 18px;
  color:#e7ebf0;
  line-height:1.85;
}

body.page-id-3572 .jj-training .jj-list li strong{ color:#fff; }

body.page-id-3572 .jj-training .jj-divider{
  height:1px;
  background: rgba(255,255,255,0.10);
  margin: 18px 0;
}

/* Final CTA */
body.page-id-3572 .jj-training .jj-final{
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

body.page-id-3572 .jj-training .jj-final-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,196,0,0.30);
}

body.page-id-3572 .jj-training .jj-final h3{
  margin:0;
  font-size:18px;
  color:#fff;
}

body.page-id-3572 .jj-training .jj-final p{
  margin:6px 0 0 0;
  color:#e7ebf0;
  line-height:1.6;
}

/* Responsive */
@media (max-width: 980px){
  body.page-id-3572 .jj-training .jj-hero-grid{ grid-template-columns: 1fr; }
  body.page-id-3572 .jj-training .jj-hero-photo img{ height:280px; }
  body.page-id-3572 .jj-training .jj-grid{ grid-template-columns: 1fr; }
  body.page-id-3572 .jj-training .jj-photo img{ height:320px; }
}

@media (max-width: 640px){
  body.page-id-3572 .jj-training h1{ font-size:32px; }
  body.page-id-3572 .jj-training .jj-cta-row{ display:grid; grid-template-columns:1fr; }
}

#jj-training .jj-lead br{
  display: none !important;
}
/* =========================================
   JJ REQUEST ESTIMATE PAGE — page-id-2755
   Wrapper: #jj-requestpage
   ========================================= */

/* Hide default WP title on this page only */
body.page-id-2755 h1.entry-title,
body.page-id-2755 .wp-block-post-title{
  display:none !important;
}

/* Hide comments on this page only */
body.page-id-2755 #comments,
body.page-id-2755 .comments-area,
body.page-id-2755 .comment-respond,
body.page-id-2755 #respond{
  display:none !important;
}

/* Full width breakout (same as your working pages) */
body.page-id-2755 #jj-requestpage{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background:#0e0e0e;
  color:#f5f7fa;
}

/* Prevent horizontal scroll */
body.page-id-2755{ overflow-x:hidden !important; }

#jj-requestpage, #jj-requestpage *{ box-sizing:border-box; }
#jj-requestpage a{ text-decoration:none; color:inherit; }

#jj-requestpage .jj-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
}

/* HERO */
#jj-requestpage .jj-hero{
  padding:44px 0 26px 0;
  text-align:center;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(245,196,0,0.12), transparent 55%),
    #0e0e0e;
}

#jj-requestpage .jj-eyebrow{
  display:inline-block;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  margin-bottom:12px;
  color:#fff;
}

#jj-requestpage h1{
  margin:8px 0 10px 0;
  font-size:40px;
  line-height:1.10;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.55);
}

#jj-requestpage .jj-lead{
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
  max-width:78ch;
}

/* Buttons */
#jj-requestpage .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
  justify-content:center;
}

#jj-requestpage .jj-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

#jj-requestpage .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45);
}

#jj-requestpage .jj-btn-primary{ background:rgba(245,196,0,0.95); color:#111 !important; }
#jj-requestpage .jj-btn-secondary{ background:#0b0b0b; color:#fff !important; }

/* Trust chips */
#jj-requestpage .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  justify-content:center;
}
#jj-requestpage .jj-chip{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
  font-weight:800;
  font-size:13px;
  color:#fff;
}

/* Section + grid */
#jj-requestpage .jj-section{
  padding:22px 0 44px 0;
}

#jj-requestpage .jj-grid{
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  gap:16px;
  margin-top:16px;
  align-items:start;
}

/* Cards */
#jj-requestpage .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:18px;
  color:#f5f7fa;
}

#jj-requestpage .jj-card h2{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.2;
  color:#fff;
}

#jj-requestpage .jj-card p{
  margin:0 0 12px 0;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

/* Bullets */
#jj-requestpage .jj-list{
  margin: 0;
  padding-left: 18px;
  color:#e7ebf0;
  line-height: 1.85;
}
#jj-requestpage .jj-list li strong{ color:#fff; }

/* Form shell */
#jj-requestpage .jj-form-shell{
  margin-top:12px;
  padding:14px;
  border-radius:16px;
  border:1px dashed rgba(245,196,0,0.35);
  background: rgba(255,255,255,0.04);
}

#jj-requestpage .jj-form-note{
  font-size:13px;
  color:#e7ebf0;
  line-height:1.55;
  margin:0 0 10px 0;
}

/* WPForms styling (scoped) */
#jj-requestpage .wpforms-container{ margin:0 !important; }
#jj-requestpage .wpforms-field-label{ color:#fff !important; font-weight:900 !important; }
#jj-requestpage .wpforms-field-sublabel,
#jj-requestpage .wpforms-field-description{ color:rgba(255,255,255,0.75) !important; }

#jj-requestpage .wpforms-container input[type="text"],
#jj-requestpage .wpforms-container input[type="email"],
#jj-requestpage .wpforms-container input[type="tel"],
#jj-requestpage .wpforms-container input[type="url"],
#jj-requestpage .wpforms-container input[type="number"],
#jj-requestpage .wpforms-container select,
#jj-requestpage .wpforms-container textarea{
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: #f5f7fa !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
}

#jj-requestpage .wpforms-container input:focus,
#jj-requestpage .wpforms-container select:focus,
#jj-requestpage .wpforms-container textarea:focus{
  outline:none !important;
  box-shadow: 0 0 0 3px rgba(245,196,0,0.22) !important;
  border-color: rgba(245,196,0,0.55) !important;
}

#jj-requestpage .wpforms-container .wpforms-submit{
  background: rgba(245,196,0,0.95) !important;
  color: #111 !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 14px !important;
  font-weight: 950 !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
}

#jj-requestpage .wpforms-confirmation-container-full{
  background: rgba(245,196,0,0.10) !important;
  border: 1px solid rgba(245,196,0,0.35) !important;
  color: #f5f7fa !important;
  border-radius: 16px !important;
}

/* Final CTA */
#jj-requestpage .jj-final{
  padding:32px 0 46px 0;
  background:#0b0b0b;
  border-top:1px solid rgba(255,255,255,0.08);
}
#jj-requestpage .jj-final-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,196,0,0.30);
}
#jj-requestpage .jj-final h3{ margin:0; font-size:18px; color:#fff; }
#jj-requestpage .jj-final p{ margin:6px 0 0 0; color:#e7ebf0; line-height:1.6; }

/* Responsive */
@media (max-width: 980px){
  #jj-requestpage .jj-grid{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  #jj-requestpage h1{ font-size:32px; }
  #jj-requestpage .jj-cta-row{ display:grid; grid-template-columns:1fr; }
}
/* FIX: final CTA should NOT look like a separate black strip */
body.page-id-2755 #jj-requestpage .jj-final{
  background: transparent !important;
  padding: 22px 0 44px 0 !important;   /* keeps spacing nice */
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
/* Request page: clickable phone/email + copy buttons inside the form note */
body.page-id-2755 #jj-requestpage .jj-form-note{
  margin-top: 12px;
  padding: 14px;
  border-radius: 16px;
  border: 1px dashed rgba(245,196,0,0.35);
  background: rgba(255,255,255,0.04);
}

body.page-id-2755 #jj-requestpage .jj-form-note p{
  margin: 0 0 10px 0;
  color: #e7ebf0;
  line-height: 1.55;
  font-size: 13.5px;
}

body.page-id-2755 #jj-requestpage .jj-note-contacts{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 640px){
  body.page-id-2755 #jj-requestpage .jj-note-contacts{
    grid-template-columns: 1fr;
  }
}

body.page-id-2755 #jj-requestpage .jj-note-pill{
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  padding: 12px;
  min-width: 0;
}

body.page-id-2755 #jj-requestpage .jj-note-link{
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.page-id-2755 #jj-requestpage .jj-note-link span{
  color: #dfe5ec;
  font-weight: 800;
}

body.page-id-2755 #jj-requestpage .jj-copy-btn{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: #fff;
  cursor: pointer;
}

body.page-id-2755 #jj-requestpage .jj-copy-btn:hover{
  border-color: rgba(245,196,0,0.45);
  box-shadow: 0 14px 28px rgba(0,0,0,0.30);
  transform: translateY(-1px);
}

body.page-id-2755 #jj-requestpage .jj-copy-status{
  font-size: 12px;
  color: rgba(255,255,255,0.78);
  margin-left: 6px;
}
/* =========================================================
   JJ ADS LANDING — EQUIPMENT REPAIR (page-id 6282)
   Wrapper: #jj-adslanding-equip.alignfull
   Lightbox: PURE CSS (.jj-lb:target)
   Background: deep black + yellow glare (left)
   ========================================================= */

body.page-id-6282 h1.entry-title,
body.page-id-6282 .wp-block-post-title { display:none !important; }

body.page-id-6282 { overflow-x:hidden !important; }

/* Full-width breakout (StartFitter / WP limiter) */
body.page-id-6282 .entry-content > #jj-adslanding-equip,
body.page-id-6282 .wp-block-post-content > #jj-adslanding-equip,
body.page-id-6282 #jj-adslanding-equip.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Background: DARK black + yellow glare left */
body.page-id-6282 #jj-adslanding-equip{
  position:relative;
  color:#f5f7fa;
}

body.page-id-6282 #jj-adslanding-equip,
body.page-id-6282 #jj-adslanding-equip *{ box-sizing:border-box; }

body.page-id-6282 #jj-adslanding-equip::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(900px 520px at 12% 18%, rgba(245,196,0,0.18), transparent 60%),
    radial-gradient(700px 420px at 0% 55%, rgba(245,196,0,0.10), transparent 62%),
    #070707;
  z-index:-1;
}

/* Wrap */
body.page-id-6282 #jj-adslanding-equip .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

/* Hero spacing */
body.page-id-6282 #jj-adslanding-equip .jj-hero{ padding:64px 0 36px; }
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-hero{ padding:44px 0 28px; }
}

/* Type */
body.page-id-6282 #jj-adslanding-equip .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.9;
  margin-bottom:10px;
  color:#fff;
}

body.page-id-6282 #jj-adslanding-equip .jj-h1{
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.08;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.60);
}

body.page-id-6282 #jj-adslanding-equip .jj-lead{
  font-size:18px;
  line-height:1.5;
  opacity:.92;
  margin:0 0 16px;
  color:#e7ebf0;
}

body.page-id-6282 #jj-adslanding-equip .jj-bullets{
  margin:0 0 18px 18px;
  padding:0;
  opacity:.95;
  color:#dfe5ec;
}
body.page-id-6282 #jj-adslanding-equip .jj-bullets li{ margin:0 0 8px; }

/* Grid */
body.page-id-6282 #jj-adslanding-equip .jj-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:start;
}
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-hero-grid{ grid-template-columns:1fr; }
}

/* Buttons */
body.page-id-6282 #jj-adslanding-equip .jj-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 14px;
}

body.page-id-6282 #jj-adslanding-equip .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  line-height:1.1;
  white-space:nowrap;
}

body.page-id-6282 #jj-adslanding-equip .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.35);
  border-color:rgba(245,196,0,0.45);
}

body.page-id-6282 #jj-adslanding-equip .jj-btn-primary{
  background:rgba(245,196,0,0.95);
  color:#111 !important;
}

body.page-id-6282 #jj-adslanding-equip .jj-btn-ghost{
  background:#0b0b0b;
  color:#fff !important;
}

body.page-id-6282 #jj-adslanding-equip .jj-btn-outline{
  background:transparent;
  color:#f5c400;
  border-color:rgba(245,196,0,0.55);
}
body.page-id-6282 #jj-adslanding-equip .jj-btn-outline:hover{
  border-color:rgba(245,196,0,0.85);
}

/* Trust pills */
body.page-id-6282 #jj-adslanding-equip .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
body.page-id-6282 #jj-adslanding-equip .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-weight:800;
}

/* Form card */
body.page-id-6282 #jj-adslanding-equip .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,0.38);
}
body.page-id-6282 #jj-adslanding-equip .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
}
body.page-id-6282 #jj-adslanding-equip .jj-card-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 4px;
  color:#fff;
}
body.page-id-6282 #jj-adslanding-equip .jj-card-sub{
  opacity:.9;
  font-size:13.5px;
  color:#dfe5ec;
}
body.page-id-6282 #jj-adslanding-equip .jj-card-pad{ padding:18px; }

@media (min-width:901px){
  body.page-id-6282 #jj-adslanding-equip .jj-card-pad{
    max-height:560px;
    overflow:auto;
    padding-right:12px;
  }
}

/* WPForms */
body.page-id-6282 #jj-adslanding-equip .wpforms-container{ margin:0 !important; }
body.page-id-6282 #jj-adslanding-equip .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}
body.page-id-6282 #jj-adslanding-equip .wpforms-container input[type="text"],
body.page-id-6282 #jj-adslanding-equip .wpforms-container input[type="email"],
body.page-id-6282 #jj-adslanding-equip .wpforms-container input[type="tel"],
body.page-id-6282 #jj-adslanding-equip .wpforms-container select,
body.page-id-6282 #jj-adslanding-equip .wpforms-container textarea{
  background:rgba(0,0,0,0.35) !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}
body.page-id-6282 #jj-adslanding-equip .wpforms-container .wpforms-submit{
  background:rgba(245,196,0,0.95) !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
}

/* Main photo (background-image version) */
body.page-id-6282 #jj-adslanding-equip .jj-photo-wide{
  margin-top:26px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.12);
  background:#0f0f0f;
  height:420px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-image:url("/wp-content/uploads/2025/11/463338040_2699478350233354_1771630409989438122_n-6.jpg");
}
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-photo-wide{ height:260px; }
}

/* Service area mini */
body.page-id-6282 #jj-adslanding-equip .jj-mini{ padding:28px 0 56px; }
body.page-id-6282 #jj-adslanding-equip .jj-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:18px;
}
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-mini-grid{ grid-template-columns:1fr; }
}
body.page-id-6282 #jj-adslanding-equip .jj-mini-title{
  font-weight:950;
  font-size:16px;
  margin-bottom:6px;
  color:#fff;
}
body.page-id-6282 #jj-adslanding-equip .jj-mini-copy{
  opacity:.9;
  margin-bottom:10px;
  color:#e7ebf0;
}
body.page-id-6282 #jj-adslanding-equip .jj-mini-link{
  color:#f5c400;
  text-decoration:none;
  font-weight:950;
}
body.page-id-6282 #jj-adslanding-equip .jj-map{
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.08);
}

/* Final CTA */
body.page-id-6282 #jj-adslanding-equip .jj-final-cta{ padding:46px 0 70px; }
body.page-id-6282 #jj-adslanding-equip .jj-final-grid{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:22px;
}
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-final-grid{
    flex-direction:column;
    align-items:stretch;
  }
}
body.page-id-6282 #jj-adslanding-equip .jj-h2{ margin:0 0 8px; font-size:22px; color:#fff; }
body.page-id-6282 #jj-adslanding-equip .jj-final-lead{ margin:0; opacity:.9; color:#e7ebf0; }
body.page-id-6282 #jj-adslanding-equip .jj-final-actions{ display:flex; gap:12px; flex-wrap:wrap; }

/* Photo strip */
body.page-id-6282 #jj-adslanding-equip .jj-photo-strip{ padding:0 0 76px; }
body.page-id-6282 #jj-adslanding-equip .jj-strip-head{ margin:18px 0 14px; }
body.page-id-6282 #jj-adslanding-equip .jj-strip-title{ font-weight:950; font-size:16px; margin-bottom:4px; color:#fff; }
body.page-id-6282 #jj-adslanding-equip .jj-strip-sub{ opacity:.85; font-size:13px; color:#dfe5ec; }
body.page-id-6282 #jj-adslanding-equip .jj-strip-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-strip-grid{ grid-template-columns:repeat(2, 1fr); }
}
body.page-id-6282 #jj-adslanding-equip .jj-strip-item{
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
  text-decoration:none;
}
body.page-id-6282 #jj-adslanding-equip .jj-strip-item:hover{ border-color:rgba(245,196,0,0.55); }
body.page-id-6282 #jj-adslanding-equip .jj-strip-item img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-strip-item img{ height:140px; }
}

/* PURE CSS Lightbox */
body.page-id-6282 .jj-lb{ position:fixed; inset:0; display:none; z-index:9999999; }
body.page-id-6282 .jj-lb:target{ display:block; }
body.page-id-6282 .jj-lb-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,0.78); }
body.page-id-6282 .jj-lb-dialog{
  position:absolute; inset:24px;
  display:grid; place-items:center;
  pointer-events:none;
}
body.page-id-6282 .jj-lb-dialog img{
  max-width:min(1100px, calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.04);
  pointer-events:auto;
}
body.page-id-6282 .jj-lb-close{
  position:fixed; top:18px; right:18px;
  width:44px; height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(0,0,0,0.45);
  color:#f3f5f7;
  font-size:28px;
  line-height:44px;
  text-align:center;
  text-decoration:none;
  z-index:10000000;
}
/* ===== 6282: Hero-only yellow glare (left of buttons) ===== */

/* Make wrapper background solid black (removes page-wide glow) */
body.page-id-6282 #jj-adslanding-equip::before{
  background: #070707 !important;
}

/* Ensure hero can host the glow layer */
body.page-id-6282 #jj-adslanding-equip .jj-hero{
  position: relative;
  isolation: isolate; /* keeps glow behind content */
}

/* The actual glare */
body.page-id-6282 #jj-adslanding-equip .jj-hero::before{
  content:"";
  position:absolute;
  inset:-40px 0 -40px 0; /* extra space so glow feathers out */
  z-index:-1;
  pointer-events:none;

  /* Glow positioned to the left of the CTA row */
  background:
    radial-gradient(
      520px 360px at 18% 62%,
      rgba(245,196,0,0.34),
      rgba(245,196,0,0.14) 35%,
      transparent 70%
    );
}

/* On mobile, move glow up a bit so it’s still visible */
@media (max-width: 900px){
  body.page-id-6282 #jj-adslanding-equip .jj-hero::before{
    background:
      radial-gradient(
        520px 360px at 18% 48%,
        rgba(245,196,0,0.34),
        rgba(245,196,0,0.14) 35%,
        transparent 70%
      );
  }
	/* 6282: tighter + higher hero glow */
body.page-id-6282 #jj-adslanding-equip .jj-hero::before{
  inset:-30px 0 -30px 0; /* less vertical spread */
  background:
    radial-gradient(
      360px 240px at 18% 46%, /* smaller + higher */
      rgba(245,196,0,0.42),
      rgba(245,196,0,0.16) 38%,
      transparent 72%
    );
	}
}
/* =========================================================
   JJ ADS LANDING — STRUCTURAL
   Page ID: 6195
   Wrapper: #jj-adslanding-a.alignfull
   CLEAN FINAL CSS
   ========================================================= */

body.page-id-6195{
  overflow-x:hidden !important;
  background:#070707 !important;
}

body.page-id-6195 h1.entry-title,
body.page-id-6195 .wp-block-post-title,
body.page-id-6195 .page-title{
  display:none !important;
}

/* Full-width breakout */
body.page-id-6195 .entry-content > #jj-adslanding-a,
body.page-id-6195 .wp-block-post-content > #jj-adslanding-a,
body.page-id-6195 #jj-adslanding-a.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Theme/base cleanup */
body.page-id-6195 .entry-content,
body.page-id-6195 .wp-block-post-content,
body.page-id-6195 main,
body.page-id-6195 article,
body.page-id-6195 .site-main,
body.page-id-6195 #content,
body.page-id-6195 #primary{
  background:#070707 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Block theme footer-gap fix */
body.page-id-6195 .wp-site-blocks{
  background:#070707 !important;
  row-gap:0 !important;
  gap:0 !important;
}

body.page-id-6195 .wp-site-blocks > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body.page-id-6195 .wp-site-blocks > main,
body.page-id-6195 .wp-site-blocks > .wp-block-group,
body.page-id-6195 .wp-site-blocks > .wp-block-post-content,
body.page-id-6195 .wp-site-blocks > .entry-content{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  background:#070707 !important;
}

body.page-id-6195 .wp-site-blocks > footer,
body.page-id-6195 .wp-site-blocks > .wp-block-template-part,
body.page-id-6195 .wp-site-blocks > .site-footer,
body.page-id-6195 #colophon,
body.page-id-6195 footer.wp-block-template-part,
body.page-id-6195 .wp-block-template-part footer,
body.page-id-6195 footer .wp-block-group,
body.page-id-6195 footer .is-layout-constrained,
body.page-id-6195 footer .is-layout-flow{
  margin-top:0 !important;
  padding-top:0 !important;
  background:#070707 !important;
}

/* Base */
body.page-id-6195 #jj-adslanding-a{
  position:relative;
  color:#f5f7fa;
  background:#070707 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

body.page-id-6195 #jj-adslanding-a,
body.page-id-6195 #jj-adslanding-a *{
  box-sizing:border-box;
}

body.page-id-6195 #jj-adslanding-a a{
  text-decoration:none;
}

body.page-id-6195 #jj-adslanding-a .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

/* Hero */
body.page-id-6195 #jj-adslanding-a .jj-hero{
  position:relative;
  padding:64px 0 26px;
  background:#070707;
  overflow:hidden;
  isolation:isolate;
}

/* Faint top-left glare under header */
@media (min-width:901px){
  body.page-id-6195 #jj-adslanding-a .jj-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(
        560px 340px at 7% 3%,
        rgba(245,196,0,0.16) 0%,
        rgba(245,196,0,0.08) 34%,
        rgba(245,196,0,0.03) 54%,
        transparent 76%
      );
  }
}

@media (max-width:900px){
  body.page-id-6195 #jj-adslanding-a .jj-hero{
    padding:44px 0 22px;
  }

  body.page-id-6195 #jj-adslanding-a .jj-hero::before{
    content:none !important;
  }
}

/* Hero grid */
body.page-id-6195 #jj-adslanding-a .jj-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:start;
}

@media (max-width:900px){
  body.page-id-6195 #jj-adslanding-a .jj-hero-grid{
    grid-template-columns:1fr;
  }
}

/* Type */
body.page-id-6195 #jj-adslanding-a .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.9;
  margin-bottom:10px;
  color:#fff;
}

body.page-id-6195 #jj-adslanding-a .jj-h1{
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.08;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.60);
}

body.page-id-6195 #jj-adslanding-a .jj-lead{
  font-size:18px;
  line-height:1.5;
  opacity:.92;
  margin:0 0 14px;
  color:#e7ebf0;
}

body.page-id-6195 #jj-adslanding-a .jj-bullets{
  margin:0 0 18px 18px;
  padding:0;
  color:#dfe5ec;
  opacity:.95;
}

body.page-id-6195 #jj-adslanding-a .jj-bullets li{
  margin:0 0 8px;
}

body.page-id-6195 #jj-adslanding-a .jj-note{
  margin-top:10px;
  color:#dfe5ec;
  opacity:.85;
}

body.page-id-6195 #jj-adslanding-a .jj-mini{
  color:rgba(231,235,240,0.92);
  font-size:13.5px;
  line-height:1.45;
}

/* Buttons */
body.page-id-6195 #jj-adslanding-a .jj-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 10px;
}

body.page-id-6195 #jj-adslanding-a .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

body.page-id-6195 #jj-adslanding-a .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.35);
  border-color:rgba(245,196,0,0.45);
}

body.page-id-6195 #jj-adslanding-a .jj-btn-primary{
  background:rgba(245,196,0,0.95);
  color:#111 !important;
}

body.page-id-6195 #jj-adslanding-a .jj-btn-ghost{
  background:#0b0b0b;
  color:#fff !important;
}

body.page-id-6195 #jj-adslanding-a .jj-btn-outline{
  background:transparent;
  color:#f5c400 !important;
  border-color:rgba(245,196,0,0.55);
}

body.page-id-6195 #jj-adslanding-a .jj-btn-outline:hover{
  border-color:rgba(245,196,0,0.85);
}

/* Trust pills */
body.page-id-6195 #jj-adslanding-a .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

body.page-id-6195 #jj-adslanding-a .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-weight:800;
}

/* Form card */
body.page-id-6195 #jj-adslanding-a .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,0.38);
}

body.page-id-6195 #jj-adslanding-a .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
}

body.page-id-6195 #jj-adslanding-a .jj-card-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 4px;
  color:#fff;
}

body.page-id-6195 #jj-adslanding-a .jj-card-sub{
  font-size:13.5px;
  color:#dfe5ec;
  opacity:.9;
}

body.page-id-6195 #jj-adslanding-a .jj-card-pad{
  padding:18px;
}

@media (min-width:901px){
  body.page-id-6195 #jj-adslanding-a .jj-card-pad{
    max-height:560px;
    overflow:auto;
    padding-right:12px;
  }
}

/* WPForms */
body.page-id-6195 #jj-adslanding-a .wpforms-container{
  margin:0 !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container,
body.page-id-6195 #jj-adslanding-a .wpforms-container *{
  color:#f5f7fa !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-field-sublabel,
body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-field-description{
  color:rgba(231,235,240,0.88) !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-required-label{
  color:#f5c400 !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container input[type="text"],
body.page-id-6195 #jj-adslanding-a .wpforms-container input[type="email"],
body.page-id-6195 #jj-adslanding-a .wpforms-container input[type="tel"],
body.page-id-6195 #jj-adslanding-a .wpforms-container input[type="url"],
body.page-id-6195 #jj-adslanding-a .wpforms-container input[type="number"],
body.page-id-6195 #jj-adslanding-a .wpforms-container select,
body.page-id-6195 #jj-adslanding-a .wpforms-container textarea{
  background:rgba(0,0,0,0.40) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container input::placeholder,
body.page-id-6195 #jj-adslanding-a .wpforms-container textarea::placeholder{
  color:rgba(231,235,240,0.62) !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container input:focus,
body.page-id-6195 #jj-adslanding-a .wpforms-container select:focus,
body.page-id-6195 #jj-adslanding-a .wpforms-container textarea:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(245,196,0,0.20) !important;
  border-color:rgba(245,196,0,0.55) !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-field label.wpforms-error,
body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-error{
  color:#ffb4b4 !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-submit{
  background:rgba(245,196,0,0.95) !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.30);
  border-color:rgba(245,196,0,0.45) !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-confirmation-container,
body.page-id-6195 #jj-adslanding-a .wpforms-confirmation-container-full{
  background:rgba(245,196,0,0.10) !important;
  border:1px solid rgba(245,196,0,0.25) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
}

body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-error-noscript,
body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-noscript,
body.page-id-6195 #jj-adslanding-a .wpforms-container .wpforms-alert{
  display:none !important;
}

/* Service area mini block */
body.page-id-6195 #jj-adslanding-a .jj-mini-section{
  padding:28px 0 40px;
  background:#070707;
}

body.page-id-6195 #jj-adslanding-a .jj-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:18px;
}

@media (max-width:900px){
  body.page-id-6195 #jj-adslanding-a .jj-mini-grid{
    grid-template-columns:1fr;
  }
}

body.page-id-6195 #jj-adslanding-a .jj-mini-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 6px;
  color:#fff;
}

body.page-id-6195 #jj-adslanding-a .jj-mini-copy{
  margin:0 0 10px;
  color:#e7ebf0;
  line-height:1.6;
  opacity:.9;
}

body.page-id-6195 #jj-adslanding-a .jj-mini-link{
  color:#f5c400;
  font-weight:950;
  text-decoration:none;
}

body.page-id-6195 #jj-adslanding-a .jj-map{
  width:100% !important;
  height:auto !important;
  display:block;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.08);
}

/* Final CTA */
body.page-id-6195 #jj-adslanding-a .jj-final-cta{
  padding:46px 0 36px;
  background:#070707;
}

body.page-id-6195 #jj-adslanding-a .jj-final-grid{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:22px;
}

@media (max-width:900px){
  body.page-id-6195 #jj-adslanding-a .jj-final-grid{
    flex-direction:column;
    align-items:stretch;
  }
}

body.page-id-6195 #jj-adslanding-a .jj-h2{
  margin:0 0 8px;
  font-size:22px;
  color:#fff;
}

body.page-id-6195 #jj-adslanding-a .jj-final-lead{
  margin:0;
  color:#e7ebf0;
  opacity:.9;
}

body.page-id-6195 #jj-adslanding-a .jj-final-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* Photo strip */
body.page-id-6195 #jj-adslanding-a .jj-photo-strip{
  padding:0 0 0 !important;
  margin:0 !important;
  background:#070707 !important;
}

body.page-id-6195 #jj-adslanding-a .jj-photo-strip .jj-wrap{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  background:#070707 !important;
}

body.page-id-6195 #jj-adslanding-a .jj-strip-head{
  margin:18px 0 14px;
}

body.page-id-6195 #jj-adslanding-a .jj-strip-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 4px;
  color:#fff;
}

body.page-id-6195 #jj-adslanding-a .jj-strip-sub{
  font-size:13px;
  color:#dfe5ec;
  opacity:.85;
}

body.page-id-6195 #jj-adslanding-a .jj-strip-grid{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:12px;
}

@media (max-width:980px){
  body.page-id-6195 #jj-adslanding-a .jj-strip-grid{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width:640px){
  body.page-id-6195 #jj-adslanding-a .jj-strip-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

body.page-id-6195 #jj-adslanding-a .jj-strip-item{
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
}

body.page-id-6195 #jj-adslanding-a .jj-strip-item:hover{
  border-color:rgba(245,196,0,0.55);
}

body.page-id-6195 #jj-adslanding-a .jj-strip-item img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
}

/* Sticky mobile bar */
body.page-id-6195 #jj-adslanding-a .jj-sticky{
  position:sticky;
  bottom:0;
  z-index:9999;
  padding:10px 0;
  background:rgba(7,7,7,0.82);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,0.10);
}

body.page-id-6195 #jj-adslanding-a .jj-sticky-inner{
  display:flex;
  gap:10px;
  justify-content:center;
}

@media (min-width:901px){
  body.page-id-6195 #jj-adslanding-a .jj-sticky{
    display:none;
  }
}

/* Pure CSS lightbox */
body.page-id-6195 .jj-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}

body.page-id-6195 .jj-lb:target{
  display:block !important;
}

body.page-id-6195 .jj-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,0.78) !important;
}

body.page-id-6195 .jj-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}

body.page-id-6195 .jj-lb-dialog img{
  max-width:min(1100px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  background:rgba(255,255,255,0.04) !important;
  pointer-events:auto !important;
}

body.page-id-6195 .jj-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  background:rgba(0,0,0,0.45) !important;
  color:#f3f5f7 !important;
  font-size:28px !important;
  line-height:44px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
}

/* =========================================================
   JJ GALLERY PAGE (page-id 2923)
   Wrapper: #jj-gallery.alignfull
   FooGallery: [foogallery id="5811"]
   Background: deep black + yellow glare LEFT (hero-only)
   ========================================================= */

body.page-id-2923 h1.entry-title,
body.page-id-2923 .wp-block-post-title { display: none !important; }

body.page-id-2923 { overflow-x: hidden !important; }

/* Full-width breakout (StartFitter / WP limiter) */
body.page-id-2923 .entry-content > #jj-gallery,
body.page-id-2923 .wp-block-post-content > #jj-gallery,
body.page-id-2923 #jj-gallery.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Base background (deep black) */
body.page-id-2923 #jj-gallery{
  position: relative;
  color: #f5f7fa;
}

body.page-id-2923 #jj-gallery,
body.page-id-2923 #jj-gallery *{ box-sizing: border-box; }

body.page-id-2923 #jj-gallery::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#070707;
  z-index:-1;
}

/* Wrap */
body.page-id-2923 #jj-gallery .jj-wrap{
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}

/* Hero + hero-only glare (left of buttons) */
body.page-id-2923 #jj-gallery .jj-hero{
  padding: 64px 0 26px;
  position: relative;
  isolation: isolate;
}

body.page-id-2923 #jj-gallery .jj-hero::before{
  content:"";
  position:absolute;
  inset:-30px 0 -30px 0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(
      360px 240px at 18% 46%,
      rgba(245,196,0,0.42),
      rgba(245,196,0,0.16) 38%,
      transparent 72%
    );
}

@media (max-width: 900px){
  body.page-id-2923 #jj-gallery .jj-hero{ padding: 44px 0 22px; }
  body.page-id-2923 #jj-gallery .jj-hero::before{
    background:
      radial-gradient(
        340px 220px at 18% 42%,
        rgba(245,196,0,0.42),
        rgba(245,196,0,0.16) 38%,
        transparent 72%
      );
  }
}

/* Type */
body.page-id-2923 #jj-gallery .jj-eyebrow{
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .9;
  margin-bottom: 10px;
  color: #fff;
}

body.page-id-2923 #jj-gallery .jj-h1{
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.08;
  margin: 0 0 12px;
  color: #fff;
  text-shadow: 0 12px 34px rgba(0,0,0,0.60);
}

body.page-id-2923 #jj-gallery .jj-lead{
  font-size: 18px;
  line-height: 1.5;
  opacity: .92;
  margin: 0 0 14px;
  color: #e7ebf0;
}

/* Buttons */
body.page-id-2923 #jj-gallery .jj-cta-row{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 8px 0 0;
}

body.page-id-2923 #jj-gallery .jj-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration: none !important;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,0.16);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  line-height: 1.1;
  white-space: nowrap;
}

body.page-id-2923 #jj-gallery .jj-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.35);
  border-color: rgba(245,196,0,0.45);
}

body.page-id-2923 #jj-gallery .jj-btn-primary{
  background: rgba(245,196,0,0.95);
  color: #111 !important;
}

body.page-id-2923 #jj-gallery .jj-btn-ghost{
  background: #0b0b0b;
  color: #fff !important;
}

/* Gallery section + card */
body.page-id-2923 #jj-gallery .jj-gallery-section{
  padding: 18px 0 70px;
}

body.page-id-2923 #jj-gallery .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,0.38);
}

body.page-id-2923 #jj-gallery .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
}

body.page-id-2923 #jj-gallery .jj-card-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 4px;
  color:#fff;
}

body.page-id-2923 #jj-gallery .jj-card-sub{
  opacity:.9;
  font-size:13.5px;
  color:#dfe5ec;
}

body.page-id-2923 #jj-gallery .jj-card-pad{
  padding:18px;
}
/* =========================================================
   2923 — FooGallery: FORCE small square thumbnails grid
   Paste at VERY BOTTOM (and remove earlier FG overrides)
   ========================================================= */

/* Grid wrapper */
body.page-id-2923 #jj-gallery .foogallery .fg-items{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Each item becomes a fixed square thumbnail */
body.page-id-2923 #jj-gallery .foogallery .fg-item{
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  width:140px !important;   /* <- thumbnail size */
  height:140px !important;  /* <- thumbnail size */
  flex:0 0 140px !important;
}

/* Clickable area stays square */
body.page-id-2923 #jj-gallery .foogallery .fg-item a,
body.page-id-2923 #jj-gallery .foogallery .fg-item-inner{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border-radius:12px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  background:#0b0b0b !important;
}

/* Image: zoomed OUT */
body.page-id-2923 #jj-gallery .foogallery .fg-item img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}

/* Kill captions/overlays that create extra height */
body.page-id-2923 #jj-gallery .foogallery .fg-caption,
body.page-id-2923 #jj-gallery .foogallery .fg-item-caption,
body.page-id-2923 #jj-gallery .foogallery .fg-item-caption-title,
body.page-id-2923 #jj-gallery .foogallery .fg-item-caption-desc{
  display:none !important;
}

/* Nice hover */
body.page-id-2923 #jj-gallery .foogallery .fg-item a:hover,
body.page-id-2923 #jj-gallery .foogallery .fg-item-inner:hover{
  border-color: rgba(245,196,0,0.55) !important;
}
/* =========================================================
   JJ Equipment Landing — /equipment (page-id 6757)
   Wrapper: #jj-adslanding-equip.alignfull
   ========================================================= */

/* Hide theme/page title */
body.page-id-6757 h1.entry-title,
body.page-id-6757 .wp-block-post-title{
  display:none !important;
}

body.page-id-6757{ overflow-x:hidden !important; }

/* Full-width breakout (StartFitter/WP limiter) */
body.page-id-6757 .entry-content > #jj-adslanding-equip,
body.page-id-6757 .wp-block-post-content > #jj-adslanding-equip,
body.page-id-6757 #jj-adslanding-equip.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Base */
body.page-id-6757 #jj-adslanding-equip{
  position:relative;
  background:#070707;
  color:#f5f7fa;
}
body.page-id-6757 #jj-adslanding-equip,
body.page-id-6757 #jj-adslanding-equip *{ box-sizing:border-box; }

body.page-id-6757 #jj-adslanding-equip .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

/* Hero + glare (desktop only) */
body.page-id-6757 #jj-adslanding-equip .jj-hero{
  padding:64px 0 26px;
  position:relative;
  isolation:isolate;
}
@media (min-width:901px){
  body.page-id-6757 #jj-adslanding-equip .jj-hero::before{
    content:"";
    position:absolute;
    inset:-26px 0 -26px 0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(
        260px 180px at 28% 36%,
        rgba(245,196,0,0.55),
        rgba(245,196,0,0.18) 38%,
        transparent 72%
      );
  }
}
@media (max-width:900px){
  body.page-id-6757 #jj-adslanding-equip .jj-hero{ padding:44px 0 22px; }
  body.page-id-6757 #jj-adslanding-equip .jj-hero::before{ content:none !important; }
}

/* Type */
body.page-id-6757 #jj-adslanding-equip .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.9;
  margin-bottom:10px;
  color:#fff;
}
body.page-id-6757 #jj-adslanding-equip .jj-h1{
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.08;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,0.60);
}
body.page-id-6757 #jj-adslanding-equip .jj-lead{
  font-size:18px;
  line-height:1.5;
  opacity:.92;
  margin:0 0 14px;
  color:#e7ebf0;
}
body.page-id-6757 #jj-adslanding-equip .jj-bullets{
  margin:0 0 18px 18px;
  padding:0;
  opacity:.95;
  color:#dfe5ec;
}
body.page-id-6757 #jj-adslanding-equip .jj-bullets li{ margin:0 0 8px; }
body.page-id-6757 #jj-adslanding-equip .jj-note{ margin-top:10px; opacity:.85; color:#dfe5ec; }

body.page-id-6757 #jj-adslanding-equip .jj-mini{
  color:rgba(231,235,240,0.92);
  font-size:13.5px;
  line-height:1.45;
}

/* Hero grid */
body.page-id-6757 #jj-adslanding-equip .jj-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:28px;
  align-items:start;
}
@media (max-width:900px){
  body.page-id-6757 #jj-adslanding-equip .jj-hero-grid{ grid-template-columns:1fr; }
}

/* Right stack */
body.page-id-6757 #jj-adslanding-equip .jj-side-stack{
  display:grid;
  gap:16px;
}

/* Photo card (portrait image) */
body.page-id-6757 #jj-adslanding-equip .jj-photo-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,0.38);
}
body.page-id-6757 #jj-adslanding-equip .jj-photo-media{
  height:340px;
  background:#0b0b0b;
}
body.page-id-6757 #jj-adslanding-equip .jj-photo-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
body.page-id-6757 #jj-adslanding-equip .jj-photo-cap{
  padding:12px 16px;
  border-top:1px solid rgba(255,255,255,0.08);
  color:#dfe5ec;
  font-size:13.5px;
  line-height:1.55;
  background:rgba(255,255,255,0.03);
}
@media (max-width:900px){
  body.page-id-6757 #jj-adslanding-equip .jj-photo-media{ height:260px; }
}

/* Buttons */
body.page-id-6757 #jj-adslanding-equip .jj-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 10px;
}
body.page-id-6757 #jj-adslanding-equip .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(255,255,255,0.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  line-height:1.1;
  white-space:nowrap;
}
body.page-id-6757 #jj-adslanding-equip .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,0.35);
  border-color:rgba(245,196,0,0.45);
}
body.page-id-6757 #jj-adslanding-equip .jj-btn-primary{
  background:rgba(245,196,0,0.95);
  color:#111 !important;
}
body.page-id-6757 #jj-adslanding-equip .jj-btn-ghost{
  background:#0b0b0b;
  color:#fff !important;
}
body.page-id-6757 #jj-adslanding-equip .jj-btn-outline{
  background:transparent;
  color:#f5c400;
  border-color:rgba(245,196,0,0.55);
}
body.page-id-6757 #jj-adslanding-equip .jj-btn-outline:hover{
  border-color:rgba(245,196,0,0.85);
}

/* Trust pills */
body.page-id-6757 #jj-adslanding-equip .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
body.page-id-6757 #jj-adslanding-equip .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-weight:800;
}

/* Form card */
body.page-id-6757 #jj-adslanding-equip .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,0.38);
}
body.page-id-6757 #jj-adslanding-equip .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
}
body.page-id-6757 #jj-adslanding-equip .jj-card-title{
  font-weight:950;
  font-size:18px;
  margin:0 0 6px;
  color:#fff;
}
body.page-id-6757 #jj-adslanding-equip .jj-card-sub{
  opacity:.92;
  font-size:13.5px;
  color:#dfe5ec;
  line-height:1.45;
}
body.page-id-6757 #jj-adslanding-equip .jj-card-pad{ padding:18px; }

/* Cap long form on desktop */
@media (min-width:901px){
  body.page-id-6757 #jj-adslanding-equip .jj-card-pad{
    max-height:560px;
    overflow:auto;
    padding-right:12px;
  }
}

/* WPForms */
body.page-id-6757 #jj-adslanding-equip .wpforms-container{ margin:0 !important; }
body.page-id-6757 #jj-adslanding-equip .wpforms-container,
body.page-id-6757 #jj-adslanding-equip .wpforms-container *{ color:#f5f7fa !important; }
body.page-id-6757 #jj-adslanding-equip .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}
body.page-id-6757 #jj-adslanding-equip .wpforms-container input[type="text"],
body.page-id-6757 #jj-adslanding-equip .wpforms-container input[type="email"],
body.page-id-6757 #jj-adslanding-equip .wpforms-container input[type="tel"],
body.page-id-6757 #jj-adslanding-equip .wpforms-container select,
body.page-id-6757 #jj-adslanding-equip .wpforms-container textarea{
  background:rgba(0,0,0,0.40) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}
body.page-id-6757 #jj-adslanding-equip .wpforms-container .wpforms-submit{
  background:rgba(245,196,0,0.95) !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
}

/* Mini service area */
body.page-id-6757 #jj-adslanding-equip .jj-mini-section{ padding:28px 0 44px; }
body.page-id-6757 #jj-adslanding-equip .jj-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:18px;
}
@media (max-width:900px){
  body.page-id-6757 #jj-adslanding-equip .jj-mini-grid{ grid-template-columns:1fr; }
}
body.page-id-6757 #jj-adslanding-equip .jj-mini-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 6px;
  color:#fff;
}
body.page-id-6757 #jj-adslanding-equip .jj-mini-copy{
  margin:0 0 10px;
  opacity:.9;
  color:#e7ebf0;
  line-height:1.6;
}
body.page-id-6757 #jj-adslanding-equip .jj-mini-link{
  color:#f5c400;
  text-decoration:none;
  font-weight:950;
}
body.page-id-6757 #jj-adslanding-equip .jj-map{
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.08);
  display:block;
}

/* Section + cards */
body.page-id-6757 #jj-adslanding-equip .jj-section{ padding:44px 0; }
body.page-id-6757 #jj-adslanding-equip .jj-section-head{ text-align:center; margin-bottom:18px; }
body.page-id-6757 #jj-adslanding-equip .jj-h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.12;
  color:#fff;
}
body.page-id-6757 #jj-adslanding-equip .jj-p{
  max-width:860px;
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
}
body.page-id-6757 #jj-adslanding-equip .jj-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}
@media (max-width:980px){
  body.page-id-6757 #jj-adslanding-equip .jj-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:640px){
  body.page-id-6757 #jj-adslanding-equip .jj-grid{ grid-template-columns:1fr; }
}
body.page-id-6757 #jj-adslanding-equip .jj-card-text{ color:#dfe5ec; line-height:1.65; font-size:14px; }

/* Final CTA */
body.page-id-6757 #jj-adslanding-equip .jj-final-cta{ padding:46px 0 22px; }
body.page-id-6757 #jj-adslanding-equip .jj-final-grid{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:22px;
}
@media (max-width:900px){
  body.page-id-6757 #jj-adslanding-equip .jj-final-grid{ flex-direction:column; align-items:stretch; }
}
body.page-id-6757 #jj-adslanding-equip .jj-final-lead{ margin:0; opacity:.9; color:#e7ebf0; }
body.page-id-6757 #jj-adslanding-equip .jj-final-actions{ display:flex; gap:12px; flex-wrap:wrap; }

/* Photo strip */
body.page-id-6757 #jj-adslanding-equip .jj-photo-strip{ padding:0 0 76px; }
body.page-id-6757 #jj-adslanding-equip .jj-strip-head{ margin:18px 0 14px; }
body.page-id-6757 #jj-adslanding-equip .jj-strip-title{
  font-weight:950;
  font-size:16px;
  margin:0 0 4px;
  color:#fff;
}
body.page-id-6757 #jj-adslanding-equip .jj-strip-sub{
  opacity:.85;
  font-size:13px;
  color:#dfe5ec;
}
body.page-id-6757 #jj-adslanding-equip .jj-strip-grid{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:12px;
}
@media (max-width:980px){
  body.page-id-6757 #jj-adslanding-equip .jj-strip-grid{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:640px){
  body.page-id-6757 #jj-adslanding-equip .jj-strip-grid{ grid-template-columns:repeat(2, 1fr); }
}
body.page-id-6757 #jj-adslanding-equip .jj-strip-item{
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.04);
}
body.page-id-6757 #jj-adslanding-equip .jj-strip-item:hover{
  border-color:rgba(245,196,0,0.55);
}
body.page-id-6757 #jj-adslanding-equip .jj-strip-item img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
}

/* PURE CSS LIGHTBOX (hide duplicates unless targeted) */
body.page-id-6757 .jj-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}
body.page-id-6757 .jj-lb:target{
  display:block !important;
}
body.page-id-6757 .jj-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,0.78) !important;
}
body.page-id-6757 .jj-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}
body.page-id-6757 .jj-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  background:rgba(255,255,255,0.04) !important;
  pointer-events:auto !important;
}
body.page-id-6757 .jj-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  background:rgba(0,0,0,0.45) !important;
  color:#f3f5f7 !important;
  font-size:28px !important;
  line-height:44px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
}

/* Sticky mobile actions */
body.page-id-6757 #jj-adslanding-equip .jj-sticky{
  position:sticky;
  bottom:0;
  z-index:9999;
  padding:10px 0;
  background:rgba(7,7,7,0.82);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,0.10);
}
body.page-id-6757 #jj-adslanding-equip .jj-sticky-inner{
  display:flex;
  gap:10px;
  justify-content:center;
}
@media (min-width:901px){
  body.page-id-6757 #jj-adslanding-equip .jj-sticky{ display:none; }
}

/* Mobile hero cleanup: hide pills, keep form visible */
@media (max-width:900px){
  body.page-id-6757 #jj-adslanding-equip .jj-hero-left,
  body.page-id-6757 #jj-adslanding-equip .jj-hero-right{
    background:rgba(10,10,10,0.78);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:16px;
    padding:14px;
    box-shadow:0 18px 44px rgba(0,0,0,0.35);
    backdrop-filter:blur(6px);
  }
  body.page-id-6757 #jj-adslanding-equip .jj-cta-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body.page-id-6757 #jj-adslanding-equip .jj-btn{ width:100%; }
  body.page-id-6757 #jj-adslanding-equip .jj-trust{ display:none; }
}
/* =========================================================
   6757 — move hero glow UP (behind CTAs)
   Paste at VERY BOTTOM
   ========================================================= */

/* =========================================================
   6757 — HERO GLOW pinned behind H1 (force override)
   Paste at VERY BOTTOM
   ========================================================= */

@media (min-width: 901px){

  /* kill any existing glow */
  body.page-id-6757 #jj-adslanding-equip .jj-hero::before{
    content: none !important;
    background: none !important;
  }

  /* ensure stacking */
  body.page-id-6757 #jj-adslanding-equip .jj-hero{
    position: relative !important;
    overflow: visible !important;
  }
  body.page-id-6757 #jj-adslanding-equip .jj-hero .jj-wrap{
    position: relative !important;
    z-index: 1 !important;
  }

 /* =========================================================
   6282 — HERO GLOW pinned behind H1 (force override)
   Paste at VERY BOTTOM of Additional CSS
   ========================================================= */

@media (min-width: 901px){

  /* kill any existing glow */
  body.page-id-6282 #jj-adslanding-equip .jj-hero::before{
    content: none !important;
    background: none !important;
  }

  /* ensure stacking */
  body.page-id-6282 #jj-adslanding-equip .jj-hero{
    position: relative !important;
    overflow: visible !important;
  }
  body.page-id-6282 #jj-adslanding-equip .jj-hero .jj-wrap{
    position: relative !important;
    z-index: 1 !important;
  }

  /* NEW glow behind H1 */
  body.page-id-6282 #jj-adslanding-equip .jj-hero::after{
    content: "" !important;
    position: absolute !important;

    /* ✅ Behind H1 */
    left: 180px !important;  /* move left/right */
    top: 70px !important;    /* move up/down */

    width: 360px !important;
    height: 220px !important;

    background: radial-gradient(circle,
      rgba(245,196,0,0.72) 0%,
      rgba(245,196,0,0.22) 40%,
      rgba(245,196,0,0.00) 72%
    ) !important;

    filter: blur(2px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }
}
	/* 6282 — move hero glow RIGHT */
@media (min-width: 901px){
  body.page-id-6282 #jj-adslanding-equip .jj-hero::after{
    left: 600px !important; /* was 180px — increase to move right */
  }
}
	.jj-mini-list .jj-subline{
  margin-left: 18px;   /* indent */
  margin-top: 4px;     /* space under the label */
  opacity: .92;
}
	/* Make "Tell us about the job" text larger (homepage only) */
#jj-homepage.jj-home-v2 .jj-form-left .jj-p{
  font-size: 16.5px !important;
  line-height: 1.7 !important;
}

#jj-homepage.jj-home-v2 .jj-form-left .jj-form-notes{
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  opacity: 1 !important;
}

#jj-homepage.jj-home-v2 .jj-form-left .jj-mini-list{
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

#jj-homepage.jj-home-v2 .jj-form-left .jj-mini-list .jj-subline{
  font-size: 14.75px !important;
  margin-left: 18px;
  margin-top: 4px;
  opacity: .95;
}
	/* Add breathing room above "Jobsite basics" */
#jj-homepage.jj-home-v2 .jj-form-left .jj-mini-list{
  margin-top: 12px !important;
}

#jj-homepage.jj-home-v2 .jj-form-left .jj-mini-list li:first-child{
  margin-top: 6px !important;
}
/* =========================================================
   JJ OIL & GAS LANDING PAGE
   Page ID: 6876
   Wrapper: #jj-oilfield-landing.jj-oilfield-page
   ========================================================= */

body.page-id-6876 h1.entry-title,
body.page-id-6876 .wp-block-post-title,
body.page-id-6876 .entry-title{
  display:none !important;
}

body.page-id-6876 .entry-header,
body.page-id-6876 .page-header{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

body.page-id-6876{
  overflow-x:hidden !important;
}

#jj-oilfield-landing.jj-oilfield-page{
  position:relative;
  color:#f5f7fa;
  background:#070707;
}

#jj-oilfield-landing.jj-oilfield-page,
#jj-oilfield-landing.jj-oilfield-page *{
  box-sizing:border-box;
}

#jj-oilfield-landing.jj-oilfield-page a{
  text-decoration:none;
}

#jj-oilfield-landing.jj-oilfield-page .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

body.page-id-6876 .entry-content > #jj-oilfield-landing,
body.page-id-6876 .wp-block-post-content > #jj-oilfield-landing,
body.page-id-6876 #jj-oilfield-landing.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Hero */
#jj-oilfield-landing .jj-hero{
  padding:64px 0 34px;
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.88) 74%),
    radial-gradient(700px 360px at 20% 18%, rgba(245,196,0,.20), transparent 62%),
    #070707;
}

#jj-oilfield-landing .jj-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:28px;
  align-items:stretch;
}

#jj-oilfield-landing .jj-hero-left{
  display:flex;
  flex-direction:column;
}

#jj-oilfield-landing .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.9;
  margin-bottom:10px;
  color:#fff;
  font-weight:900;
}

#jj-oilfield-landing .jj-h1{
  font-size:clamp(32px, 4vw, 50px);
  line-height:1.06;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,.60);
}

#jj-oilfield-landing .jj-h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.12;
  color:#fff;
}

#jj-oilfield-landing .jj-lead{
  font-size:18px;
  line-height:1.55;
  opacity:.94;
  margin:0 0 16px;
  color:#e7ebf0;
}

#jj-oilfield-landing .jj-p{
  max-width:820px;
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
}

/* Buttons */
#jj-oilfield-landing .jj-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:16px 0 12px;
}

#jj-oilfield-landing .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(255,255,255,.16);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  line-height:1.1;
  white-space:nowrap;
}

#jj-oilfield-landing .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.35);
  border-color:rgba(245,196,0,.45);
}

#jj-oilfield-landing .jj-btn-primary{
  background:rgba(245,196,0,.95);
  color:#111 !important;
}

#jj-oilfield-landing .jj-btn-ghost{
  background:#0b0b0b;
  color:#fff !important;
}

/* Pills */
#jj-oilfield-landing .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

#jj-oilfield-landing .jj-center-trust{
  justify-content:center;
}

#jj-oilfield-landing .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
}

/* Hero left dispatch boxes */
#jj-oilfield-landing .jj-dispatch-box{
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(20,20,20,.92);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}

#jj-oilfield-landing .jj-dispatch-box-alt{
  margin-top:14px;
}

#jj-oilfield-landing .jj-dispatch-title{
  margin:0 0 10px;
  color:#fff;
  font-weight:950;
  font-size:18px;
  line-height:1.2;
}

#jj-oilfield-landing .jj-dispatch-list{
  margin:0;
  padding-left:18px;
  color:#dfe5ec;
  line-height:1.65;
  font-size:14.5px;
}

#jj-oilfield-landing .jj-dispatch-list li{
  margin:0 0 8px;
}

#jj-oilfield-landing .jj-dispatch-list li:last-child{
  margin-bottom:0;
}

/* Cards */
#jj-oilfield-landing .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.38);
}

#jj-oilfield-landing .jj-card-photo{
  display:block !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

#jj-oilfield-landing .jj-hero-card-photo{
  object-position:center 72% !important;
}

#jj-oilfield-landing .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

#jj-oilfield-landing .jj-card-title{
  font-weight:950;
  font-size:18px;
  margin:0 0 6px;
  color:#fff;
}

#jj-oilfield-landing .jj-card-sub{
  opacity:.92;
  font-size:13.5px;
  color:#dfe5ec;
  line-height:1.45;
}

#jj-oilfield-landing .jj-card-pad{
  padding:18px;
}

#jj-oilfield-landing .jj-card-text{
  color:#dfe5ec;
  line-height:1.65;
  font-size:14px;
}

/* Lists */
#jj-oilfield-landing .jj-checklist{
  margin:0;
  padding-left:18px;
  color:#dfe5ec;
  line-height:1.7;
}

#jj-oilfield-landing .jj-checklist li{
  margin:0 0 12px;
}

#jj-oilfield-landing .jj-mini{
  color:rgba(231,235,240,.92);
  font-size:13.5px;
  line-height:1.45;
}

#jj-oilfield-landing .jj-muted{
  opacity:.92;
  color:#e7ebf0;
}

/* Sections */
#jj-oilfield-landing .jj-section{
  padding:46px 0;
}

#jj-oilfield-landing .jj-section-alt{
  background:rgba(255,255,255,.02);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

#jj-oilfield-landing .jj-section-head{
  text-align:center;
  margin-bottom:20px;
}

/* Service grid */
#jj-oilfield-landing .jj-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}

#jj-oilfield-landing .jj-card-link{
  padding:16px;
}

/* Photos */
#jj-oilfield-landing .jj-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin-top:18px !important;
}

#jj-oilfield-landing .jj-lightbox-link{
  display:block;
  cursor:zoom-in;
}

#jj-oilfield-landing .jj-photo-grid img{
  width:100% !important;
  height:230px !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.34) !important;
}

/* Pure CSS lightbox */
#jj-oilfield-landing .jj-og-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}

#jj-oilfield-landing .jj-og-lb:target{
  display:block !important;
}

#jj-oilfield-landing .jj-og-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.84) !important;
}

#jj-oilfield-landing .jj-og-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}

#jj-oilfield-landing .jj-og-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#111 !important;
  box-shadow:0 24px 80px rgba(0,0,0,.70) !important;
  pointer-events:auto !important;
}

#jj-oilfield-landing .jj-og-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(0,0,0,.55) !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:46px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Form */
#jj-oilfield-landing .jj-form-section{
  padding:46px 0 76px;
}

#jj-oilfield-landing .jj-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}

#jj-oilfield-landing .jj-form-left .jj-p{
  margin:0;
  font-size:16.5px;
  line-height:1.7;
}

#jj-oilfield-landing .jj-form-notes{
  font-size:15.5px;
  line-height:1.65;
  opacity:1;
  margin-top:16px;
}

#jj-oilfield-landing .jj-mini-list{
  margin:12px 0 0;
  padding-left:18px;
  color:#dfe5ec;
  line-height:1.7;
}

#jj-oilfield-landing .jj-mini-list li{
  margin:0 0 12px;
}

#jj-oilfield-landing .jj-mini-list .jj-subline{
  margin-left:18px;
  margin-top:4px;
  opacity:.95;
  font-size:14.75px;
}

/* WPForms */
#jj-oilfield-landing .wpforms-container{
  margin:0 !important;
}

#jj-oilfield-landing .wpforms-container,
#jj-oilfield-landing .wpforms-container *{
  color:#f5f7fa !important;
}

#jj-oilfield-landing .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}

#jj-oilfield-landing .wpforms-container input[type="text"],
#jj-oilfield-landing .wpforms-container input[type="email"],
#jj-oilfield-landing .wpforms-container input[type="tel"],
#jj-oilfield-landing .wpforms-container select,
#jj-oilfield-landing .wpforms-container textarea{
  background:rgba(0,0,0,.40) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}

#jj-oilfield-landing .wpforms-container .wpforms-submit{
  background:rgba(245,196,0,.95) !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
}

/* Copperplate headings */
#jj-oilfield-landing h1,
#jj-oilfield-landing h2,
#jj-oilfield-landing h3,
#jj-oilfield-landing .jj-card-title,
#jj-oilfield-landing .jj-h1,
#jj-oilfield-landing .jj-h2{
  font-family:"Copperplate Gothic", "Copperplate Gothic Light", "Copperplate", serif !important;
}

/* Mobile */
@media (max-width:980px){
  #jj-oilfield-landing .jj-hero-grid,
  #jj-oilfield-landing .jj-grid,
  #jj-oilfield-landing .jj-form-grid{
    grid-template-columns:1fr;
  }

  #jj-oilfield-landing .jj-photo-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #jj-oilfield-landing .jj-hero{
    padding:36px 0 24px;
  }

  #jj-oilfield-landing .jj-hero-left,
  #jj-oilfield-landing .jj-hero-right{
    background:rgba(10,10,10,.78);
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    padding:14px;
    box-shadow:0 18px 44px rgba(0,0,0,.35);
    backdrop-filter:blur(6px);
  }

  #jj-oilfield-landing .jj-cta-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  #jj-oilfield-landing .jj-btn{
    width:100%;
  }

  #jj-oilfield-landing .jj-card-photo,
  #jj-oilfield-landing .jj-photo-grid img{
    height:220px !important;
  }
}

@media (max-width:640px){
  #jj-oilfield-landing .jj-h1{
    font-size:30px;
  }

  #jj-oilfield-landing .jj-h2{
    font-size:28px;
  }

  #jj-oilfield-landing .jj-lead{
    font-size:15.75px;
  }

  #jj-oilfield-landing .jj-trust{
    display:none !important;
  }

  #jj-oilfield-landing .jj-photo-grid{
    grid-template-columns:1fr !important;
  }
}
	/* =========================================================
   SITE BACKGROUND MATCH — darker black across site/pages
   ========================================================= */

html,
body,
.wp-site-blocks,
main,
.wp-block-post-content,
.entry-content{
  background:#070707 !important;
}

/* Keep homepage wrapper black */
#jj-homepage.jj-home-v2,
#jj-homepage.jj-home-v2::before{
  background:#070707 !important;
}

/* Keep landing pages black */
body.page-id-6195,
body.page-id-6282,
body.page-id-6876,
body.page-id-6195 .wp-site-blocks,
body.page-id-6282 .wp-site-blocks,
body.page-id-6876 .wp-site-blocks,
body.page-id-6195 main,
body.page-id-6282 main,
body.page-id-6876 main,
body.page-id-6195 .entry-content,
body.page-id-6282 .entry-content,
body.page-id-6876 .entry-content{
  background:#070707 !important;
}
	/* =========================================================
   CONSULTING / TRAINING PAGE — match new black background
   Page ID: 3572
   ========================================================= */

body.page-id-3572,
body.page-id-3572 .wp-site-blocks,
body.page-id-3572 main,
body.page-id-3572 article,
body.page-id-3572 .site-main,
body.page-id-3572 .entry-content,
body.page-id-3572 .wp-block-post-content{
  background:#070707 !important;
}

/* Match the custom wrapper if present */
body.page-id-3572 #jj-consulting,
body.page-id-3572 #jj-training,
body.page-id-3572 #jj-consulting-training,
body.page-id-3572 .jj-consulting-page,
body.page-id-3572 .jj-training-page{
  background:#070707 !important;
}

/* Remove black divider bars between sections */
body.page-id-3572 .jj-section,
body.page-id-3572 section,
body.page-id-3572 .wp-block-group,
body.page-id-3572 .wp-block-cover{
  background:#070707 !important;
  border-top-color:rgba(255,255,255,0.06) !important;
  border-bottom-color:rgba(255,255,255,0.06) !important;
}

/* Remove extra vertical black strip/gap between custom blocks */
body.page-id-3572 .wp-block-post-content > *,
body.page-id-3572 .entry-content > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Keep cards dark but not gray */
body.page-id-3572 .jj-card,
body.page-id-3572 .jj-box,
body.page-id-3572 .jj-panel{
  background:#141414 !important;
}
	/* =========================================================
   CONSULTING / TRAINING PAGE — yellow dividers ONLY inside page content
   Page ID: 3572
   ========================================================= */

/* Remove the bad broad divider behavior */
body.page-id-3572 section,
body.page-id-3572 .wp-block-group{
  border-top:0 !important;
  border-bottom:0 !important;
}

/* Add yellow dividers only between the custom content/photo sections */
body.page-id-3572 #jj-consulting .jj-section + .jj-section,
body.page-id-3572 #jj-training .jj-section + .jj-section,
body.page-id-3572 #jj-consulting-training .jj-section + .jj-section,
body.page-id-3572 .jj-consulting-page .jj-section + .jj-section,
body.page-id-3572 .jj-training-page .jj-section + .jj-section{
  border-top:2px solid rgba(245,196,0,0.65) !important;
}

/* Keep the black consistent */
body.page-id-3572,
body.page-id-3572 .wp-site-blocks,
body.page-id-3572 main,
body.page-id-3572 article,
body.page-id-3572 .site-main,
body.page-id-3572 .entry-content,
body.page-id-3572 .wp-block-post-content,
body.page-id-3572 #jj-consulting,
body.page-id-3572 #jj-training,
body.page-id-3572 #jj-consulting-training,
body.page-id-3572 .jj-consulting-page,
body.page-id-3572 .jj-training-page,
body.page-id-3572 .jj-section{
  background:#070707 !important;
}
	/* =========================================================
   WELD CONSULTING / TRAINING — yellow hero glare
   Page ID: 3572
   Wrapper: .jj-training
   ========================================================= */

body.page-id-3572,
body.page-id-3572 .wp-site-blocks,
body.page-id-3572 main,
body.page-id-3572 article,
body.page-id-3572 .entry-content,
body.page-id-3572 .wp-block-post-content,
body.page-id-3572 .jj-training{
  background:#070707 !important;
}

body.page-id-3572 .jj-training .jj-hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(
      560px 340px at 7% 3%,
      rgba(245,196,0,0.24) 0%,
      rgba(245,196,0,0.13) 34%,
      rgba(245,196,0,0.05) 54%,
      transparent 76%
    ),
    #070707 !important;
}

body.page-id-3572 .jj-training .jj-section{
  background:#070707 !important;
}
	/* =========================================================
   MATCH HERO GLOW — Equipment + Oilfield to Structural/Consulting
   Equipment: 6282
   Oilfield: 6876
   Good glow position: 560px 340px at 7% 3%
   ========================================================= */

/* EQUIPMENT — remove old page-wide glow and match Structural */
body.page-id-6282 #jj-adslanding-equip::before{
  background:#070707 !important;
}

body.page-id-6282 #jj-adslanding-equip .jj-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#070707 !important;
}

body.page-id-6282 #jj-adslanding-equip .jj-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(
      560px 340px at 7% 3%,
      rgba(245,196,0,0.16) 0%,
      rgba(245,196,0,0.08) 34%,
      rgba(245,196,0,0.03) 54%,
      transparent 76%
    ) !important;
}

/* OILFIELD — remove old hero background glow and match Structural */
body.page-id-6876 #jj-oilfield-landing .jj-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.88) 74%),
    #070707 !important;
}

body.page-id-6876 #jj-oilfield-landing .jj-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(
      560px 340px at 7% 3%,
      rgba(245,196,0,0.16) 0%,
      rgba(245,196,0,0.08) 34%,
      rgba(245,196,0,0.03) 54%,
      transparent 76%
    ) !important;
}

/* Mobile — hide the glow on both, same as Structural */
@media (max-width:900px){
  body.page-id-6282 #jj-adslanding-equip .jj-hero::before,
  body.page-id-6876 #jj-oilfield-landing .jj-hero::before{
    content:none !important;
  }
}
	/* =========================================================
   EQUIPMENT REPAIR — remove duplicate/second yellow glow
   Page ID: 6282
   ========================================================= */

/* Kill old equipment background glow layer */
body.page-id-6282 #jj-adslanding-equip::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Kill old equipment secondary hero glow layer */
body.page-id-6282 #jj-adslanding-equip .jj-hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Keep only one correct top-left glow */
body.page-id-6282 #jj-adslanding-equip .jj-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#070707 !important;
}

body.page-id-6282 #jj-adslanding-equip .jj-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(
      560px 340px at 7% 3%,
      rgba(245,196,0,0.24) 0%,
      rgba(245,196,0,0.13) 34%,
      rgba(245,196,0,0.05) 54%,
      transparent 76%
    ) !important;
}
	/* =========================================================
   SHARED JJ YELLOW GLOW BRIGHTNESS — ALL CUSTOM PAGES
   Same brightness everywhere, page-specific placement allowed
   ========================================================= */

:root{
  --jj-glow-core:rgba(245,196,0,0.26);
  --jj-glow-mid:rgba(245,196,0,0.15);
  --jj-glow-soft:rgba(245,196,0,0.06);
  --jj-black:#070707;
}

/* =========================================================
   HOMEPAGE — keep photo layout, match brightness only
   ========================================================= */

@media (min-width:901px){
  #jj-homepage.jj-home-v2 .jj-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:-26px 0 -26px 0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
      radial-gradient(
        520px 340px at 62% 36%,
        var(--jj-glow-core) 0%,
        var(--jj-glow-mid) 34%,
        var(--jj-glow-soft) 56%,
        transparent 78%
      ) !important;
  }
}

/* =========================================================
   NON-PHOTO LANDING / SERVICE HEROES — same brightness + placement
   ========================================================= */

/* Structural */
body.page-id-6195 #jj-adslanding-a .jj-hero,
/* Equipment */
body.page-id-6282 #jj-adslanding-equip .jj-hero,
/* Oilfield */
body.page-id-6876 #jj-oilfield-landing .jj-hero,
/* Consulting / Training */
body.page-id-3572 .jj-training .jj-hero,
/* Contact */
body.page-id-2850 #jj-contactpage .jj-hero,
/* Service Area */
body.page-id-4170 #jj-servicearea .jjsa-hero,
/* About */
body.page-id-3541 #jj-aboutpage .jj-hero,
/* Gallery */
body.page-id-2923 #jj-gallery .jj-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:var(--jj-black) !important;
}

/* Kill old duplicate Equipment glows */
body.page-id-6282 #jj-adslanding-equip::before,
body.page-id-6282 #jj-adslanding-equip .jj-hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Structural */
body.page-id-6195 #jj-adslanding-a .jj-hero::before,
/* Equipment */
body.page-id-6282 #jj-adslanding-equip .jj-hero::before,
/* Oilfield */
body.page-id-6876 #jj-oilfield-landing .jj-hero::before,
/* Consulting / Training */
body.page-id-3572 .jj-training .jj-hero::before,
/* Contact */
body.page-id-2850 #jj-contactpage .jj-hero::before,
/* Service Area */
body.page-id-4170 #jj-servicearea .jjsa-hero::before,
/* About */
body.page-id-3541 #jj-aboutpage .jj-hero::before,
/* Gallery */
body.page-id-2923 #jj-gallery .jj-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(
      620px 380px at 7% 3%,
      var(--jj-glow-core) 0%,
      var(--jj-glow-mid) 34%,
      var(--jj-glow-soft) 56%,
      transparent 78%
    ) !important;
}

/* Make body/background shade consistent */
body,
.wp-site-blocks,
main,
.entry-content,
.wp-block-post-content{
  background:var(--jj-black) !important;
}

/* Mobile: remove glow everywhere for cleaner view */
@media (max-width:900px){
  #jj-homepage.jj-home-v2 .jj-hero::before,
  body.page-id-6195 #jj-adslanding-a .jj-hero::before,
  body.page-id-6282 #jj-adslanding-equip .jj-hero::before,
  body.page-id-6876 #jj-oilfield-landing .jj-hero::before,
  body.page-id-3572 .jj-training .jj-hero::before,
  body.page-id-2850 #jj-contactpage .jj-hero::before,
  body.page-id-4170 #jj-servicearea .jjsa-hero::before,
  body.page-id-3541 #jj-aboutpage .jj-hero::before,
  body.page-id-2923 #jj-gallery .jj-hero::before{
    content:none !important;
  }
}
	/* =========================================================
   SOCIAL + SERVICES OFFERED — match JJ black + yellow light
   Social Media: page-id-2789 / #jj-social
   Services Offered: #jj-servicespage
   LIGHT ONLY — no layout changes
   ========================================================= */

body.page-id-2789,
body.page-id-2789 .wp-site-blocks,
body.page-id-2789 main,
body.page-id-2789 article,
body.page-id-2789 .entry-content,
body.page-id-2789 .wp-block-post-content,
body.page-id-2789 #jj-social,
body.page-id-2789 #jj-social .jj-section,
body.page-id-2789 #jj-social .jj-hero,
body #jj-servicespage,
body #jj-servicespage .jj-section,
body #jj-servicespage .jj-hero{
  background:#070707 !important;
}

/* Social Media hero light */
body.page-id-2789 #jj-social .jj-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#070707 !important;
}

body.page-id-2789 #jj-social .jj-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(
      620px 380px at 7% 3%,
      rgba(245,196,0,0.26) 0%,
      rgba(245,196,0,0.15) 34%,
      rgba(245,196,0,0.06) 56%,
      transparent 78%
    ) !important;
}

/* Services Offered hero light */
body #jj-servicespage .jj-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#070707 !important;
}

body #jj-servicespage .jj-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(
      620px 380px at 7% 3%,
      rgba(245,196,0,0.26) 0%,
      rgba(245,196,0,0.15) 34%,
      rgba(245,196,0,0.06) 56%,
      transparent 78%
    ) !important;
}

/* Mobile: keep clean */
@media (max-width:900px){
  body.page-id-2789 #jj-social .jj-hero::before,
  body #jj-servicespage .jj-hero::before{
    content:none !important;
  }
}
/* =========================================================
   JJ TRAILER HITCH / TRAILER REPAIR LANDING PAGE
   Page ID: 6952
   Wrapper: #jj-trailer-landing.jj-trailer-page
   ========================================================= */

/* Hide default WordPress/theme page title */
body.page-id-6952 h1.entry-title,
body.page-id-6952 .wp-block-post-title,
body.page-id-6952 .entry-title{
  display:none !important;
}

body.page-id-6952 .entry-header,
body.page-id-6952 .page-header{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Page background */
body.page-id-6952,
body.page-id-6952 .wp-site-blocks,
body.page-id-6952 main,
body.page-id-6952 article,
body.page-id-6952 .entry-content,
body.page-id-6952 .wp-block-post-content{
  background:#070707 !important;
  overflow-x:hidden !important;
}

/* Full-width breakout */
body.page-id-6952 .entry-content > #jj-trailer-landing,
body.page-id-6952 .wp-block-post-content > #jj-trailer-landing,
body.page-id-6952 #jj-trailer-landing.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Base */
body.page-id-6952 #jj-trailer-landing.jj-trailer-page{
  position:relative;
  color:#f5f7fa;
  background:#070707;
}

body.page-id-6952 #jj-trailer-landing.jj-trailer-page,
body.page-id-6952 #jj-trailer-landing.jj-trailer-page *{
  box-sizing:border-box;
}

body.page-id-6952 #jj-trailer-landing.jj-trailer-page a{
  text-decoration:none;
}

body.page-id-6952 #jj-trailer-landing .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

/* Hero */
body.page-id-6952 #jj-trailer-landing .jj-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:64px 0 34px;
  background:#070707;
}

body.page-id-6952 #jj-trailer-landing .jj-hero::before{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(
      620px 380px at 7% 3%,
      rgba(245,196,0,0.26) 0%,
      rgba(245,196,0,0.15) 34%,
      rgba(245,196,0,0.06) 56%,
      transparent 78%
    );
}

body.page-id-6952 #jj-trailer-landing .jj-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:28px;
  align-items:start;
}

body.page-id-6952 #jj-trailer-landing .jj-hero-left{
  display:flex;
  flex-direction:column;
}

/* Type */
body.page-id-6952 #jj-trailer-landing .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.9;
  margin-bottom:10px;
  color:#fff;
  font-weight:900;
}

body.page-id-6952 #jj-trailer-landing .jj-h1{
  font-size:clamp(32px, 4vw, 50px);
  line-height:1.06;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,.60);
}

body.page-id-6952 #jj-trailer-landing .jj-h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.12;
  color:#fff;
}

body.page-id-6952 #jj-trailer-landing .jj-lead{
  font-size:18px;
  line-height:1.55;
  opacity:.94;
  margin:0 0 16px;
  color:#e7ebf0;
}

body.page-id-6952 #jj-trailer-landing .jj-p{
  max-width:820px;
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
}

/* Buttons */
body.page-id-6952 #jj-trailer-landing .jj-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:16px 0 12px;
}

body.page-id-6952 #jj-trailer-landing .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(255,255,255,.16);
  line-height:1.1;
  white-space:nowrap;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

body.page-id-6952 #jj-trailer-landing .jj-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.35);
  border-color:rgba(245,196,0,.45);
}

body.page-id-6952 #jj-trailer-landing .jj-btn-primary{
  background:rgba(245,196,0,.95);
  color:#111 !important;
}

body.page-id-6952 #jj-trailer-landing .jj-btn-ghost,
body.page-id-6952 #jj-trailer-landing .jj-btn-secondary{
  background:#0b0b0b;
  color:#fff !important;
}

/* Pills */
body.page-id-6952 #jj-trailer-landing .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

body.page-id-6952 #jj-trailer-landing .jj-center-trust{
  justify-content:center;
}

body.page-id-6952 #jj-trailer-landing .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
}

/* Cards */
body.page-id-6952 #jj-trailer-landing .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.38);
}

body.page-id-6952 #jj-trailer-landing .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

body.page-id-6952 #jj-trailer-landing .jj-card-title{
  font-weight:950;
  font-size:18px;
  margin:0 0 6px;
  color:#fff;
}

body.page-id-6952 #jj-trailer-landing .jj-card-sub{
  opacity:.92;
  font-size:13.5px;
  color:#dfe5ec;
  line-height:1.45;
}

body.page-id-6952 #jj-trailer-landing .jj-card-pad{
  padding:18px;
}

body.page-id-6952 #jj-trailer-landing .jj-card-text{
  color:#dfe5ec;
  line-height:1.65;
  font-size:14px;
}

/* Lists */
body.page-id-6952 #jj-trailer-landing .jj-checklist,
body.page-id-6952 #jj-trailer-landing .jj-mini-list{
  margin:0;
  padding-left:18px;
  color:#dfe5ec;
  line-height:1.7;
}

body.page-id-6952 #jj-trailer-landing .jj-checklist li,
body.page-id-6952 #jj-trailer-landing .jj-mini-list li{
  margin:0 0 12px;
}

body.page-id-6952 #jj-trailer-landing .jj-mini{
  color:rgba(231,235,240,.92);
  font-size:13.5px;
  line-height:1.45;
}

body.page-id-6952 #jj-trailer-landing .jj-muted{
  opacity:.92;
  color:#e7ebf0;
}

/* Sections */
body.page-id-6952 #jj-trailer-landing .jj-section{
  padding:46px 0;
  background:#070707;
}

body.page-id-6952 #jj-trailer-landing .jj-section-alt{
  background:#070707;
  border-top:1px solid rgba(245,196,0,.18);
  border-bottom:1px solid rgba(245,196,0,.18);
}

body.page-id-6952 #jj-trailer-landing .jj-section-head{
  text-align:center;
  margin-bottom:20px;
}

/* Service grid */
body.page-id-6952 #jj-trailer-landing .jj-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}

body.page-id-6952 #jj-trailer-landing .jj-card-link{
  padding:16px;
}

/* Form */
body.page-id-6952 #jj-trailer-landing .jj-form-section{
  padding:46px 0 76px;
}

body.page-id-6952 #jj-trailer-landing .jj-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}

body.page-id-6952 #jj-trailer-landing .jj-form-left .jj-p{
  margin:0;
  font-size:16.5px;
  line-height:1.7;
}

body.page-id-6952 #jj-trailer-landing .jj-form-notes{
  font-size:15.5px;
  line-height:1.65;
  opacity:1;
  margin-top:16px;
}

body.page-id-6952 #jj-trailer-landing .jj-mini-list .jj-subline{
  margin-left:18px;
  margin-top:4px;
  opacity:.95;
  font-size:14.75px;
}

/* WPForms */
body.page-id-6952 #jj-trailer-landing .wpforms-container{
  margin:0 !important;
}

body.page-id-6952 #jj-trailer-landing .wpforms-container,
body.page-id-6952 #jj-trailer-landing .wpforms-container *{
  color:#f5f7fa !important;
}

body.page-id-6952 #jj-trailer-landing .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}

body.page-id-6952 #jj-trailer-landing .wpforms-container input[type="text"],
body.page-id-6952 #jj-trailer-landing .wpforms-container input[type="email"],
body.page-id-6952 #jj-trailer-landing .wpforms-container input[type="tel"],
body.page-id-6952 #jj-trailer-landing .wpforms-container select,
body.page-id-6952 #jj-trailer-landing .wpforms-container textarea{
  background:rgba(0,0,0,.40) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}

body.page-id-6952 #jj-trailer-landing .wpforms-container .wpforms-submit{
  background:rgba(245,196,0,.95) !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
}

/* Copperplate headings */
body.page-id-6952 #jj-trailer-landing h1,
body.page-id-6952 #jj-trailer-landing h2,
body.page-id-6952 #jj-trailer-landing h3,
body.page-id-6952 #jj-trailer-landing .jj-card-title,
body.page-id-6952 #jj-trailer-landing .jj-h1,
body.page-id-6952 #jj-trailer-landing .jj-h2{
  font-family:"Copperplate Gothic", "Copperplate Gothic Light", "Copperplate", serif !important;
}

/* Mobile */
@media (max-width:980px){
  body.page-id-6952 #jj-trailer-landing .jj-hero-grid,
  body.page-id-6952 #jj-trailer-landing .jj-grid,
  body.page-id-6952 #jj-trailer-landing .jj-form-grid{
    grid-template-columns:1fr;
  }

  body.page-id-6952 #jj-trailer-landing .jj-hero{
    padding:36px 0 24px;
  }

  body.page-id-6952 #jj-trailer-landing .jj-hero-left,
  body.page-id-6952 #jj-trailer-landing .jj-hero-right{
    background:rgba(10,10,10,.78);
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    padding:14px;
    box-shadow:0 18px 44px rgba(0,0,0,.35);
    backdrop-filter:blur(6px);
  }

  body.page-id-6952 #jj-trailer-landing .jj-cta-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  body.page-id-6952 #jj-trailer-landing .jj-btn{
    width:100%;
  }

  body.page-id-6952 #jj-trailer-landing .jj-hero::before{
    content:none;
  }
}

@media (max-width:640px){
  body.page-id-6952 #jj-trailer-landing .jj-h1{
    font-size:30px;
  }

  body.page-id-6952 #jj-trailer-landing .jj-h2{
    font-size:28px;
  }

  body.page-id-6952 #jj-trailer-landing .jj-lead{
    font-size:15.75px;
  }

  body.page-id-6952 #jj-trailer-landing .jj-trust{
    display:none !important;
  }
}
	/* Trailer repair photos */
body.page-id-6952 #jj-trailer-landing .jj-card-photo{
  display:block !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

body.page-id-6952 #jj-trailer-landing .jj-photo-section{
  background:#070707 !important;
}

body.page-id-6952 #jj-trailer-landing .jj-before-after{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  margin-top:20px !important;
}

body.page-id-6952 #jj-trailer-landing .jj-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
  margin-top:16px !important;
}

body.page-id-6952 #jj-trailer-landing .jj-photo-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#141414 !important;
  box-shadow:0 18px 44px rgba(0,0,0,.34) !important;
}

body.page-id-6952 #jj-trailer-landing .jj-photo-link{
  display:block !important;
  cursor:zoom-in !important;
}

body.page-id-6952 #jj-trailer-landing .jj-photo-card img{
  display:block !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

body.page-id-6952 #jj-trailer-landing .jj-before-after .jj-photo-card img{
  height:320px !important;
}

body.page-id-6952 #jj-trailer-landing .jj-photo-label{
  position:absolute !important;
  left:12px !important;
  bottom:12px !important;
  z-index:2 !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.68) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:12px !important;
  line-height:1 !important;
}

@media (max-width:980px){
  body.page-id-6952 #jj-trailer-landing .jj-before-after,
  body.page-id-6952 #jj-trailer-landing .jj-photo-grid{
    grid-template-columns:1fr !important;
  }

  body.page-id-6952 #jj-trailer-landing .jj-card-photo,
  body.page-id-6952 #jj-trailer-landing .jj-photo-card img,
  body.page-id-6952 #jj-trailer-landing .jj-before-after .jj-photo-card img{
    height:240px !important;
  }
}
	/* Trailer lightbox */
body.page-id-6952 #jj-trailer-landing .jj-trailer-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb:target{
  display:block !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.84) !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#111 !important;
  box-shadow:0 24px 80px rgba(0,0,0,.70) !important;
  pointer-events:auto !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(0,0,0,.55) !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:46px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
	/* Trailer hero photo crop adjustment */
body.page-id-6952 #jj-trailer-landing .jj-hero-right .jj-card-photo{
  height:240px !important;
  object-fit:contain !important;
  object-position:center 28% !important;
}
	/* Trailer lightbox */
body.page-id-6952 #jj-trailer-landing .jj-trailer-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb:target{
  display:block !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.84) !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#111 !important;
  box-shadow:0 24px 80px rgba(0,0,0,.70) !important;
  pointer-events:auto !important;
}

body.page-id-6952 #jj-trailer-landing .jj-trailer-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(0,0,0,.55) !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:46px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
	/* Trailer wiring + general repairs section */
body.page-id-6952 #jj-trailer-landing .jj-general-repair-section{
  background:#070707 !important;
  border-top:1px solid rgba(245,196,0,.14) !important;
  border-bottom:1px solid rgba(245,196,0,.14) !important;
}

body.page-id-6952 #jj-trailer-landing .jj-general-repair-grid{
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:18px !important;
  align-items:center !important;
}

body.page-id-6952 #jj-trailer-landing .jj-p-left{
  margin-left:0 !important;
  margin-right:0 !important;
}

body.page-id-6952 #jj-trailer-landing .jj-repair-chip-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:18px 0 4px !important;
}

body.page-id-6952 #jj-trailer-landing .jj-repair-chip{
  padding:11px 12px !important;
  border-radius:14px !important;
  background:#141414 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.25) !important;
}

body.page-id-6952 #jj-trailer-landing .jj-general-photo-card{
  overflow:hidden !important;
}

body.page-id-6952 #jj-trailer-landing .jj-general-photo{
  display:block !important;
  width:100% !important;
  height:340px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

@media (max-width:980px){
  body.page-id-6952 #jj-trailer-landing .jj-general-repair-grid,
  body.page-id-6952 #jj-trailer-landing .jj-repair-chip-grid{
    grid-template-columns:1fr !important;
  }

  body.page-id-6952 #jj-trailer-landing .jj-general-photo{
    height:250px !important;
  }
}
	/* =========================================================
   EMERGENCY MOBILE BASE CSS FIX
   Oilfield: #jj-oilfield-landing
   Trailer: #jj-trailer-landing
   ========================================================= */

@media (max-width:980px){

  #jj-oilfield-landing,
  #jj-trailer-landing{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#070707 !important;
    color:#f5f7fa !important;
    box-sizing:border-box !important;
  }

  #jj-oilfield-landing *,
  #jj-trailer-landing *{
    box-sizing:border-box !important;
  }

  #jj-oilfield-landing .jj-wrap,
  #jj-trailer-landing .jj-wrap{
    width:calc(100% - 28px) !important;
    max-width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #jj-oilfield-landing .jj-hero,
  #jj-trailer-landing .jj-hero{
    display:block !important;
    position:relative !important;
    padding:30px 0 24px !important;
    background:#070707 !important;
    color:#fff !important;
  }

  #jj-oilfield-landing .jj-section,
  #jj-trailer-landing .jj-section{
    display:block !important;
    padding:34px 0 !important;
    background:#070707 !important;
    color:#fff !important;
  }

  #jj-oilfield-landing .jj-hero-grid,
  #jj-oilfield-landing .jj-grid,
  #jj-oilfield-landing .jj-form-grid,
  #jj-trailer-landing .jj-hero-grid,
  #jj-trailer-landing .jj-grid,
  #jj-trailer-landing .jj-form-grid,
  #jj-trailer-landing .jj-before-after,
  #jj-trailer-landing .jj-photo-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
  }

  #jj-oilfield-landing .jj-card,
  #jj-oilfield-landing .jj-hero-left,
  #jj-oilfield-landing .jj-hero-right,
  #jj-trailer-landing .jj-card,
  #jj-trailer-landing .jj-hero-left,
  #jj-trailer-landing .jj-hero-right,
  #jj-trailer-landing .jj-photo-card{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    background:#141414 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  #jj-oilfield-landing .jj-h1,
  #jj-trailer-landing .jj-h1{
    display:block !important;
    font-size:30px !important;
    line-height:1.08 !important;
    margin:0 0 14px !important;
    color:#fff !important;
    font-family:"Copperplate Gothic", "Copperplate Gothic Light", "Copperplate", serif !important;
  }

  #jj-oilfield-landing .jj-h2,
  #jj-trailer-landing .jj-h2{
    display:block !important;
    font-size:26px !important;
    line-height:1.12 !important;
    margin:10px 0 !important;
    color:#fff !important;
    font-family:"Copperplate Gothic", "Copperplate Gothic Light", "Copperplate", serif !important;
  }

  #jj-oilfield-landing .jj-lead,
  #jj-trailer-landing .jj-lead,
  #jj-oilfield-landing .jj-p,
  #jj-trailer-landing .jj-p{
    display:block !important;
    font-size:15.75px !important;
    line-height:1.6 !important;
    color:#e7ebf0 !important;
    margin-bottom:16px !important;
  }

  #jj-oilfield-landing .jj-eyebrow,
  #jj-trailer-landing .jj-eyebrow{
    display:block !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    margin-bottom:10px !important;
  }

  #jj-oilfield-landing .jj-cta-row,
  #jj-trailer-landing .jj-cta-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:16px 0 12px !important;
  }

  #jj-oilfield-landing .jj-btn,
  #jj-trailer-landing .jj-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    font-weight:900 !important;
    text-align:center !important;
    white-space:normal !important;
    text-decoration:none !important;
  }

  #jj-oilfield-landing .jj-btn-primary,
  #jj-trailer-landing .jj-btn-primary{
    background:#f5c400 !important;
    color:#111 !important;
  }

  #jj-oilfield-landing .jj-btn-ghost,
  #jj-trailer-landing .jj-btn-ghost{
    background:#0b0b0b !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
  }

  #jj-oilfield-landing img,
  #jj-trailer-landing img{
    display:block !important;
    max-width:100% !important;
  }

  #jj-trailer-landing .jj-card-photo{
    width:100% !important;
    height:240px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#0b0b0b !important;
    padding:8px !important;
  }

  #jj-trailer-landing .jj-photo-card img{
    width:100% !important;
    height:235px !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  #jj-oilfield-landing .jj-trust,
  #jj-trailer-landing .jj-trust{
    display:none !important;
  }
}
	/* =========================================================
   HEADER DROPDOWN FIX — prevent submenu from cutting off
   ========================================================= */

/* Keep desktop dropdowns inside screen */
@media (min-width:981px){

  header,
  .site-header,
  header .wp-block-navigation,
  .site-header .wp-block-navigation{
    overflow:visible !important;
  }

  header .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation__submenu-container{
    min-width:240px !important;
    max-width:280px !important;
    white-space:normal !important;
    background:#070707 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:12px !important;
    padding:8px !important;
    box-shadow:0 18px 44px rgba(0,0,0,.45) !important;
    z-index:999999 !important;
  }

  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    display:block !important;
    width:100% !important;
    padding:10px 12px !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }

  /* Pull right-side dropdowns back onto screen */
  header .wp-block-navigation-item.has-child:last-child > .wp-block-navigation__submenu-container,
  header .wp-block-navigation-item.has-child:nth-last-child(1) > .wp-block-navigation__submenu-container,
  header .wp-block-navigation-item.has-child:nth-last-child(2) > .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation-item.has-child:last-child > .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation-item.has-child:nth-last-child(1) > .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation-item.has-child:nth-last-child(2) > .wp-block-navigation__submenu-container{
    left:auto !important;
    right:0 !important;
  }

  /* If About dropdown is near the right edge, anchor it right */
  header .wp-block-navigation-item:has(> a[href*="about"]) > .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation-item:has(> a[href*="about"]) > .wp-block-navigation__submenu-container{
    left:auto !important;
    right:0 !important;
  }
}

/* Mobile menu: make dropdown children stack cleanly */
@media (max-width:980px){

  header .wp-block-navigation__responsive-container.is-menu-open,
  .site-header .wp-block-navigation__responsive-container.is-menu-open{
    background:#070707 !important;
    color:#fff !important;
    z-index:999999 !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:100% !important;
    gap:10px !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
    width:100% !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
    display:block !important;
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    background:#111 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:12px !important;
    padding:8px 10px !important;
    margin-top:8px !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open a,
  .site-header .wp-block-navigation__responsive-container.is-menu-open a{
    color:#fff !important;
    white-space:normal !important;
  }
}
	/* =========================================================
   HEADER DROPDOWN POSITION FIX
   Stops dropdowns from covering menu links
   ========================================================= */

@media (min-width:981px){

  header .wp-block-navigation-item.has-child,
  .site-header .wp-block-navigation-item.has-child{
    position:relative !important;
  }

  header .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container{
    top:calc(100% + 10px) !important;
    margin-top:0 !important;
    z-index:999999 !important;
  }

  header .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation__submenu-container{
    pointer-events:auto !important;
  }

  header .wp-block-navigation__submenu-container::before,
  .site-header .wp-block-navigation__submenu-container::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-12px !important;
    height:12px !important;
    background:transparent !important;
  }

  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    position:relative !important;
    z-index:2 !important;
  }
}
	/* Header dropdown text size fix */
@media (min-width:981px){

  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    font-size:15px !important;
    line-height:1.35 !important;
    letter-spacing:.03em !important;
    font-weight:800 !important;
    padding:11px 14px !important;
  }

  header .wp-block-navigation__submenu-container,
  .site-header .wp-block-navigation__submenu-container{
    min-width:270px !important;
    max-width:320px !important;
  }
}
	/* =========================================================
   HEAVY EQUIPMENT REPAIR PAGE STYLE UPGRADE
   Wrapper: #jj-adslanding-equip
   ========================================================= */

#jj-adslanding-equip{
  color:#f5f7fa;
  background:#070707;
}

#jj-adslanding-equip,
#jj-adslanding-equip *{
  box-sizing:border-box;
}

#jj-adslanding-equip a{
  text-decoration:none;
}

#jj-adslanding-equip .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

#jj-adslanding-equip .jj-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:64px 0 42px;
  background:#070707;
}

#jj-adslanding-equip .jj-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(
      620px 380px at 7% 3%,
      rgba(245,196,0,.26) 0%,
      rgba(245,196,0,.15) 34%,
      rgba(245,196,0,.06) 56%,
      transparent 78%
    );
}

#jj-adslanding-equip .jj-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:28px;
  align-items:start;
}

#jj-adslanding-equip .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  color:#fff;
  font-weight:900;
  margin-bottom:10px;
}

#jj-adslanding-equip .jj-h1{
  font-size:clamp(32px, 4vw, 50px);
  line-height:1.06;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,.6);
}

#jj-adslanding-equip .jj-h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.12;
  color:#fff;
}

#jj-adslanding-equip .jj-lead{
  font-size:18px;
  line-height:1.55;
  color:#e7ebf0;
  margin:0 0 16px;
}

#jj-adslanding-equip .jj-p{
  max-width:820px;
  margin:0 auto;
  line-height:1.75;
  color:#e7ebf0;
  font-size:16px;
}

#jj-adslanding-equip .jj-p-left{
  margin-left:0;
  margin-right:0;
}

#jj-adslanding-equip .jj-hero-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin:18px 0;
}

#jj-adslanding-equip .jj-mini-card,
#jj-adslanding-equip .jj-service-card,
#jj-adslanding-equip .jj-proof-card,
#jj-adslanding-equip .jj-card{
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}

#jj-adslanding-equip .jj-mini-card{
  padding:14px;
}

#jj-adslanding-equip .jj-mini-card strong,
#jj-adslanding-equip .jj-proof-card strong{
  display:block;
  color:#fff;
  font-weight:950;
  margin-bottom:6px;
}

#jj-adslanding-equip .jj-mini-card span,
#jj-adslanding-equip .jj-proof-card span{
  display:block;
  color:#dfe5ec;
  font-size:13.5px;
  line-height:1.45;
}

#jj-adslanding-equip .jj-bullets{
  margin:18px 0 0;
  padding-left:20px;
  color:#e7ebf0;
  line-height:1.65;
}

#jj-adslanding-equip .jj-bullets li{
  margin-bottom:8px;
}

#jj-adslanding-equip .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:18px 0 12px;
}

#jj-adslanding-equip .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.16);
  line-height:1.1;
  white-space:nowrap;
}

#jj-adslanding-equip .jj-btn-primary{
  background:#f5c400;
  color:#111 !important;
}

#jj-adslanding-equip .jj-btn-ghost,
#jj-adslanding-equip .jj-btn-outline{
  background:#0b0b0b;
  color:#fff !important;
}

#jj-adslanding-equip .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

#jj-adslanding-equip .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
}

#jj-adslanding-equip .jj-card{
  overflow:hidden;
}

#jj-adslanding-equip .jj-form-card{
  position:sticky;
  top:92px;
}

#jj-adslanding-equip .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

#jj-adslanding-equip .jj-card-title{
  color:#fff;
  font-size:20px;
  font-weight:950;
  margin:0 0 6px;
}

#jj-adslanding-equip .jj-card-sub{
  color:#dfe5ec;
  font-size:13.5px;
  line-height:1.45;
}

#jj-adslanding-equip .jj-card-pad{
  padding:18px;
}

#jj-adslanding-equip .jj-section{
  padding:50px 0;
  background:#070707;
}

#jj-adslanding-equip .jj-section-alt{
  border-top:1px solid rgba(245,196,0,.18);
  border-bottom:1px solid rgba(245,196,0,.18);
}

#jj-adslanding-equip .jj-section-head{
  text-align:center;
  margin-bottom:22px;
}

#jj-adslanding-equip .jj-service-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

#jj-adslanding-equip .jj-service-card{
  padding:18px;
}

#jj-adslanding-equip .jj-service-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(245,196,0,.95);
  color:#111;
  font-size:21px;
  margin-bottom:12px;
}

#jj-adslanding-equip .jj-service-card h3{
  color:#fff;
  margin:0 0 8px;
  font-size:19px;
}

#jj-adslanding-equip .jj-service-card p{
  color:#dfe5ec;
  line-height:1.65;
  margin:0;
  font-size:14.5px;
}

#jj-adslanding-equip .jj-equipment-list{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

#jj-adslanding-equip .jj-equipment-list div{
  padding:13px 14px;
  border-radius:14px;
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  text-align:center;
}

#jj-adslanding-equip .jj-split{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:start;
}

#jj-adslanding-equip .jj-proof-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

#jj-adslanding-equip .jj-proof-card{
  padding:16px;
}

#jj-adslanding-equip .jj-mini{
  padding:46px 0;
  background:#070707;
  border-top:1px solid rgba(255,255,255,.08);
}

#jj-adslanding-equip .jj-mini-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:22px;
  align-items:center;
}

#jj-adslanding-equip .jj-mini-title{
  color:#fff;
  font-size:28px;
  font-weight:950;
  margin-bottom:10px;
}

#jj-adslanding-equip .jj-mini-copy{
  color:#e7ebf0;
  line-height:1.7;
  margin-bottom:12px;
}

#jj-adslanding-equip .jj-mini-link{
  color:#f5c400 !important;
  font-weight:950;
}

#jj-adslanding-equip .jj-map{
  display:block;
  width:100%;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
}

#jj-adslanding-equip .jj-final-cta{
  padding:44px 0;
  background:#141414;
  border-top:1px solid rgba(245,196,0,.18);
  border-bottom:1px solid rgba(245,196,0,.18);
}

#jj-adslanding-equip .jj-final-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}

#jj-adslanding-equip .jj-final-lead{
  color:#e7ebf0;
  line-height:1.6;
  margin:0;
}

#jj-adslanding-equip .jj-final-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

#jj-adslanding-equip .jj-photo-strip{
  padding:48px 0 70px;
  background:#070707;
}

#jj-adslanding-equip .jj-strip-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:end;
  margin-bottom:16px;
}

#jj-adslanding-equip .jj-strip-title{
  color:#fff;
  font-size:28px;
  font-weight:950;
}

#jj-adslanding-equip .jj-strip-sub{
  color:#dfe5ec;
  font-size:14px;
}

#jj-adslanding-equip .jj-strip-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

#jj-adslanding-equip .jj-strip-item{
  display:block;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:#141414;
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}

#jj-adslanding-equip .jj-strip-item img{
  display:block;
  width:100%;
  height:210px;
  object-fit:cover;
}

#jj-adslanding-equip .jj-lb{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999999;
}

#jj-adslanding-equip .jj-lb:target{
  display:block;
}

#jj-adslanding-equip .jj-lb-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.86);
}

#jj-adslanding-equip .jj-lb-dialog{
  position:absolute;
  inset:24px;
  display:grid;
  place-items:center;
  pointer-events:none;
}

#jj-adslanding-equip .jj-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  pointer-events:auto;
}

#jj-adslanding-equip .jj-lb-close{
  position:fixed;
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border-radius:12px;
  background:rgba(0,0,0,.72);
  color:#fff !important;
  font-size:30px;
  line-height:46px;
  text-align:center;
  z-index:10000000;
}

#jj-adslanding-equip h1,
#jj-adslanding-equip h2,
#jj-adslanding-equip h3,
#jj-adslanding-equip .jj-h1,
#jj-adslanding-equip .jj-h2,
#jj-adslanding-equip .jj-card-title{
  font-family:"Copperplate Gothic", "Copperplate Gothic Light", Copperplate, serif !important;
}

@media (max-width:980px){
  #jj-adslanding-equip .jj-hero{
    padding:34px 0 28px;
  }

  #jj-adslanding-equip .jj-hero-grid,
  #jj-adslanding-equip .jj-hero-cards,
  #jj-adslanding-equip .jj-service-grid,
  #jj-adslanding-equip .jj-equipment-list,
  #jj-adslanding-equip .jj-split,
  #jj-adslanding-equip .jj-proof-grid,
  #jj-adslanding-equip .jj-mini-grid,
  #jj-adslanding-equip .jj-final-grid,
  #jj-adslanding-equip .jj-strip-grid{
    grid-template-columns:1fr;
  }

  #jj-adslanding-equip .jj-form-card{
    position:static;
  }

  #jj-adslanding-equip .jj-cta-row,
  #jj-adslanding-equip .jj-final-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  #jj-adslanding-equip .jj-btn{
    width:100%;
    white-space:normal;
    text-align:center;
  }

  #jj-adslanding-equip .jj-h1{
    font-size:30px;
  }

  #jj-adslanding-equip .jj-h2{
    font-size:27px;
  }

  #jj-adslanding-equip .jj-lead{
    font-size:16px;
  }

  #jj-adslanding-equip .jj-strip-head{
    display:block;
  }

  #jj-adslanding-equip .jj-strip-sub{
    margin-top:6px;
  }

  #jj-adslanding-equip .jj-strip-item img{
    height:235px;
  }
}
	/* =========================================================
   PITTSBURGH MOBILE WELDING GOOGLE ADS LANDER
   Wrapper: #jj-mobile-welding-lander
   ========================================================= */

#jj-mobile-welding-lander{
  color:#f5f7fa;
  background:#070707;
}

#jj-mobile-welding-lander,
#jj-mobile-welding-lander *{
  box-sizing:border-box;
}

#jj-mobile-welding-lander a{
  text-decoration:none;
}

#jj-mobile-welding-lander .jj-wrap{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
}

body .entry-content > #jj-mobile-welding-lander,
body .wp-block-post-content > #jj-mobile-welding-lander,
body #jj-mobile-welding-lander.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

#jj-mobile-welding-lander .jj-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:64px 0 42px;
  background:#070707;
}

#jj-mobile-welding-lander .jj-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(
      620px 380px at 7% 3%,
      rgba(245,196,0,.26) 0%,
      rgba(245,196,0,.15) 34%,
      rgba(245,196,0,.06) 56%,
      transparent 78%
    );
}

#jj-mobile-welding-lander .jj-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:start;
}

#jj-mobile-welding-lander .jj-eyebrow{
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  color:#fff;
  font-weight:900;
  margin-bottom:10px;
}

#jj-mobile-welding-lander .jj-h1{
  font-size:clamp(34px, 4.4vw, 56px);
  line-height:1.04;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,.62);
}

#jj-mobile-welding-lander .jj-h2{
  margin:8px 0 10px;
  font-size:34px;
  line-height:1.12;
  color:#fff;
}

#jj-mobile-welding-lander .jj-lead{
  font-size:18px;
  line-height:1.55;
  color:#e7ebf0;
  margin:0 0 16px;
}

#jj-mobile-welding-lander .jj-p{
  max-width:820px;
  margin:0 auto;
  line-height:1.72;
  color:#e7ebf0;
  font-size:16px;
}

#jj-mobile-welding-lander .jj-p-left{
  margin-left:0;
  margin-right:0;
}

#jj-mobile-welding-lander .jj-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:18px 0 12px;
}

#jj-mobile-welding-lander .jj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:950;
  border:1px solid rgba(255,255,255,.16);
  line-height:1.1;
  white-space:nowrap;
}

#jj-mobile-welding-lander .jj-btn-primary{
  background:#f5c400;
  color:#111 !important;
}

#jj-mobile-welding-lander .jj-btn-ghost{
  background:#0b0b0b;
  color:#fff !important;
}

#jj-mobile-welding-lander .jj-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

#jj-mobile-welding-lander .jj-pill{
  font-size:13px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
}

#jj-mobile-welding-lander .jj-card,
#jj-mobile-welding-lander .jj-service-card,
#jj-mobile-welding-lander .jj-proof-card{
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}

#jj-mobile-welding-lander .jj-card{
  overflow:hidden;
}

#jj-mobile-welding-lander .jj-form-card{
  position:sticky;
  top:92px;
}

#jj-mobile-welding-lander .jj-card-head{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

#jj-mobile-welding-lander .jj-card-title{
  color:#fff;
  font-size:20px;
  font-weight:950;
  margin:0 0 6px;
}

#jj-mobile-welding-lander .jj-card-sub,
#jj-mobile-welding-lander .jj-muted{
  color:#dfe5ec;
  font-size:13.5px;
  line-height:1.45;
}

#jj-mobile-welding-lander .jj-card-pad{
  padding:18px;
}

#jj-mobile-welding-lander .jj-section{
  padding:50px 0;
  background:#070707;
}

#jj-mobile-welding-lander .jj-section-alt{
  border-top:1px solid rgba(245,196,0,.18);
  border-bottom:1px solid rgba(245,196,0,.18);
}

#jj-mobile-welding-lander .jj-section-head{
  text-align:center;
  margin-bottom:22px;
}

#jj-mobile-welding-lander .jj-service-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

#jj-mobile-welding-lander .jj-service-card{
  padding:18px;
}

#jj-mobile-welding-lander .jj-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(245,196,0,.95);
  color:#111;
  font-size:22px;
  margin-bottom:12px;
}

#jj-mobile-welding-lander .jj-service-card h3{
  color:#fff;
  margin:0 0 8px;
  font-size:19px;
}

#jj-mobile-welding-lander .jj-service-card p{
  color:#dfe5ec;
  line-height:1.62;
  margin:0;
  font-size:14.5px;
}

#jj-mobile-welding-lander .jj-split{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:start;
}

#jj-mobile-welding-lander .jj-proof-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

#jj-mobile-welding-lander .jj-proof-card{
  padding:16px;
}

#jj-mobile-welding-lander .jj-proof-card strong{
  display:block;
  color:#fff;
  font-weight:950;
  margin-bottom:6px;
}

#jj-mobile-welding-lander .jj-proof-card span{
  display:block;
  color:#dfe5ec;
  font-size:13.5px;
  line-height:1.45;
}

#jj-mobile-welding-lander .jj-chip-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

#jj-mobile-welding-lander .jj-chip-grid div{
  padding:13px 14px;
  border-radius:14px;
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  text-align:center;
}

#jj-mobile-welding-lander .jj-final-cta{
  padding:46px 0 70px;
  background:#141414;
  border-top:1px solid rgba(245,196,0,.18);
}

#jj-mobile-welding-lander .jj-final-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}

#jj-mobile-welding-lander .jj-final-lead{
  color:#e7ebf0;
  line-height:1.6;
  margin:0;
}

#jj-mobile-welding-lander .jj-final-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

#jj-mobile-welding-lander .wpforms-container{
  margin:0 !important;
}

#jj-mobile-welding-lander .wpforms-container,
#jj-mobile-welding-lander .wpforms-container *{
  color:#f5f7fa !important;
}

#jj-mobile-welding-lander .wpforms-container .wpforms-field-label{
  color:#fff !important;
  font-weight:900 !important;
}

#jj-mobile-welding-lander .wpforms-container input[type="text"],
#jj-mobile-welding-lander .wpforms-container input[type="email"],
#jj-mobile-welding-lander .wpforms-container input[type="tel"],
#jj-mobile-welding-lander .wpforms-container select,
#jj-mobile-welding-lander .wpforms-container textarea{
  background:rgba(0,0,0,.40) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f5f7fa !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}

#jj-mobile-welding-lander .wpforms-container .wpforms-submit{
  background:#f5c400 !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  font-weight:950 !important;
  padding:12px 16px !important;
  cursor:pointer !important;
}

#jj-mobile-welding-lander h1,
#jj-mobile-welding-lander h2,
#jj-mobile-welding-lander h3,
#jj-mobile-welding-lander .jj-h1,
#jj-mobile-welding-lander .jj-h2,
#jj-mobile-welding-lander .jj-card-title{
  font-family:"Copperplate Gothic", "Copperplate Gothic Light", Copperplate, serif !important;
}

@media (max-width:980px){
  #jj-mobile-welding-lander .jj-hero{
    padding:34px 0 28px;
  }

  #jj-mobile-welding-lander .jj-hero-grid,
  #jj-mobile-welding-lander .jj-service-grid,
  #jj-mobile-welding-lander .jj-split,
  #jj-mobile-welding-lander .jj-proof-grid,
  #jj-mobile-welding-lander .jj-chip-grid,
  #jj-mobile-welding-lander .jj-final-grid{
    grid-template-columns:1fr;
  }

  #jj-mobile-welding-lander .jj-form-card{
    position:static;
  }

  #jj-mobile-welding-lander .jj-cta-row,
  #jj-mobile-welding-lander .jj-final-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  #jj-mobile-welding-lander .jj-btn{
    width:100%;
    white-space:normal;
    text-align:center;
  }

  #jj-mobile-welding-lander .jj-h1{
    font-size:30px;
  }

  #jj-mobile-welding-lander .jj-h2{
    font-size:27px;
  }

  #jj-mobile-welding-lander .jj-lead{
    font-size:16px;
  }

  #jj-mobile-welding-lander .jj-trust{
    display:none !important;
  }
}
	/* Hide title on Pittsburgh Mobile Welding landing page */
body.page-id-7030 h1.entry-title,
body.page-id-7030 .wp-block-post-title,
body.page-id-7030 .entry-title{
  display:none !important;
}

body.page-id-7030 .entry-header,
body.page-id-7030 .page-header{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
	body.page-id-7030 .entry-content > #jj-mobile-welding-lander,
body.page-id-7030 .wp-block-post-content > #jj-mobile-welding-lander,
body.page-id-7030 #jj-mobile-welding-lander.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
	/* Mobile welding lander extras: outline button, photo note, gallery, map, lightbox */
body.page-id-7030 #jj-mobile-welding-lander .jj-btn-outline{
  background:#141414 !important;
  color:#fff !important;
  border:1px solid rgba(245,196,0,.55) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-photo-contact-note{
  margin:12px 0 14px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(245,196,0,.10) !important;
  border:1px solid rgba(245,196,0,.24) !important;
  color:#fff !important;
  font-weight:850 !important;
  line-height:1.35 !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-photo-contact-note a{
  color:#f5c400 !important;
  font-weight:950 !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-center-actions{
  display:flex !important;
  justify-content:center !important;
  margin-top:22px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-card,
body.page-id-7030 #jj-mobile-welding-lander .jj-map-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#141414 !important;
  box-shadow:0 18px 44px rgba(0,0,0,.35) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-card a,
body.page-id-7030 #jj-mobile-welding-lander .jj-map-card a{
  display:block !important;
  cursor:zoom-in !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-card img{
  display:block !important;
  width:100% !important;
  height:240px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-label{
  position:absolute !important;
  left:12px !important;
  bottom:12px !important;
  z-index:2 !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.70) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:12px !important;
  line-height:1 !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-map-grid{
  display:grid !important;
  grid-template-columns:1fr .95fr !important;
  gap:22px !important;
  align-items:center !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-map-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-map-caption{
  padding:10px 12px !important;
  color:#dfe5ec !important;
  font-weight:850 !important;
  text-align:center !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

/* Lightbox */
body.page-id-7030 #jj-mobile-welding-lander .jj-mw-lb{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-mw-lb:target{
  display:block !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-mw-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.86) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-mw-lb-dialog{
  position:absolute !important;
  inset:24px !important;
  display:grid !important;
  place-items:center !important;
  pointer-events:none !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-mw-lb-dialog img{
  max-width:min(1200px, calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#111 !important;
  box-shadow:0 24px 80px rgba(0,0,0,.70) !important;
  pointer-events:auto !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-mw-lb-close{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(0,0,0,.72) !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:46px !important;
  text-align:center !important;
  text-decoration:none !important;
  z-index:10000000 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

@media (max-width:980px){
  body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-grid,
  body.page-id-7030 #jj-mobile-welding-lander .jj-map-grid{
    grid-template-columns:1fr !important;
  }

  body.page-id-7030 #jj-mobile-welding-lander .jj-gallery-card img{
    height:235px !important;
  }

  body.page-id-7030 #jj-mobile-welding-lander .jj-center-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}
	/* Hero photo + top commercial/no-car alerts */
body.page-id-7030 #jj-mobile-welding-lander .jj-top-alerts{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin:18px 0 4px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-alert-card{
  display:flex !important;
  gap:11px !important;
  align-items:flex-start !important;
  padding:14px !important;
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.32) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-alert-card-yellow{
  background:rgba(245,196,0,.13) !important;
  border:1px solid rgba(245,196,0,.38) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-alert-card-red{
  background:rgba(255,60,60,.12) !important;
  border:1px solid rgba(255,90,90,.40) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-alert-icon{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 36px !important;
  border-radius:12px !important;
  background:#111 !important;
  font-size:20px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-alert-card strong{
  display:block !important;
  color:#fff !important;
  font-weight:950 !important;
  font-size:15px !important;
  line-height:1.15 !important;
  margin-bottom:5px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-alert-card span{
  display:block !important;
  color:#e7ebf0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-hero-photo-link{
  display:block !important;
  cursor:zoom-in !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-hero-photo{
  display:block !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-small-warning{
  margin:12px 0 14px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,60,60,.10) !important;
  border:1px solid rgba(255,90,90,.34) !important;
  color:#fff !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  font-size:13px !important;
}

@media (max-width:980px){
  body.page-id-7030 #jj-mobile-welding-lander .jj-top-alerts{
    grid-template-columns:1fr !important;
  }

  body.page-id-7030 #jj-mobile-welding-lander .jj-hero-photo{
    height:220px !important;
  }
}
	/* Blueprints / engineered drawings callout */
body.page-id-7030 #jj-mobile-welding-lander .jj-drawing-callout{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  margin:14px 0 16px !important;
  padding:15px !important;
  border-radius:18px !important;
  background:rgba(245,196,0,.12) !important;
  border:1px solid rgba(245,196,0,.38) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-drawing-icon{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  background:#f5c400 !important;
  color:#111 !important;
  font-size:23px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-drawing-callout strong{
  display:block !important;
  color:#fff !important;
  font-weight:950 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  margin-bottom:6px !important;
}

body.page-id-7030 #jj-mobile-welding-lander .jj-drawing-callout span{
  display:block !important;
  color:#e7ebf0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
}