/* ==========================================================================
   HTJC 濮瑰€熸簠閸戝搫褰涚粩?閳?閸撳秴褰撮弽宄扮础閿涘牏鏁?htjc-core mu-plugin 閼奉亜濮╅崝鐘烘祰閿?   鐠佹崘顓哥憴鍕瘱濞岃法鏁ら崢鐔虹彲閿涙矮瀵岄懝?#1b3a6b / 闁?#C9A24B / 鐎圭懓娅?1200px / 閸﹀棜顫?14px
   ========================================================================== */

:root{
  --htjc-navy:#1b3a6b;
  --htjc-navy-2:#2a4d7e;
  --htjc-navy-3:#13294B;
  --htjc-deep:#0b1f3a;
  --htjc-gold:#C9A24B;
  --htjc-gold-soft:#E6C97A;
  --htjc-bg:#F5F7FA;
  --htjc-ink:#1C2433;
  --htjc-muted:#6B7686;
  --htjc-line:#E2E8F0;
  --htjc-radius:14px;
  --htjc-shadow:0 10px 30px rgba(27,58,107,.08);
}

body.elementor-page, body{ color:var(--htjc-ink); }
.htjc-sec{ position:relative; }
.htjc-white{ background:#fff; }
.htjc-alt{ background:var(--htjc-bg); }
.htjc-deep-bg{ background:var(--htjc-deep); color:#fff; }
.elementor-element-dc6d5e6,
.htjc-deep-bg.htjc-deep-bg{
  background-color:#f5f7fa !important;
  background:#f5f7fa !important;
  color:#1e3a5f !important;
}
.elementor-element-dc6d5e6 .htjc-stat-n,
.elementor-element-dc6d5e6 .elementor-counter-number,
.elementor-element-dc6d5e6 .elementor-counter-number-wrapper{
  color:#1e3a5f !important;
}
.elementor-element-dc6d5e6 .htjc-stat-l,
.elementor-element-dc6d5e6 .elementor-counter-label{
  color:#6b7280 !important;
  letter-spacing:0.2em !important;
  font-weight:600 !important;
}
.elementor-element-dc6d5e6{
  border-radius:14px !important;
  padding:36px 28px !important;
  margin:24px 0 !important;
}
.htjc-navy-bg{ background:var(--htjc-navy); color:#fff; }
.htjc-grad-bg{ background:linear-gradient(135deg,#13294B 0%,#1b3a6b 55%,#2a4d7e 100%); color:#fff; }

/* ---------- 閹烘帞澧?---------- */
.htjc-eyebrow{ display:inline-block; color:var(--htjc-gold); font-size:13px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; margin-bottom:12px; }
.htjc-h1,.htjc-h1 .elementor-heading-title{ font-size:clamp(30px,4.6vw,54px) !important; line-height:1.08; font-weight:800; color:#fff; margin:0 0 16px; }
.htjc-h2,.htjc-h2 .elementor-heading-title{ font-size:clamp(25px,3vw,38px); line-height:1.15; font-weight:800; color:var(--htjc-navy); margin:0 0 12px; }
.htjc-h2-lt,.htjc-h2-lt .elementor-heading-title{ color:#fff; }
.htjc-h3,.htjc-h3 .elementor-heading-title{ font-size:20px; font-weight:700; color:var(--htjc-navy); margin:0 0 8px; }
.htjc-lead{ font-size:clamp(15px,1.7vw,19px); line-height:1.65; color:#e8eef7; max-width:660px; margin:0 0 26px; }
.htjc-sub{ color:var(--htjc-muted); font-size:16px; line-height:1.65; max-width:700px; margin:0 0 34px; }
.htjc-sub-lt{ color:#cbd6e6; font-size:16px; line-height:1.65; max-width:700px; margin:0 0 34px; }
.htjc-center{ text-align:center; }
.htjc-center .htjc-sub,.htjc-center .htjc-sub-lt,.htjc-center .htjc-lead{ margin-left:auto; margin-right:auto; }
.htjc-mini{ color:var(--htjc-muted); font-size:14px; line-height:1.6; }
.htjc-gold-t{ color:var(--htjc-gold); }

/* ---------- 閺嶅懏鐗?---------- */
.htjc-grid,.e-con.htjc-grid{ display:grid !important; width:100%; box-sizing:border-box; gap:24px; }
.htjc-grid-2,.e-con.htjc-grid-2{ display:grid !important; width:100% !important; box-sizing:border-box; gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.htjc-grid-3,.e-con.htjc-grid-3{ display:grid !important; width:100% !important; box-sizing:border-box; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.htjc-grid-4,.e-con.htjc-grid-4{ display:grid !important; width:100% !important; box-sizing:border-box; gap:24px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.htjc-grid-5,.e-con.htjc-grid-5{ display:grid !important; width:100% !important; box-sizing:border-box; gap:24px; grid-template-columns:repeat(5,minmax(0,1fr)); }
/* 閸欏苯鐪?Elementor 鐎圭懓娅掗崶鐐衡偓鈧敍姘辨埂濮濓絽鐡欓崗鍐閸?.e-con-inner 闁插矉绱漡rid 鐠佹儳鍩屾潻娆撳櫡閹靛秶鏁撻弫鍫礄footer / 閺備即銆夐棃銏㈡暏閻?htjc_c() 闁姤妲搁崣灞界湴閿?*/
.htjc-grid-2 > .e-con-inner,.htjc-grid-3 > .e-con-inner,.htjc-grid-4 > .e-con-inner,.htjc-grid-5 > .e-con-inner{ display:grid !important; width:100% !important; box-sizing:border-box; gap:24px; }
.htjc-grid-2 > .e-con-inner{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.htjc-grid-3 > .e-con-inner{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.htjc-grid-4 > .e-con-inner{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.htjc-grid-5 > .e-con-inner{ grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:1100px){
  .htjc-grid-4,.htjc-grid-5,.e-con.htjc-grid-4,.e-con.htjc-grid-5{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .htjc-grid-4 > .e-con-inner{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .htjc-grid-5 > .e-con-inner{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .htjc-grid-3,.e-con.htjc-grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .htjc-grid-3 > .e-con-inner{ grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:700px){
  .htjc-grid-2,.htjc-grid-3,.htjc-grid-4,.htjc-grid-5,.e-con.htjc-grid-2,.e-con.htjc-grid-3,.e-con.htjc-grid-4,.e-con.htjc-grid-5{ grid-template-columns:minmax(0,1fr); }
  .htjc-grid-2 > .e-con-inner,.htjc-grid-3 > .e-con-inner,.htjc-grid-4 > .e-con-inner,.htjc-grid-5 > .e-con-inner{ grid-template-columns:minmax(0,1fr); }}

/* ---------- 閹稿鎸?---------- */
.htjc-btn-gold .elementor-button,.htjc-btn-gold a.elementor-button{
  background:var(--htjc-gold) !important; color:#1a1205 !important; font-weight:700; border-radius:999px; border:none !important;
  padding:14px 28px; font-size:15px; box-shadow:0 6px 18px rgba(201,162,75,.35); transition:.2s; }
.htjc-btn-gold .elementor-button:hover{ background:var(--htjc-gold-soft) !important; transform:translateY(-1px); }
.htjc-btn-outline .elementor-button,.htjc-btn-outline a.elementor-button{
  background:transparent !important; color:var(--htjc-navy) !important; border:1.5px solid var(--htjc-gold) !important; border-radius:999px;
  padding:14px 28px; font-weight:700; font-size:15px; transition:.2s; }
.htjc-btn-outline .elementor-button:hover{ background:var(--htjc-gold) !important; color:#1a1205 !important; }

.htjc-btn-navy .elementor-button{
  background:var(--htjc-navy) !important; color:#fff !important; font-weight:700; border-radius:999px; border:none !important; padding:14px 28px; font-size:15px; }
.htjc-btn-navy .elementor-button:hover{ background:var(--htjc-navy-2) !important; }
.htjc-btn-line .elementor-button{
  background:transparent !important; color:var(--htjc-navy) !important; border:1.5px solid var(--htjc-navy) !important;
  border-radius:999px; padding:12px 24px; font-weight:700; font-size:15px; }
.htjc-btn-line .elementor-button:hover{ background:var(--htjc-navy) !important; color:#fff !important; }
/* outline button on dark hero -> white */
.htjc-hero .htjc-btn-outline .elementor-button{ color:#fff !important; border-color:rgba(255,255,255,.8) !important; }
.htjc-hero .htjc-btn-outline .elementor-button:hover{ background:rgba(255,255,255,.15) !important; color:#fff !important; }
.htjc-btn-row .e-con-inner{ flex-direction:row !important; }

/* ---------- Hero ---------- */
.htjc-hero{ position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(135deg,var(--htjc-navy,#0b1f3a) 0%,#102a52 100%); }


.htjc-hero > .e-con, .htjc-hero > .htjc-hero-inner{ position:relative; z-index:2; }
.htjc-hero-sm{ min-height:340px; }
.htjc-hero-lg{ min-height:600px; }
.htjc-hero-md{ min-height:440px; }

/* ---------- Hero info card (single vehicle) — frosted pale blue (matches Vehicles page v8) ---------- */
/* VEHICLES HERO v9: drop big frosted glass — let photo breathe, keep 4 mini cards */
.htjc-hero-card .htjc-hero-info,
.htjc-hero-vehicle .htjc-hero-info{ position:absolute !important; top:50% !important; left:80px !important;
  transform:translateY(-50%) !important; max-width:520px !important; width:calc(100% - 160px) !important;
  background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  border:none !important; border-radius:0 !important; padding:0 !important;
  box-shadow:none !important; isolation:auto !important; box-sizing:border-box !important;
  text-shadow:0 1px 3px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.35) !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-eyebrow{ color:var(--htjc-gold,#C9A24B) !important;
  letter-spacing:2px !important; font-weight:700 !important; margin:0 0 4px !important;
  font-size:12px !important; text-transform:uppercase !important; }
/* Title (.htjc-single-title is the actual shortcode output, not h1) */
.htjc-hero-vehicle .htjc-hero-info .htjc-h1,
.htjc-hero-vehicle .htjc-hero-info .htjc-single-title,
.htjc-hero-vehicle .htjc-hero-info .elementor-heading-title,
.htjc-hero-vehicle .htjc-hero-info h1{ color:#ffffff !important;
  margin:0 0 10px !important; font-size:28px !important; line-height:1.2 !important; font-weight:800 !important;
  text-shadow:0 1px 4px rgba(0,0,0,0.55), 0 2px 12px rgba(0,0,0,0.35) !important;
  word-break:break-word !important; overflow-wrap:break-word !important; }

/* Model-name pill: light navy frosted glass + gold text (user @image#1) */
.htjc-hero-vehicle .htjc-hero-info .htjc-single-title.htjc-model-name{
  display:inline-block !important;
  background:rgba(50,100,160,0.72) !important; color:#FFD27A !important; font-weight:800 !important;
  font-size:22px !important; letter-spacing:0.3px !important; line-height:1.3 !important;
  padding:12px 24px !important; border-radius:12px !important; margin:0 0 18px !important;
  backdrop-filter:blur(20px) saturate(1.4) !important; -webkit-backdrop-filter:blur(20px) saturate(1.4) !important;
  border:1px solid rgba(255,255,255,0.42) !important;
  box-shadow:0 6px 26px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.3) !important;
  text-shadow:0 1px 2px rgba(0,0,0,0.45) !important; vertical-align:middle !important;
  max-width:100% !important;
  text-align:center !important;
  white-space:normal !important;
  word-wrap:break-word !important;
  overflow-wrap:break-word !important;
}
.htjc-hero-vehicle .htjc-hero-info .htjc-single-title.htjc-model-name *{ display:inline !important;
  color:inherit !important; background:transparent !important; padding:0 !important; margin:0 !important;
  font-size:inherit !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-title-year{ color:#C9A24B !important;
  font-size:28px !important; font-weight:800 !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-sub,
.htjc-hero-vehicle .htjc-hero-info .htjc-lead,
.htjc-hero-vehicle .htjc-hero-info p{ color:#ffffff !important; font-weight:600 !important;
  font-size:17px !important; line-height:1.55 !important; margin:0 0 4px !important;
  text-shadow:0 1px 4px rgba(0,0,0,0.6), 0 2px 10px rgba(0,0,0,0.35) !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-pill{ display:inline-flex !important; align-items:center !important;
  background:#1e3a5f !important; color:#fff !important; padding:5px 12px !important; border-radius:99px !important;
  font-size:12px !important; font-weight:700 !important; letter-spacing:1.2px !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-back{ color:#0e2a4a !important;
  font-size:13px !important; font-weight:600 !important; padding:5px 12px !important;
  background:rgba(255,255,255,0.55) !important; border-radius:99px !important; opacity:0.95 !important;
  text-decoration:none !important; transition:opacity .2s ease; }
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-back:hover{ opacity:1 !important; background:rgba(255,255,255,0.85) !important; }
/* Hide dark overlay since info card has its own bg */
.htjc-hero-overlay{ background:transparent !important; }
.htjc-hero-vehicle .htjc-hero-bg{ filter:brightness(0.92) !important; }
/* Stats: 4-col grid on stats-bar > e-con-inner (clean, single source of truth) */
.htjc-hero-vehicle .htjc-hero-info .htjc-stats-bar{ background:rgba(15,34,68,0.72) !important;
  border:1px solid rgba(255,255,255,0.18) !important; border-radius:14px !important;
  margin-top:16px !important; padding:14px 4px !important; display:block !important;
  width:100% !important; max-width:none !important; box-sizing:border-box !important;
  backdrop-filter:blur(8px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.2) !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-stats-bar > .e-con-inner{ display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:6px 0 !important;
  align-items:stretch !important; width:100% !important; max-width:none !important;
  margin:0 !important; padding:0 !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-stat{ display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important; gap:6px !important;
  padding:0 2px !important; min-width:0 !important; width:auto !important; max-width:none !important;
  border-right:1px solid rgba(14,42,74,0.10) !important; margin:0 !important;
  background:transparent !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-stat:last-child{ border-right:none !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-stat > .e-con-inner{ display:flex !important;
  flex-direction:column !important; align-items:center !important; justify-content:center !important;
  gap:6px !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-stat-l{ color:rgba(255,255,255,0.95) !important; font-size:10px !important;
  font-weight:700 !important; letter-spacing:1.4px !important; text-transform:uppercase !important;
  line-height:1.2 !important; margin:0 !important; padding:0 !important;
  display:block !important; text-align:center !important;
  text-shadow:0 1px 3px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.3) !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-stat-v{ color:#ffffff !important; font-size:12px !important;
  font-weight:700 !important; line-height:1.15 !important; margin:0 !important; padding:0 !important;
  text-align:center !important; white-space:nowrap !important; overflow:hidden !important;
  text-overflow:ellipsis !important; max-width:100% !important; display:block !important;
  min-width:0 !important; letter-spacing:-0.2px !important;
  text-shadow:0 1px 4px rgba(0,0,0,0.6), 0 2px 10px rgba(0,0,0,0.35) !important; }
/* Buttons inside hero — navy primary, ghost outline */
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-group{ display:flex !important; gap:14px !important; margin-top:16px !important; flex-wrap:nowrap !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-gold, .htjc-hero-vehicle .htjc-hero-info .elementor-widget.elementor-widget-button .htjc-btn-gold,
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-gold .elementor-button{ background:#1e3a5f !important; color:#fff !important;
  border:none !important; border-radius:99px !important; padding:13px 30px !important; font-weight:700 !important;
  font-size:14px !important; letter-spacing:0.3px !important;
  transition:background .2s ease, transform .2s ease !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-gold:hover, .htjc-hero-vehicle .htjc-hero-info .htjc-btn-gold .elementor-button:hover{
  background:#2a4f7c !important; transform:translateY(-2px) !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-outline, .htjc-hero-vehicle .htjc-hero-info .elementor-widget.elementor-widget-button .htjc-btn-outline,
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-outline .elementor-button{ background:transparent !important; color:#0e2a4a !important;
  border:1.5px solid #0e2a4a !important; border-radius:99px !important; padding:10px 22px !important; font-weight:600 !important;
  font-size:13px !important; letter-spacing:0.2px !important;
  transition:background .2s ease, color .2s ease !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-outline:hover, .htjc-hero-vehicle .htjc-hero-info .htjc-btn-outline .elementor-button:hover{
  background:#0e2a4a !important; color:#fff !important; }
@media (max-width:1100px){ .htjc-hero-vehicle .htjc-hero-info{ left:24px !important; right:24px !important; width:auto !important; max-width:none !important; }}
@media (max-width:640px){ .htjc-hero-vehicle .htjc-hero-info{ top:auto !important; bottom:20px !important; transform:none !important;
  padding:18px 18px !important; }
.htjc-hero-vehicle .htjc-hero-info .htjc-h1,.htjc-hero-vehicle .htjc-hero-info .elementor-heading-title,.htjc-hero-vehicle .htjc-hero-info h1{ font-size:26px !important; }}/* ---------- 閸楋紕澧?---------- */
.htjc-card{ background:#fff; border:1px solid var(--htjc-line); border-radius:var(--htjc-radius);
  overflow:hidden; box-shadow:var(--htjc-shadow); transition:.25s; display:flex; flex-direction:column;
  height:100%; padding:0 !important; gap:0 !important; }
.htjc-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(11,31,58,.14); }
.htjc-card > .e-con-inner{ padding:0 !important; gap:0 !important; height:100%; display:flex; flex-direction:column; }
.htjc-card-img img{ aspect-ratio:16/10; object-fit:cover; width:100%; display:block; }
.htjc-card-body{ padding:18px 20px 22px; display:flex; flex-direction:column; gap:8px; flex:1 1 auto; }
.htjc-card-title,.htjc-card-title h1,.htjc-card-title h2,.htjc-card-title h3,.htjc-card-title h4,
.htjc-card-title .elementor-heading-title,.htjc-card-title .elementor-post-title{
  font-size:17.5px; font-weight:700; color:var(--htjc-navy); margin:0; line-height:1.35; }
.htjc-card-title a,.htjc-card-title .elementor-post-title a{ color:var(--htjc-navy); }
.htjc-card-title a:hover,.htjc-card-title .elementor-post-title a:hover{ color:var(--htjc-gold); }
.htjc-card-meta{ color:var(--htjc-muted); font-size:13.5px; margin:0; }
.htjc-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:6px; }
.htjc-tag{ background:var(--htjc-bg); color:var(--htjc-navy); border:1px solid var(--htjc-line);
  border-radius:999px; padding:3px 11px; font-size:12.5px; }
.htjc-card-link a{ color:var(--htjc-gold); font-weight:700; font-size:14px; }

/* ---------- 閻楄鈧?/ 濮濄儵顎?---------- */
.htjc-feature{ display:flex; gap:14px; align-items:flex-start; }
.htjc-feature-ic{ width:56px; height:56px; display:grid; place-items:center; color:var(--htjc-navy); flex:0 0 auto; }
.htjc-feature-t,.htjc-feature-t .elementor-heading-title{ font-weight:700; color:var(--htjc-navy); margin:0 0 4px; font-size:16.5px; }
.htjc-feature-p{ margin:0; color:var(--htjc-muted); font-size:14.5px; line-height:1.6; }

.htjc-step{ background:#fff; border:1px solid var(--htjc-line); border-radius:var(--htjc-radius); padding:22px; height:100%; }
.htjc-step-n{ width:34px; height:34px; border-radius:50%; background:var(--htjc-gold); color:#1a1205;
  display:grid; place-items:center; font-weight:800; margin-bottom:12px; }
.htjc-step-t,.htjc-step-t .elementor-heading-title{ font-weight:700; color:var(--htjc-navy); margin:0 0 6px; font-size:16.5px; }
.htjc-step-p{ margin:0; color:var(--htjc-muted); font-size:14px; line-height:1.6; }

/* ---------- 閺佺増宓侀弶?---------- */
.htjc-stat-n{ font-size:clamp(28px,3.4vw,42px); font-weight:800; color:var(--htjc-gold); margin:0; line-height:1.1; }
.htjc-stat-l{ color:#cbd6e6; margin:6px 0 0; font-size:14.5px; }

/* ---------- 閸栧搫鐓欓崡?---------- */
.htjc-region{ position:relative; border-radius:var(--htjc-radius); overflow:hidden;
  min-height:230px; display:flex; align-items:flex-end; color:#fff; }
.htjc-region::after{ content:''; position:absolute; inset:0; z-index:0;
  background:linear-gradient(0deg,rgba(11,31,58,.88) 0%,rgba(11,31,58,.35) 55%,rgba(11,31,58,.12) 100%); }
.htjc-region-body{ position:relative; z-index:1; padding:22px; width:100%; }
.htjc-region-t,.htjc-region-t .elementor-heading-title{ color:#fff !important; font-size:19px; font-weight:800; margin:0 0 6px; }
.htjc-region-p{ color:#f1f5fb !important; font-size:14px; margin:0 0 10px; line-height:1.55; opacity:1 !important; }
.htjc-region-link .elementor-button-text{ color:#ffd76a !important; }
/* MENA region card: right-to-left content */


.htjc-region[data-id="6ee39cd"] .htjc-region-body > .e-con-inner > *{ width:100% !important; max-width:100% !important; display:block !important; flex:0 0 auto !important; }
.htjc-region[data-id="6ee39cd"]{ position:relative; }
/* All region cards: button anchored to bottom */
.htjc-region .htjc-region-link{ position:absolute !important; bottom:22px !important; left:22px !important; top:auto !important; z-index:2; }
.htjc-region .htjc-region-body{ position:static !important; }
.htjc-region-link .elementor-button{ background:transparent; color:var(--htjc-gold); padding:0; font-weight:700; font-size:14px; }
.htjc-region-link .elementor-button:hover{ color:#fff; background:transparent; }
.htjc-pill{ display:inline-block; background:rgba(201,162,75,.18); border:1px solid var(--htjc-gold);
  color:var(--htjc-gold-soft); padding:5px 13px; border-radius:999px; font-size:12.5px; font-weight:600; }

/* ---------- 閸欏倹鏆熺悰?---------- */
.htjc-spec-table{ width:100%; border-collapse:collapse; margin:0 0 20px; font-size:14.5px; background:#fff; }
.htjc-spec-table th{ text-align:left; width:44%; padding:10px 14px; background:var(--htjc-bg);
  color:var(--htjc-navy); font-weight:600; border-bottom:1px solid var(--htjc-line); vertical-align:top; }
.htjc-spec-table td{ padding:10px 14px; border-bottom:1px solid var(--htjc-line); color:var(--htjc-ink); }
.htjc-spec-table tr:last-child th,.htjc-spec-table tr:last-child td{ border-bottom:0; }
.htjc-spec-h{ color:var(--htjc-navy); font-size:17px; font-weight:700; margin:26px 0 10px;
  padding-left:12px; border-left:4px solid var(--htjc-gold); line-height:1.2; }
.htjc-spec-h:first-child{ margin-top:0; }

/* ---------- 妞ら潧銇?---------- */
.htjc-crumb{ color:#cbd6e6; font-size:13.5px; margin:0 0 12px; }
.htjc-crumb a{ color:var(--htjc-gold); }

/* ---------- 婢舵挳鍎寸€佃壈鍩?---------- */
.htjc-header{ background:var(--htjc-deep); position:relative; z-index:99; }
.htjc-header .e-con-inner{ min-height:70px; }
/* Logo 閻ц棄绨抽崷鍡氼潡閳ユ粏濮遍悧鍥ｂ偓婵撶礄妞ょ數婀佹い浣冨壖缂佺喍绔存径鍕倞閿涘本绻佹惔鏇氱瑐閹靛秵绔婚弲甯礆 */
.htjc-header .htjc-logo,
.htjc-footer .htjc-logo{ display:inline-block !important; width:fit-content !important; max-width:fit-content !important; background:#fff; padding:8px 14px; border-radius:12px; line-height:0; box-shadow:0 2px 6px rgba(0,0,0,.20); box-sizing:border-box; }
.htjc-header .htjc-logo{ align-self:center !important; }
.htjc-header .htjc-logo img{ width:36px !important; height:36px !important; max-width:36px !important; max-height:36px !important; object-fit:contain; display:block; }
.htjc-footer .htjc-logo{ padding:10px 16px; border-radius:14px; align-self:flex-start !important; }
.htjc-footer .htjc-logo img{ width:56px !important; height:56px !important; max-width:56px !important; max-height:56px !important; object-fit:contain; display:block; }
.htjc-footer .htjc-logo a{ display:inline-block; line-height:0; }
.htjc-nav .elementor-nav-menu--main .elementor-item{ color:#dfe6f1 !important; font-size:14.5px; font-weight:500; padding:8px 0; }
.htjc-nav .elementor-nav-menu--main .elementor-item:hover,
.htjc-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{ color:var(--htjc-gold) !important; }
.htjc-nav .elementor-nav-menu--main ul li{ padding:0 11px; }

/* Header 鐢啫鐪敍娆碠M 闁插苯鍑￠幎?logo / 閼挎粌宕?/ CTA 閹峰棙鍨?bdb1836 閻ㄥ嫪绗佹稉顏嗘纯閹恒儱鐡欓崗鍐閿涙宝lementor 閻?.e-con-boxed.e-flex 娴兼艾宸遍崚?flex-direction:column閿涘矂娓堕悽?!important 鐟曞棛娲?*/
.elementor-element-bdb1836{ flex-direction:row !important; }
.elementor-element-bdb1836 > .e-con-inner{ flex-direction:row !important; justify-content:space-between !important; align-items:center !important; flex-wrap:nowrap !important; }

/* ---------- 妞や絻鍓?---------- */
.htjc-footer{ background:var(--htjc-deep); color:#c3cee0; padding-top:14px; padding-bottom:8px; gap:8px; display:flex; flex-direction:column; }
.htjc-footer a{ color:#c3cee0; }
.htjc-footer a:hover{ color:var(--htjc-gold); }
.htjc-footer .htjc-h5,.htjc-footer .htjc-h5 .elementor-heading-title{ color:#fff; font-size:15px; font-weight:700; margin:0 0 8px; letter-spacing:.02em; }
.htjc-footer .elementor-icon-list-icon{ color:var(--htjc-gold); font-size:12px; }
.htjc-footer .elementor-icon-list-item{ padding-bottom:2px; }
.htjc-footer .elementor-icon-list-text{ color:#c3cee0; font-size:14px; }
.htjc-footer .elementor-icon-list-item:hover .elementor-icon-list-text{ color:var(--htjc-gold); }
.htjc-foot-note{ color:#8fa0bb; font-size:13px; }

/* ---------- 妞や絻鍓?2026-09-12 闁插秷顔曠拋鈽呯窗4 閸掓鎻ｉ崙?+ 缁€鍙ユ唉閸?+ 閻楀牊娼?---------- */
.htjc-footer .htjc-grid-4{ row-gap:0; }
.htjc-fcol,.htjc-fcol-brand{ display:flex; flex-direction:column; gap:8px; }
.htjc-fcol-brand .htjc-logo{ padding:14px; border-radius:22px; align-self:flex-start; }
.htjc-fcol-brand .htjc-logo img{ height:144px !important; width:144px !important; object-fit:cover; }
.htjc-fbrand{ color:#fff; font-size:13px; font-weight:700; line-height:1.55; letter-spacing:.04em; margin:0; }
.htjc-foot-list .elementor-icon-list-item{ padding-bottom:4px; }

/* 缁€鍙ユ唉閸ョ偓鐖ｇ悰?*/
.htjc-foot-social-row{ width:min(100%,1200px); margin:8px auto 0; padding:6px 0 2px; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.htjc-foot-social-label{ color:#a9b8cf; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.htjc-social{ display:flex; gap:10px; flex-wrap:wrap; }
.htjc-soc{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; font-size:16px; transition:all .2s ease; text-decoration:none; line-height:1; }
.htjc-soc:hover{ background:var(--htjc-gold); color:#1b3a6b; transform:translateY(-2px); box-shadow:0 4px 12px rgba(201,162,75,.4); }
.htjc-soc[data-platform=facebook]:hover{ background:#1877f2; color:#fff; }
.htjc-soc[data-platform=instagram]:hover{ background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#fff; }
.htjc-soc[data-platform=youtube]:hover{ background:#ff0000; color:#fff; }
.htjc-soc[data-platform=whatsapp]:hover{ background:#25d366; color:#fff; }
.htjc-soc[data-platform=email]:hover{ background:var(--htjc-gold); color:#fff; }

/* 閸掑棝娈х痪?*/
.htjc-foot-div{ width:min(100%,1200px); margin:2px auto 6px; border-color:rgba(255,255,255,.15) !important; }

/* 閻楀牊娼堢悰?*/
.htjc-foot-copy{ width:min(100%,1200px); margin:0 auto; padding:0 0 4px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; color:#8fa0bb; font-size:12.5px; }

/* ---------- CTA ---------- */
.htjc-cta{ background-image:linear-gradient(135deg,rgba(8,18,40,.86) 0%,rgba(15,34,68,.78) 100%),url('/wp-content/uploads/2026/09/hero-cta-bg.jpg')!important;
  background-size:cover,cover; background-position:center center,center center; background-repeat:no-repeat,no-repeat;
  color:#fff; border-radius:0; padding:64px 40px; width:100%; max-width:none; }
.htjc-cta .htjc-h2{ color:#fff; }

/* ---------- 鐞涖劌宕?---------- */
.htjc-form .elementor-field-label{ color:var(--htjc-navy); font-weight:600; font-size:14px; }
.htjc-form .elementor-field{ border:1px solid var(--htjc-line); border-radius:10px; padding:12px 14px; background:#fff; }
.htjc-form .elementor-field:focus{ border-color:var(--htjc-navy); }
.htjc-form .elementor-button{ background:var(--htjc-gold); color:#1a1205; font-weight:700;
  border-radius:999px; padding:14px 32px; font-size:15px; }
.htjc-form .elementor-message-success{ color:#1f7a44; }

/* ---------- 鏉烇箑鐎风拠锔藉剰 ---------- */
.htjc-gal-main .elementor-widget-container{ border-radius:var(--htjc-radius); overflow:hidden; }
.htjc-single-title,.htjc-single-title .elementor-heading-title{ color:var(--htjc-navy); font-size:clamp(24px,3vw,36px); font-weight:800; margin:0 0 6px; line-height:1.15; }
.htjc-single-brand{ color:var(--htjc-gold); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:13px; margin:0 0 10px; }
.htjc-fact{ background:#fff; border:1px solid var(--htjc-line); border-radius:12px; padding:16px 18px; }
.htjc-fact-l{ color:var(--htjc-muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.08em; margin:0 0 4px; }
.htjc-fact-v{ color:var(--htjc-navy); font-size:17px; font-weight:700; margin:0; }
.htjc-thumbs img{ border-radius:10px; cursor:pointer; border:2px solid transparent; }
.htjc-thumbs img:hover{ border-color:var(--htjc-gold); }

/* ---------- 瑜版帗銆傚銉ュ徔閺?---------- */
.htjc-toolbar{ background:#fff; border:1px solid var(--htjc-line); border-radius:var(--htjc-radius); padding:14px 18px; }
.htjc-empty{ color:var(--htjc-muted); }

/* Elementor 姒涙顓婚弽鍥暯闂呮劘妫屾潏鍛И */
.htjc-hide-title .entry-header{ display:none; }

/* ---------- 閸欏倹鏆熸稉顓″閸掑洦宕?---------- */
.htjc-spec-tabs{ background:#fff; border:1px solid var(--htjc-line); border-radius:var(--htjc-radius); padding:24px; }
.htjc-spec-tabnav{ display:flex; gap:8px; margin:0 0 20px; border-bottom:1px solid var(--htjc-line); padding-bottom:14px; }
.htjc-spec-tabnav button{ background:transparent; border:1px solid var(--htjc-line); color:var(--htjc-muted);
  padding:8px 18px; border-radius:999px; cursor:pointer; font-size:14px; font-weight:600; transition:.2s; }
.htjc-spec-tabnav button.is-active{ background:var(--htjc-navy); border-color:var(--htjc-navy); color:#fff; }
.htjc-spec-pane{ display:none; }
.htjc-spec-pane.is-active{ display:block; }

/* ---------- 閸ユ儳绨?---------- */
.htjc-galgrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
@media(max-width:700px){ .htjc-galgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }}
.htjc-galitem{ display:block; border-radius:12px; overflow:hidden; border:1px solid var(--htjc-line); background:#fff; }
.htjc-galitem img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; transition:.25s; }
.htjc-galitem:hover img{ transform:scale(1.05); }
body.htjc-lb-open{ overflow:hidden; }
.htjc-lb{ position:fixed; inset:0; z-index:99999; background:rgba(6,13,26,.92); display:flex; align-items:center; justify-content:center; }
.htjc-lb-img{ max-width:92vw; max-height:86vh; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.6); }
.htjc-lb-close{ position:absolute; top:18px; right:22px; background:transparent; border:0; color:#fff;
  font-size:38px; line-height:1; cursor:pointer; opacity:.8; }
.htjc-lb-close:hover{ opacity:1; }
.htjc-lb-nav{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.12);
  border:0; color:#fff; font-size:34px; width:52px; height:52px; border-radius:50%; cursor:pointer; }
.htjc-lb-nav:hover{ background:rgba(255,255,255,.25); }
.htjc-lb-nav.prev{ left:24px; }
.htjc-lb-nav.next{ right:24px; }
.htjc-lb-count{ position:absolute; bottom:20px; left:0; right:0; text-align:center; color:#cbd6e6; font-size:13.5px; }

/* ---------- 閸濅胶澧濈粵娑⑩偓?---------- */
.htjc-filter{ display:flex; flex-wrap:wrap; gap:8px; }
.htjc-filter a{ display:inline-block; padding:8px 15px; border:1px solid var(--htjc-line); border-radius:999px;
  background:#fff; color:var(--htjc-navy); font-size:13.5px; font-weight:600; }
.htjc-filter a b{ color:var(--htjc-muted); font-weight:600; margin-left:3px; }
.htjc-filter a:hover{ border-color:var(--htjc-gold); }
.htjc-filter a.is-active{ background:var(--htjc-navy); border-color:var(--htjc-navy); color:#fff; }
.htjc-filter a.is-active b{ color:var(--htjc-gold-soft); }

/* ---------- 閸忔娊鏁崣鍌涙殶閸?---------- */
.htjc-fact-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media(max-width:700px){ .htjc-fact-grid{ grid-template-columns:minmax(0,1fr); }}
.htjc-brandlogo{ max-height:52px; width:auto; }
.htjc-card-view{ display:inline-block; margin-top:10px; color:var(--htjc-gold); font-weight:700; font-size:14px; }
.htjc-card-view:hover{ color:var(--htjc-navy); }

/* ---------- Header 璇█鍒囨崲鍣?---------- */
.htjc-lang-wrap{ position:relative; display:inline-block; }
.htjc-lang{ position:relative; display:inline-block; }
.htjc-lang-trigger{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; min-height:42px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--htjc-gold) 0%,var(--htjc-gold-soft) 100%);
  color:var(--htjc-deep); font-weight:700; font-size:14px;
  border:0; cursor:pointer;
  box-shadow:0 4px 14px rgba(201,162,75,.32);
  transition:.2s;
  white-space:nowrap;
}
.htjc-lang-trigger:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(201,162,75,.45); }
.htjc-lang-globe{ width:18px; height:18px; flex-shrink:0; }
.htjc-lang-current{ line-height:1; }
.htjc-lang-arrow{ width:10px; height:10px; margin-left:2px; transition:transform .2s; }
.htjc-lang:hover .htjc-lang-arrow,
.htjc-lang:focus-within .htjc-lang-arrow{ transform:rotate(180deg); }
.htjc-lang-list{
  position:absolute; top:calc(100% + 10px); right:0;
  min-width:180px; margin:0; padding:6px 0;
  background:#fff; border-radius:12px;
  box-shadow:0 12px 36px rgba(11,31,58,.18);
  list-style:none;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .2s, transform .2s, visibility .2s;
  z-index:200;
}
.htjc-lang:hover .htjc-lang-list,
.htjc-lang:focus-within .htjc-lang-list{
  opacity:1; visibility:visible; transform:translateY(0);
}
.htjc-lang-list li{ margin:0; padding:0; }
.htjc-lang-list a{
  display:block; padding:9px 18px;
  color:var(--htjc-ink); font-size:14px; font-weight:500;
  text-decoration:none; line-height:1.4;
  transition:background .15s;
}
.htjc-lang-list a:hover{ background:var(--htjc-bg); color:var(--htjc-navy); }
.htjc-lang-list a[aria-current="true"]{
  background:var(--htjc-bg); color:var(--htjc-navy); font-weight:700;
  border-left:3px solid var(--htjc-gold); padding-left:15px;
}


/* ===== Case page videos (replacing case images, 2026-09-12) ===== */
.htjc-case-video .elementor-wrapper{ position:relative; overflow:hidden; border-radius:var(--htjc-radius); }
.htjc-case-video video,
.htjc-case-video iframe{ display:block; width:100%; height:100%; object-fit:cover; }

/* Case cards: 16:10 image-style thumbnail (same proportion as original images) */
.htjc-case .htjc-case-video .elementor-wrapper{ aspect-ratio:16/10; }

/* Hero: wider, taller cinematic block */
.htjc-case-video-hero .elementor-wrapper{ aspect-ratio:16/9; }

@media (max-width: 700px){
  .htjc-case .htjc-case-video .elementor-wrapper{ aspect-ratio:16/9; }}
/* Hero text always readable (override page-level light-blue headings) */
.htjc-hero h1, .htjc-hero h2, .htjc-hero h3,
.htjc-hero .elementor-heading-title,
.htjc-hero p, .htjc-hero .htjc-hero-sub, .htjc-hero .htjc-eyebrow{
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.htjc-hero .htjc-eyebrow{ color:var(--htjc-gold,#C9A24B) !important; text-shadow:none; }
/* Improve low-contrast body/description text site-wide */
.htjc-card-desc, .htjc-card .htjc-card-desc,
.htjc-sec-sub, .htjc-eyebrow-sub,
.elementor-widget-text-editor .htjc-card-desc,
.htjc-desc, .htjc-card p, .htjc-fcol p{
  color:#54606e !important;
}
.htjc-card-title, .htjc-card .htjc-card-title{ color:var(--htjc-navy,#0b1f3a) !important; }
/* Standardize CTA buttons to brand gold / navy (drop clashing green) */
.elementor-button.elementor-button-success,
.htjc-btn-green, button.htjc-green,
.wpforms-submit, .htjc-submit{
  background-color:var(--htjc-gold,#C9A24B) !important;
  color:#1b1305 !important; border-color:var(--htjc-gold,#C9A24B) !important;
}
.elementor-button.elementor-button-success:hover,
.wpforms-submit:hover, .htjc-submit:hover{
  background-color:#b9913c !important;
}
/* ===== Global visual polish (2026-09-12) ===== */
/* Hero text always readable (override page-level light-blue headings) */
.htjc-hero h1, .htjc-hero h2, .htjc-hero h3,
.htjc-hero .elementor-heading-title,
.htjc-hero p, .htjc-hero .htjc-hero-sub, .htjc-hero .htjc-eyebrow{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
/* Footer social icons: make inline SVG use currentColor + size */
.htjc-soc{ background:rgba(255,255,255,.14); }
.htjc-soc svg{ width:18px; height:18px; display:block; }
.htjc-soc svg path{ fill:#ffffff; }
/* Section headings: force brand navy (fixes light-blue rgb(110,193,228) on Wholesale etc.) */
body:not(.htjc-nohead) .elementor-widget-heading .elementor-heading-title:not(.htjc-hero *):not(.htjc-region-t *):not(.htjc-cta *):not(.htjc-cta-band *):not(.htjc-footer *):not(.htjc-faq-hero-bg *):not(.elementor-element-67095b1 *):not(.elementor-element-c1b09e6 *):not(.elementor-element-2310c42 *):not(.elementor-element-941d195 *):not(.htjc-bh-brand *){
  color:var(--htjc-navy,#0b1f3a) !important;
}
/* Hero secondary links & ghost buttons must stay visible on dark hero */
.htjc-hero a{ color:#ffffff !important; text-shadow:0 1px 10px rgba(0,0,0,.5); }
.htjc-hero .elementor-button{ border:2px solid rgba(255,255,255,.75) !important; background:transparent !important; color:#fff !important; }
.htjc-hero .elementor-button:hover{ background:rgba(255,255,255,.14) !important; }
/* Card action links: readable gold on white */
.htjc-card a, .htjc-card .htjc-view, a.htjc-view{
  color:#a07d1f !important; font-weight:600;
}
/* Form labels & inputs: readable dark grey (Elementor default 122,122,122 too light) */
.elementor-field-label, .wpforms-field-label, label.htjc-label,
.elementor-field-label span, .wpforms-field-sublabel{
  color:#3c4756 !important; font-weight:600;
}
.elementor-field-textual, input[type=text], input[type=email], input[type=tel], textarea, select,
.wpforms-field input, .wpforms-field textarea, .wpforms-field select{
  color:#2b333d !important;
}
.elementor-field-textual::placeholder, input::placeholder, textarea::placeholder{
  color:#8a93a0 !important;
}
/* Catch-all: any pale body text outside hero -> readable */
.elementor-widget-text-editor :is(p):not(.htjc-hero *):not(.htjc-hero-vehicle *):not(.htjc-region-p):not(.htjc-cta *):not(.htjc-footer *){ color:#46505e !important; }
/* Footer-specific text overrides: brand text + social label must be white on grey bg */
.htjc-footer .htjc-fbrand,
.htjc-footer .htjc-foot-social-label,
.htjc-footer .htjc-foot-note,
.htjc-footer .htjc-fcol p{ color:#fff !important; }
/* HEADER BG FIX v2 */
.htjc-header, .elementor-1135 .elementor-element-3c7ac3e { background-color: #0b1f3a !important; }
.htjc-header .elementor-element-3c7ac3e.e-con, .htjc-header .e-con-inner { background-color: #0b1f3a !important; }
.htjc-header .e-con-inner { min-height: 72px; }
.htjc-header a, .htjc-header .elementor-item, .htjc-header .htjc-lang-trigger { color: #ffffff !important; }
.htjc-header .htjc-nav .elementor-item:hover { color: var(--htjc-gold,#C9A24B) !important; }
.htjc-header .htjc-lang-trigger { background: var(--htjc-gold,#C9A24B) !important; color: #0b1f3a !important; }


/* === Dropdown link text: dark on white surface (2026-09-23 fix) ===
   Root cause: .htjc-header a {... !important #fff} above also paints <a> inside the
   language dropdown (.htjc-lang-list) and inside Elementor nav-menu sub-menus
   (.elementor-nav-menu--dropdown). Those <a> sit on a WHITE surface, so white
   text becomes invisible (mobile users reported "language menu / New Vehicles
   sub-menu text unreadable"). This block forces dark text only for those two
   specific dropdown surfaces; top-level header links remain white on navy. */
.htjc-header .htjc-lang-list a,
.htjc-header .elementor-nav-menu--dropdown a { color: var(--htjc-ink) !important; fill: var(--htjc-ink) !important; }
.htjc-header .htjc-lang-list a:hover,
.htjc-header .elementor-nav-menu--dropdown a:hover { color: var(--htjc-navy) !important; }
.htjc-header .htjc-lang-list a[aria-current="true"] { color: var(--htjc-navy) !important; }


/* NAV-MENU COLORS FIX 2026-09-12 - override Elementor global color vars */
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{ color:#FFFFFF !important; fill:#FFFFFF !important; }
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{ color:#C9A24B !important; fill:#C9A24B !important; }
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.htjc-header .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{ background-color:#C9A24B !important; }
.htjc-vehicle-grid{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:1200px;margin:0 auto}
@media(max-width:1100px){.htjc-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.htjc-vehicle-grid{grid-template-columns:1fr}}
.htjc-vehicle-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.htjc-vehicle-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(11,31,58,.12)}
.htjc-vehicle-card .htjc-card-img-wrap{display:block;aspect-ratio:16/10;overflow:hidden}
.htjc-vehicle-card .htjc-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.htjc-vehicle-card .htjc-card-body{padding:22px 24px 24px}
.htjc-vehicle-card .htjc-card-title{margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.htjc-vehicle-card .htjc-card-title a{color:#0b1f3a;text-decoration:none}
.htjc-vehicle-card .htjc-card-title a:hover{color:#C9A24B}
.htjc-vehicle-card .htjc-card-meta{margin:0 0 12px;font-size:13px;color:#5a6b85;line-height:1.4}
.htjc-vehicle-card .htjc-card-view{display:inline-block;font-size:13px;font-weight:600;color:#C9A24B;text-decoration:none}
.htjc-vehicle-card .htjc-card-view:hover{text-decoration:underline}

/* Vehicles grid - force full width */
.htjc-vehicle-grid{width:100%!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}


/* ===== Section H2 navy (beat Elementor per-widget color) + keep light/cta white ===== */
h2.elementor-heading-title:not(.htjc-h2-lt):not(.htjc-cta-t),
.htjc-h2:not(.htjc-h2-lt):not(.htjc-cta-t),
.htjc-h2 .elementor-heading-title:not(.htjc-h2-lt):not(.htjc-cta-t){
  color:var(--htjc-navy) !important;
}
.htjc-h2-lt, .htjc-h2-lt .elementor-heading-title,
.htjc-cta-t, .htjc-cta-t .elementor-heading-title,
/* CTA panel: when .htjc-h2.htjc-h2-lt wrapper is inside .htjc-cta, force h2 white (specificity 0,4,0 beats navy rule 0,4,0 with later source order) */
.htjc-cta .htjc-h2.htjc-h2-lt .elementor-heading-title,
.htjc-cta .htjc-h2.htjc-cta-t .elementor-heading-title,
.htjc-cta .elementor-heading-title{
  color:#fff !important;
}
/* CTA panel: light subtitle + inherit white text */
.htjc-cta,
.htjc-cta .elementor-widget-text-editor{
  color:#fff;
}
.htjc-cta .htjc-sub-lt,
.htjc-cta .elementor-widget-text-editor p{
  color:#e6eef9 !important;
}


/* ===== FAQ accordion titles navy (beat Elementor green accent) ===== */
.elementor-accordion .elementor-tab-title,
.elementor-accordion .elementor-tab-title a,
.elementor-accordion .elementor-accordion-title,
.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-accordion .elementor-tab-title.elementor-active a{
  color:var(--htjc-navy) !important;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon-closed,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon-opened{
  color:var(--htjc-navy) !important;
}
.elementor-accordion .elementor-accordion-item{
  border-color:var(--htjc-line) !important;
}


/* ===== Hero h1 强制白色（深底对比度） ===== */
.htjc-hero .htjc-h1,
.htjc-hero h1,
.htjc-hero-sm .htjc-h1,
.htjc-hero-sm h1{
  color:#ffffff !important;
}
.htjc-hero .htjc-h1-lt,
.htjc-hero-sm .htjc-h1-lt{ color:#ffffff !important; }

/* Hero 标题强对比兜底 */
.htjc-hero .htjc-h1,
.htjc-hero h1,
.htjc-hero-sm .htjc-h1,
.htjc-hero-sm h1{
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,0.45) !important;
}

/* Hero 标题真实文字(span)强制白色，覆盖 Elementor 全局文字色 #7A7A7A */
.htjc-hero .htjc-h1,
.htjc-hero .htjc-h1 *,
.htjc-hero-sm .htjc-h1,
.htjc-hero-sm .htjc-h1 *,
.htjc-hero .htjc-single-title,
.htjc-hero-sm .htjc-single-title{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,0.5) !important;
}
/* 通用 hero 内文字（含 breadcrumb / subtitle）白字 */
.htjc-hero .htjc-card-meta,
.htjc-hero-sm .htjc-card-meta{
  color:#eaf0f7 !important;
}
/* hero eyebrow 保持金色（覆盖上面的通用白字规则） */
.htjc-hero .htjc-eyebrow,
.htjc-hero-sm .htjc-eyebrow{
  color:var(--htjc-gold,#C9A24B) !important;
}


/* ===== 车型详情 hero 优化：右栏车图 + 并排 CTA ===== */
.htjc-hero-sm .htjc-wrap{ align-items:center; }
.htjc-hero-car-col{ min-height:300px; }
.htjc-hero-car-wrap{ width:100%; display:flex; justify-content:center; }
.htjc-hero-car{
  width:100%; max-width:520px; height:auto; max-height:360px; object-fit:cover;
  border-radius:16px; box-shadow:0 18px 50px rgba(0,0,0,0.45);
  border:1px solid rgba(255,255,255,0.12); display:block;
}
/* 左栏 CTA 并排 */
.htjc-hero-sm .htjc-btn-group{ margin-top:6px; flex-wrap:wrap; }
.htjc-hero-sm .htjc-btn-group .htjc-btn-gold,
.htjc-hero-sm .htjc-btn-group .htjc-btn-outline{ margin:0; }
/* hero 副标题层级（与 gold eyebrow 区分）：淡白、稍大 */
.htjc-hero .htjc-card-meta{
  color:#dce6f2 !important; font-size:16px; font-weight:600; letter-spacing:.01em;
  margin:0; text-shadow:0 1px 8px rgba(0,0,0,0.4);
}
/* 清掉可能的 stray 金点（占位符渲染产物） */
.htjc-hero .htjc-eyebrow::before,
.htjc-hero .htjc-eyebrow::after{ display:none !important; }


/* ===== 车型详情 hero（Ele Pro 全屏车图背景 + 左侧浮信息） ===== */
.htjc-hero-vehicle{
  position:relative;
  overflow:hidden;
}
/* 左侧暗渐变蒙层（保证白字可读；车图在右→渐变在左渐隐） */
.htjc-hero-vehicle::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(95deg,
    rgba(11,31,58,0.95) 0%,
    rgba(11,31,58,0.82) 22%,
    rgba(11,31,58,0.45) 48%,
    rgba(11,31,58,0.15) 72%,
    rgba(11,31,58,0.02) 100%);
  z-index:1;
  pointer-events:none;
}
.htjc-hero-vehicle > .e-con-inner{ position:relative; z-index:2; }

.htjc-hero-info{ max-width:640px; }
.htjc-hero-info > .e-con-inner{ gap:20px; }

/* 顶部 meta：返回链接 + pill */
.htjc-hero-meta{ margin-bottom:4px; }
.htjc-hero-back{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  background: rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.18);
  color:#eaf0f7 !important;
  font-size:13px; font-weight:600;
  text-decoration:none;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.htjc-hero-back:hover{ background: rgba(201,162,75,0.85); border-color: rgba(201,162,75,0.85); color:#0b1f3a !important; }
.htjc-hero-pill{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  background: rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16);
  color:#ffffff !important;
  font-size:12px; font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* hero 大标题 */
.htjc-h1-hero, .htjc-h1-hero .elementor-heading-title,
.htjc-h1-hero .htjc-single-title, .htjc-h1-hero *{
  color:#ffffff !important;
  font-size:clamp(34px,5vw,58px) !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  text-shadow:0 2px 18px rgba(0,0,0,0.55);
}
.htjc-title-year{ color:var(--htjc-gold,#C9A24B) !important; text-shadow:0 2px 14px rgba(0,0,0,0.6); }

/* hero 副标题（fuel 全名） */
.htjc-hero-sub{
  color:#dce6f2 !important;
  font-size:16px; font-weight:600; line-height:1.5;
  margin:0; max-width:560px;
  text-shadow:0 1px 8px rgba(0,0,0,0.4);
}

/* 4 项参数面板 */
.htjc-stats-bar{
  background: rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:14px;
  padding:18px 22px;
  margin-top:6px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.htjc-stat{ flex:1 1 0%; min-width:120px; display:flex; flex-direction:column; gap:6px; }
.htjc-stat-l{
  font-size:11px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:rgba(201,162,75,0.95) !important;
}
.htjc-stat-v{
  font-size:17px; font-weight:700;
  color:#ffffff !important;
  line-height:1.2; word-break:break-word;
}

/* 按钮组在 hero 内左对齐 */
.htjc-hero-info .htjc-btn-group{ margin-top:10px; flex-wrap:wrap; }
.htjc-hero-info .htjc-btn-group .htjc-btn-gold,
.htjc-hero-info .htjc-btn-group .htjc-btn-outline{ margin:0; }

/* 响应式 */
@media (max-width:768px){
  .htjc-hero-info{ max-width:100%; }
  .htjc-stats-bar{ padding:14px 16px; }
  .htjc-stat{ min-width:calc(50% - 12px); flex:1 1 calc(50% - 12px); }
  .htjc-stat-v{ font-size:15px; }}
@media (max-width:480px){
  .htjc-stat{ min-width:100%; flex:1 1 100%; }}


/* ===== 车型详情 hero v3：Ele Pro Shortcode widget 全屏背景 + overlay 容器蒙层 ===== */
.htjc-hero-vehicle{
  position:relative;
  overflow:hidden;
  min-height:560px;
  background:#0b1f3a;
  isolation:isolate;
}
/* 关掉旧的 ::before 蒙层（改用 overlay 容器） */
.htjc-hero-vehicle::before{ display:none !important; }

/* Layer 1: 全屏背景车图（Shortcode widget 渲染的 <img>） */
.htjc-hero-bg,
.htjc-hero-vehicle .htjc-hero-bg,
.htjc-hero-vehicle .elementor-widget .htjc-hero-bg,
.htjc-hero-vehicle .elementor-widget-container .htjc-hero-bg{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  display:block;
  margin:0 !important;
  padding:0 !important;
}

/* Layer 2: 左侧暗渐变蒙层（空容器） */
.htjc-hero-overlay,
.htjc-hero-vehicle .htjc-hero-overlay{
  position:absolute !important;
  inset:0;
  z-index:1;
  pointer-events:none;
  background: linear-gradient(95deg,
    rgba(11,31,58,0.96) 0%,
    rgba(11,31,58,0.82) 22%,
    rgba(11,31,58,0.45) 48%,
    rgba(11,31,58,0.15) 72%,
    rgba(11,31,58,0.02) 100%);
}

/* Layer 3: 信息容器（z-index 2，浮在最上） */
.htjc-hero-info{ position:relative; z-index:2; max-width:640px; }
.htjc-hero-back{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  background: rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.20);
  color:#eaf0f7 !important;
  font-size:13px; font-weight:600;
  text-decoration:none;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.htjc-hero-pill{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  background: rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.18);
  color:#ffffff !important;
  font-size:12px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
}

.htjc-h1-hero, .htjc-h1-hero .elementor-heading-title,
.htjc-h1-hero .htjc-single-title, .htjc-h1-hero *{
  color:#ffffff !important;
  font-size:clamp(34px,5vw,58px) !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  text-shadow:0 2px 18px rgba(0,0,0,0.6);
}
.htjc-title-year{ color:var(--htjc-gold,#C9A24B) !important; text-shadow:0 2px 14px rgba(0,0,0,0.7); }

.htjc-hero-sub{
  color:#dce6f2 !important;
  font-size:16px; font-weight:600; line-height:1.5;
  margin:0; max-width:560px;
  text-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.htjc-stats-bar{
  background: rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.16);
  border-radius:14px;
  padding:18px 22px;
  margin-top:6px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

@media (max-width:768px){
  .htjc-hero-info{ max-width:100%; }
  .htjc-stats-bar{ padding:14px 16px; }
  .htjc-stat{ min-width:calc(50% - 12px); flex:1 1 calc(50% - 12px); }
  .htjc-stat-v{ font-size:15px; }}
@media (max-width:480px){}


/* ===== 车型详情 hero 收尾打磨（加强左侧暗区 + 收紧高度） ===== */
.htjc-hero-vehicle{
  min-height:600px;
  padding:52px 24px 52px 56px;
}
.htjc-hero-overlay,
.htjc-hero-vehicle .htjc-hero-overlay{
  background: linear-gradient(95deg,
    rgba(11,31,58,0.97) 0%,
    rgba(11,31,58,0.90) 24%,
    rgba(11,31,58,0.72) 46%,
    rgba(11,31,58,0.42) 64%,
    rgba(11,31,58,0.16) 80%,
    rgba(11,31,58,0.03) 100%);
}
.htjc-hero-info > .e-con-inner{ gap:16px; }
.htjc-h1-hero, .htjc-h1-hero .elementor-heading-title,
.htjc-h1-hero .htjc-single-title, .htjc-h1-hero *{
  font-size:clamp(32px,4.4vw,52px) !important;
  line-height:1.04 !important;
}
.htjc-hero-sub{
  font-size:15px;
  text-shadow:0 2px 12px rgba(0,0,0,0.75) !important;
  max-width:540px;
}
.htjc-stats-bar{ margin-top:2px; padding:16px 20px; }
.htjc-stat-v{ font-size:16px; }
.htjc-hero-info .htjc-btn-group{ margin-top:4px; }

@media (max-width:768px){
  .htjc-hero-vehicle{ min-height:auto; padding:40px 18px 44px 18px; }
  .htjc-hero-sub{ max-width:100%; }}


/* ===== 车型详情 hero 收口：收进 820 视口，按钮必在首屏 ===== */
.htjc-hero-vehicle{
  min-height:auto;
  padding:40px 24px 44px 52px;
}
.htjc-hero-info > .e-con-inner{ gap:14px; }
.htjc-h1-hero, .htjc-h1-hero .elementor-heading-title,
.htjc-h1-hero .htjc-single-title, .htjc-h1-hero *{
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1.04 !important;
}
.htjc-hero-sub{ font-size:14px; margin-top:2px; }
.htjc-stats-bar{ padding:14px 18px; margin-top:0; }
.htjc-stat-v{ font-size:15px; }
.htjc-hero-info .htjc-btn-group{ margin-top:2px; }
.htjc-hero-info .htjc-btn-gold,
.htjc-hero-info .htjc-btn-outline{ font-size:15px; padding:13px 22px; }

@media (max-width:1024px){
  .htjc-hero-vehicle{ padding:36px 20px 40px 44px; }}


/* ===== 按钮组：强制横向并排（覆盖 Elementor 容器默认竖直） ===== */
.htjc-btn-group,
.htjc-hero-vehicle .htjc-btn-group,
.htjc-cta-band .htjc-btn-group{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
.htjc-btn-group .htjc-btn-gold,
.htjc-btn-group .htjc-btn-outline,
.htjc-btn-group .elementor-button-wrapper,
.htjc-btn-group .elementor-button{
  width:auto !important;
  flex:0 0 auto !important;
  max-width:none !important;
}
@media (max-width:480px){
  .htjc-btn-group{ flex-direction:column !important; align-items:stretch; }
  .htjc-btn-group .htjc-btn-gold,
  .htjc-btn-group .htjc-btn-outline{ width:100% !important; }}


/* ===== 车型详情 hero 收口 v2 ===== */
.htjc-hero-vehicle{
  padding:36px 24px 36px 48px;
}
.htjc-hero-info > .e-con-inner{ gap:13px; }
.htjc-stats-bar{ margin-top:6px; border:1px solid rgba(255,255,255,0.16); }
.htjc-hero-sub{ margin-top:4px; }


/* ===== 车型详情 hero 收口 v3：固定视口高度 + 信息垂直居中，按钮必在首屏 ===== */
.htjc-hero-vehicle{
  min-height:78vh !important;
  height:78vh !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:32px 24px 32px 48px;
  overflow:hidden;
}
.htjc-hero-vehicle > .e-con-inner{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
@media (max-width:768px){
  .htjc-hero-vehicle{ min-height:auto !important; height:auto !important; padding:32px 18px 36px 18px; }}


/* ===== WhatsApp 描边按钮：文字转纯白，保证深蓝渐变上可读 ===== */
.htjc-btn-outline,
.htjc-hero-vehicle .htjc-btn-outline,
.htjc-cta-band .htjc-btn-outline{
  color:#ffffff !important;
  border-color:rgba(255,255,255,0.65) !important;
}
.htjc-btn-outline:hover{
  color:var(--htjc-navy) !important;
  background:rgba(255,255,255,1.00) !important;
}
.htjc-btn-outline .elementor-button-content-wrapper,
.htjc-btn-outline .elementor-button-text{
  color:#ffffff !important;
}


/* ===== 车型详情 hero：4 项参数改为小块紧凑磨砂，不挡车 ===== */
.htjc-stats-bar{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:flex-start;
  gap:12px 22px;
  padding:9px 18px;
  background:rgba(11,31,58,0.48);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:10px;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  width:fit-content !important;
  max-width:100%;
  align-self:flex-start;
  margin:0;
  box-shadow:none;
}
.htjc-stats-bar .htjc-stat{
  flex:0 0 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
  padding:0;
  border:none;
  background:none;
  text-align:left;
}
.htjc-stats-bar .htjc-stat-l{
  font-size:10px;
  letter-spacing:0.1em;
  line-height:1.2;
}
.htjc-stats-bar .htjc-stat-v{
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  white-space:nowrap;
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* ===== 强压参数项为内联小块：禁止撑满 100%，强制横向紧凑 ===== */
.htjc-stats-bar,
.htjc-hero-vehicle .htjc-stats-bar{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px 16px !important;
  padding:8px 16px !important;
  width:fit-content !important;
  max-width:100%;
  background:rgba(11,31,58,0.55) !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  border-radius:10px;
}
.htjc-stats-bar > .htjc-stat,
.htjc-hero-vehicle .htjc-stats-bar .htjc-stat{
  display:inline-flex !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:160px !important;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  padding:0 !important;
  border:none !important;
  background:none !important;
  text-align:left;
}
.htjc-stats-bar .htjc-stat-l{
  font-size:10px !important;
  line-height:1.15 !important;
  letter-spacing:0.08em;
}
.htjc-stats-bar .htjc-stat-v{
  font-size:12px !important;
  font-weight:600;
  line-height:1.2 !important;
  white-space:nowrap !important;
  max-width:150px !important;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* ===== 4 项参数改为 2×2 紧凑网格：更像小方块，不拉长 ===== */
.htjc-stats-bar,
.htjc-hero-vehicle .htjc-stats-bar{
  display:grid !important;
  grid-template-columns:repeat(2, max-content) !important;
  gap:8px 22px !important;
  padding:10px 18px !important;
  width:fit-content !important;
  max-width:100%;
}
.htjc-stats-bar .htjc-stat{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  min-width:0;
}
.htjc-stats-bar .htjc-stat-v{
  white-space:nowrap;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* ============================================================
   /vehicles/ 列表卡片：4 列 + 品牌 pill + 3 芯片 + 询价条 + 双按钮
   参考设计：BYD preview/models 页
   ============================================================ */
.htjc-vehicle-grid.htjc-grid-4{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px !important; }
@media (max-width:1100px){ .htjc-vehicle-grid.htjc-grid-4{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }}
@media (max-width:820px){ .htjc-vehicle-grid.htjc-grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }}
@media (max-width:560px){ .htjc-vehicle-grid.htjc-grid-4{ grid-template-columns:1fr !important; }}

/* 卡片整体 */
.htjc-vehicle-card{
  display:flex !important; flex-direction:column !important;
  background:#ffffff !important;
  border:1px solid #e6ebf2 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 2px 8px rgba(11,31,58,0.04) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.htjc-vehicle-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(11,31,58,0.10) !important;
}

/* 图 + 品牌 pill */
.htjc-card-img-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:16/10 !important;
  overflow:hidden !important;
  background:#eef2f7 !important;
}
.htjc-card-img-wrap > a{ display:block; width:100%; height:100%; }
.htjc-card-img-wrap img{
  width:100% !important; height:100% !important;
  object-fit:cover !important; display:block !important;
  margin:0 !important; padding:0 !important;
}
.htjc-card-brand{
  position:absolute !important;
  top:12px !important; left:12px !important;
  display:inline-block !important;
  padding:5px 12px !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:0.06em !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:0 2px 6px rgba(0,0,0,.18) !important;
  text-transform:uppercase;
  line-height:1.2;
}

/* 卡片正文 */
.htjc-card-body{
  display:flex !important; flex-direction:column !important;
  padding:16px 16px 18px !important;
  gap:10px !important;
  flex:1 1 auto !important;
}
.htjc-card-title{
  margin:0 !important;
  font-size:16px !important; line-height:1.35 !important; font-weight:700 !important;
  color:var(--htjc-navy) !important;
}
.htjc-card-title a{ color:inherit !important; text-decoration:none !important; }
.htjc-card-title a:hover{ color:var(--htjc-gold) !important; }
.htjc-card-sub{
  margin:0 !important;
  font-size:13px !important; color:#6b7280 !important; line-height:1.4 !important;
}

/* 3 芯片行（里程/功率/照片数） */
.htjc-card-chips{
  display:flex !important; flex-wrap:wrap !important;
  justify-content:space-between !important;
  gap:6px 0 !important;
  margin:2px 0 4px !important; padding:0 !important; list-style:none !important;
}
.htjc-chip{
  display:inline-flex !important; align-items:center !important; gap:5px !important;
  padding:3px 9px !important;
  font-size:12px !important; line-height:1.3 !important;
  color:#374151 !important;
  background:#f3f5f8 !important;
  border-radius:999px !important;
  white-space:nowrap !important;
}
.htjc-ic{ width:14px !important; height:14px !important; flex:0 0 auto !important; }
.htjc-chip-range{ background:#f5f7fa !important; color:#1b3a6b !important; border:1px solid #d6deeb !important; }
.htjc-chip-range .htjc-ic{ color:#C9A24B !important; }
.htjc-chip-motor .htjc-ic{ color:#1b3a6b !important; }
.htjc-chip-photo .htjc-ic{ color:#6b7280 !important; }
.htjc-chip-drive .htjc-ic{ color:#1b3a6b !important; }
.htjc-chip-drive-fwd{ background:#f5f7fa !important; color:#1b3a6b !important; border:1px solid #d6deeb !important; }
.htjc-chip-drive-rwd{ background:#f5f7fa !important; color:#1b3a6b !important; border:1px solid #d6deeb !important; }
.htjc-chip-drive-awd{ background:#f5f7fa !important; color:#1b3a6b !important; border:1px solid #d6deeb !important; }
.htjc-chip-drive-fwd .htjc-ic{ color:#C9A24B !important; }
.htjc-chip-drive-rwd .htjc-ic{ color:#C9A24B !important; }
.htjc-chip-drive-awd .htjc-ic{ color:#C9A24B !important; }

/* 询价条 - navy 主题色 */
.htjc-card-price{
  display:flex !important; align-items:center !important; gap:6px !important;
  padding:7px 10px !important;
  background:#ffffff !important;
  border:1px solid #1b3a6b !important;
  border-radius:8px !important;
  color:#1b3a6b !important;
  font-size:12.5px !important; font-weight:600 !important;
  line-height:1.3 !important;
}
.htjc-price-mark{ color:#0e2a4a !important; font-size:11px !important; font-weight:700 !important; letter-spacing:0.06em !important; background:#DBEAFE !important; border:1px solid rgba(14,42,74,.18) !important; padding:3px 9px !important; border-radius:999px !important; }

/* 双按钮 */
.htjc-card-actions{
  display:flex !important; align-items:center !important; gap:8px !important; margin-top:4px !important;
}
.htjc-card-actions .htjc-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:9px 14px !important;
  font-size:13px !important; font-weight:700 !important;
  border-radius:8px !important;
  text-decoration:none !important;
  transition:all .15s ease;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.htjc-card-actions .htjc-btn-filled{ flex:0 0 auto !important; }
.htjc-card-actions .htjc-btn-outline{ margin-left:auto !important; flex:0 0 auto !important; }
.htjc-card-actions .htjc-btn-filled{
  background:var(--htjc-navy) !important;
  color:#fff !important;
  border:1px solid var(--htjc-navy) !important;
}
.htjc-card-actions .htjc-btn-filled:hover{ background:#0b1f3a !important; }
.htjc-card-actions .htjc-btn-outline{
  background:#fff !important;
  color:var(--htjc-navy) !important;
  border:1px solid var(--htjc-navy) !important;
}
.htjc-card-actions .htjc-btn-outline:hover{ background:var(--htjc-navy) !important; color:#fff !important; }


/* ===== CTA bleeds into footer as ONE continuous block ===== */
/* Outer white wrapper: no bg + no padding so CTA panel meets the footer flush (kills the white gap) */
.htjc-white:has(.htjc-cta){
  background:transparent !important;
  padding:0 !important;
}
.htjc-white:has(.htjc-cta) .e-con-inner{ padding-top:0 !important; padding-bottom:0 !important; }
/* Zero lateral padding of every wrapper EXCEPT the CTA itself and its content, so the dark bg can bleed to the edges */
.htjc-white:has(.htjc-cta) :not(.htjc-cta, .htjc-cta *){ padding-left:0 !important; padding-right:0 !important; }
/* All ancestor wrappers inside .htjc-white become full-bleed (post-1138.css otherwise pins them to 1200px) */
.htjc-white:has(.htjc-cta) .e-con,
.htjc-white:has(.htjc-cta) .e-con-inner{
  max-width:none !important;
  width:100% !important;
  --content-width:100% !important;
  --container-max-width:100% !important;
}
/* The CTA panel itself: full-bleed dark background, no radius, glued to footer */
.htjc-cta{
  --width:100% !important;
  width:100% !important;
  max-width:none !important;
  border-radius:0 !important;
  margin-bottom:0 !important;
  padding:64px 40px !important;
}
/* Bottom fade: blend the CTA photo into the footer's navy (#0b1f3a) for a seamless one-block look */
.htjc-cta{ position:relative; }
.htjc-cta::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:130px;
  background:linear-gradient(to bottom, rgba(11,31,58,0) 0%, rgba(11,31,58,.55) 55%, #0b1f3a 100%);
  pointer-events:none;
  z-index:1;
}
.htjc-cta > .e-con-inner{ position:relative; z-index:2; }

/* Content inside the CTA stays in the standard 1200px column, aligned with the rest of the page */
.htjc-white:has(.htjc-cta) .htjc-cta > .e-con-inner{
  max-width:1200px !important;
  --content-width:1200px !important;
  --container-max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}


/* Footer color: switch from navy to neutral grey (user request 2026-09-14) */
.htjc-footer{ background:#3F3F3F !important; }
/* All footer headings must be WHITE on the grey bg (their inline Elementor heading color is brand navy, unreadable) */
.htjc-footer h1,
.htjc-footer h2,
.htjc-footer h3,
.htjc-footer h4,
.htjc-footer h5,
.htjc-footer .elementor-heading-title{
  color:#fff !important;
}
/* Footer copyright + slogan: was rgb(122,122,122), too dim on grey — bump to light blue-grey like the links */
.htjc-footer .htjc-foot-copy,
.htjc-footer .htjc-foot-copy *{ color:#c3cee0 !important; }


/* ===== 2026-09-14: 国际风 header + Hero 改造 ===== */

/* Header 国际冰川蓝（覆盖 Elementor 旧 #0b1f3a） */
.htjc-header, .elementor-element-3c7ac3e, .elementor-1135 .e-con, .elementor-1135 .e-con-inner{
  background-color:#1e3a5f !important;
}

/* 隐藏 WP 默认 page title（与 Hero 浮卡内容重复） */
.page h1.entry-title,
.page .entry-header,
.single h1.entry-title,
.single .entry-header,
body.page h1.entry-title{
  display:none !important;
}

/* Hero 重新设计：左栏文字 + 右栏车图（split layout，白底国际风） */
.htjc-hero-card,
.htjc-hero-sm.htjc-hero-card{
  min-height:560px !important;
  background-color:#ffffff !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
}
/* Right column: car image */


/* Info card on the left, normal flow */
/* Hero: full-bleed interior image as background */
.htjc-hero-card{
  background-image:url('https://htjcauto.com/wp-content/uploads/2026/09/hero-interior.jpg') !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-color:#0b1f3a !important;
  min-height:600px !important;
}
/* Dark gradient overlay: deeper at bottom-left where the info card sits */
.htjc-hero-card::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important; left:0 !important; bottom:0 !important;
  width:100% !important; height:100% !important;
  background:linear-gradient(135deg, rgba(11,31,58,0.82) 0%, rgba(11,31,58,0.55) 28%, rgba(11,31,58,0.18) 55%, rgba(11,31,58,0) 80%) !important;
  z-index:1 !important;
  pointer-events:none !important;
  right:auto !important;
}
.htjc-hero-card .htjc-hero-info{
  position:absolute !important;
  z-index:5 !important;
  left:56px !important;
  top:56px !important;
  bottom:auto !important; right:auto !important;
  transform:none !important;
  width:auto !important;
  max-width:500px !important;
  margin:0 !important;
  padding:22px 28px 18px !important;
  background-color:transparent !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  border-radius:0 !important;
  isolation:auto !important;
  box-shadow:none !important;
  color:#0e2a4a !important;
}
/* Add a subtle glass highlight on the top edge */
.htjc-hero-card .htjc-hero-info::before{
  content:none !important;
}
.htjc-hero-card .htjc-hero-info .htjc-h1,
.htjc-hero-card .htjc-hero-info .elementor-heading-title,
.htjc-hero-card .htjc-hero-info h1{
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:36px !important;
  line-height:1.1 !important;
  letter-spacing:-0.02em !important;
  margin:0 0 10px !important;
  text-shadow:0 2px 14px rgba(0,0,0,0.55) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-lead,
.htjc-hero-card .htjc-hero-info p{
  color:rgba(255,255,255,1.00) !important;
  font-size:15px !important;
  line-height:1.55 !important;
  margin:0 0 18px !important;
  text-shadow:0 1px 8px rgba(0,0,0,0.5) !important;
  max-width:480px !important;
}
/* CTA buttons row */
.htjc-hero-card .htjc-hero-info .htjc-cta-row,
.htjc-hero-card .htjc-hero-info .htjc-btns{
  display:flex !important;
  gap:12px !important;
  margin-top:6px !important;
  flex-wrap:wrap !important;
}
.htjc-hero-info .htjc-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:12px 22px !important;
  border-radius:10px !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-decoration:none !important;
  transition:all .25s ease !important;
}
.htjc-hero-card .htjc-hero-info .htjc-btn-primary{
  background:#C9A24B !important;
  color:#0b1f3a !important;
  border:1.5px solid #C9A24B !important;
  box-shadow:0 8px 20px rgba(201,162,75,0.35) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-btn-primary:hover{
  background:#E6C97A !important;
  border-color:#E6C97A !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 24px rgba(201,162,75,0.45) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-btn-outline{
  background:transparent !important;
  color:#ffffff !important;
  border:1.5px solid rgba(255,255,255,0.7) !important;
}
.htjc-hero-info .htjc-btn:hover{transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(30,58,95,0.18) !important;}
/* Brand chip on top-left of info */
.htjc-hero-card .htjc-hero-info .htjc-hero-brand-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 14px !important;
  border-radius:999px !important;
  background:rgba(201,162,75,0.18) !important;
  color:#E6C97A !important;
  border:1px solid rgba(201,162,75,0.45) !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:0.1em !important;
  text-transform:uppercase !important;
  margin-bottom:14px !important;
}
.htjc-hero-info .htjc-hero-brand-chip svg{width:14px !important;height:14px !important;}
/* Hide original eyebrow */
.htjc-hero-info .htjc-eyebrow{display:none !important;}
/* Hide secondary text-editor text below */
.htjc-hero-card .htjc-hero-info .htjc-hero-meta{
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
  margin-top:24px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(255,255,255,0.18) !important;
}
.htjc-hero-info .htjc-hero-meta-item{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-meta-num{
  font-size:24px !important;
  font-weight:800 !important;
  color:#ffffff !important;
  line-height:1 !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-meta-lbl{
  font-size:11px !important;
  color:rgba(255,255,255,0.65) !important;
  text-transform:uppercase !important;
  letter-spacing:0.1em !important;
}
/* responsive */
@media(max-width:1100px){
  .htjc-hero-card::after,
  .htjc-hero-card::before{width:50% !important;}
  .htjc-hero-card > .e-con-inner{
    grid-template-columns:minmax(380px,55%) 1fr !important;
    padding:48px 56px !important;
  }
  .htjc-hero-info .elementor-heading-title{font-size:36px !important;}}
@media(max-width:768px){
  .htjc-hero-card::after,
  .htjc-hero-card::before{display:none !important;}
  .htjc-hero-card > .e-con-inner{
    grid-template-columns:1fr !important;
    padding:40px 24px !important;
  }
  .htjc-hero-info .elementor-heading-title{font-size:30px !important;}
  .htjc-hero-info .htjc-hero-meta{flex-wrap:wrap !important;gap:14px !important;}}
.htjc-hero-info .htjc-eyebrow{ display:none !important; }
.htjc-hero-info .htjc-h1,
.htjc-hero-info .elementor-heading-title,
.htjc-hero-info h1{
  font-size:32px !important; line-height:1.18 !important; margin:0 0 8px !important;
}
.htjc-hero-info .htjc-lead,
.htjc-hero-info p{
  font-size:14.5px !important; line-height:1.5 !important; margin:0 !important;
}

@media (max-width:1100px){
  .htjc-hero-info{ left:24px !important; right:24px !important; width:auto !important; max-width:none !important; bottom:24px !important; }}
@media (max-width:640px){
  .htjc-hero-info{ padding:18px 18px !important; bottom:16px !important; }
  .htjc-hero-info .htjc-h1,.htjc-hero-info .elementor-heading-title,.htjc-hero-info h1{ font-size:22px !important; }}

/* Hero CTA buttons + Trust Strip */
.htjc-hero-cta-row{display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin-top:24px !important;}
.htjc-hero-btn{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  padding:13px 24px !important;border-radius:10px !important;
  font-weight:600 !important;font-size:15px !important;
  text-decoration:none !important;transition:all .25s ease !important;
  cursor:pointer !important;
}
.htjc-hero-btn-primary{background:#1e3a5f !important;color:#fff !important;}
.htjc-hero-btn-primary:hover{background:#16294a !important;transform:translateY(-1px) !important;box-shadow:0 8px 20px rgba(30,58,95,0.25) !important;}
.htjc-hero-btn-outline{background:transparent !important;color:#1e3a5f !important;border:1.5px solid #1e3a5f !important;}
.htjc-hero-btn-outline:hover{background:#1e3a5f !important;color:#fff !important;transform:translateY(-1px) !important;}

.htjc-hero-strip{display:flex !important;align-items:center !important;gap:0 !important;margin-top:36px !important;padding-top:28px !important;border-top:1px solid #e5e7eb !important;flex-wrap:wrap !important;}
.htjc-hero-strip-item{display:flex !important;flex-direction:column !important;gap:2px !important;padding:0 22px !important;}
.htjc-hero-strip-item:first-child{padding-left:0 !important;}
.htjc-hero-strip-n{font-size:24px !important;font-weight:800 !important;color:#1e3a5f !important;line-height:1 !important;letter-spacing:-0.02em !important;}
.htjc-hero-strip-l{font-size:11px !important;color:#6b7280 !important;text-transform:uppercase !important;letter-spacing:0.1em !important;margin-top:4px !important;}
.htjc-hero-strip-sep{width:1px !important;height:32px !important;background:#e5e7eb !important;}

/* Hide original sub-text below title (eyebrow already hidden) */
.htjc-hero-info p:not(.htjc-lead){font-size:17px !important;line-height:1.55 !important;color:#ffffff !important;margin:0 0 8px !important;max-width:520px !important;text-shadow:0 1px 4px rgba(0,0,0,0.6), 0 2px 10px rgba(0,0,0,0.35) !important;}
.htjc-hero-info .elementor-widget-heading h1.elementor-heading-title{font-size:48px !important;line-height:1.1 !important;letter-spacing:-0.025em !important;margin:0 0 18px !important;}

@media(max-width:1100px){
  .htjc-hero-info .elementor-widget-heading h1.elementor-heading-title{font-size:38px !important;}}
@media(max-width:768px){
  .htjc-hero-info .elementor-widget-heading h1.elementor-heading-title{font-size:30px !important;}
  .htjc-hero-strip{padding-top:20px !important;margin-top:24px !important;}
  .htjc-hero-strip-item{padding:0 14px !important;}
  .htjc-hero-strip-n{font-size:20px !important;}}

/* Hero CTA + trust strip */
.htjc-hero-card .htjc-hero-actions{
  display:flex !important; gap:12px !important; flex-wrap:wrap !important;
  margin-top:14px !important; align-items:center !important;
}
.htjc-hero-card .htjc-hero-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:11px 22px !important; border-radius:9px !important;
  font-size:14px !important; font-weight:700 !important;
  text-decoration:none !important; line-height:1 !important;
  transition:all .25s ease !important; border:2px solid transparent !important;
}
.htjc-hero-card .htjc-hero-btn-primary{
  background-color:#C9A24B !important; color:#0b1f3a !important;
  box-shadow:0 8px 20px rgba(201,162,75,0.35) !important; border-color:#C9A24B !important;
}
.htjc-hero-card .htjc-hero-btn-primary:hover{
  background-color:#E6C97A !important; border-color:#E6C97A !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 28px rgba(201,162,75,0.5) !important;
}
.htjc-hero-card .htjc-hero-btn-ghost{
  background-color:transparent !important; color:#ffffff !important;
  border:2px solid rgba(255,255,255,0.7) !important;
}
.htjc-hero-card .htjc-hero-btn-ghost:hover{
  background-color:rgba(255,255,255,0.12) !important; color:#ffffff !important;
  border-color:#ffffff !important;
}
.htjc-hero-card .htjc-hero-trust{
  display:flex !important; gap:18px !important; flex-wrap:wrap !important;
  margin-top:14px !important; font-size:12.5px !important;
  color:rgba(255,255,255,0.82) !important; font-weight:600 !important;
  padding-top:12px !important;
  border-top:1px solid rgba(255,255,255,0.2) !important;
}
.htjc-hero-card .htjc-trust-i{
  position:relative !important; padding-left:17px !important;
}
.htjc-hero-card .htjc-trust-i::before{
  content:"" !important; position:absolute !important; left:0 !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:7px !important; height:7px !important; border-radius:50% !important;
  background-color:#C9A24B !important;
  box-shadow:0 0 8px rgba(201,162,75,0.6) !important;
}
/* Hide the widget-level wrapper chrome for the injected html widget */
.htjc-hero-card .elementor-element-htjcherocta{ margin:0 !important; }

/* === Hero v8 reference layout === */

/* Hide legacy eyebrow / H1 / lead widgets inside hero-card so the new html widget becomes the sole content */
.htjc-hero-card .elementor-element-7245e9c,
.htjc-hero-card .elementor-element-92bb610,
.htjc-hero-card .elementor-element-4627f82{
  display:none !important;
}

/* Top pills row */
.htjc-hero-card .htjc-hero-info .htjc-hero-pills{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 18px !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-back{
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:0.02em !important;
  opacity:0.78 !important;
  transition:opacity .2s ease !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-back:hover{ opacity:1 !important; }
.htjc-hero-card .htjc-hero-info .htjc-hero-tag{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:7px 14px !important;
  background:#1e3a5f !important;
  color:#ffffff !important;
  border-radius:99px !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:0.06em !important;
  box-shadow:0 4px 14px rgba(30,58,95,0.4) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-tag svg{ flex-shrink:0 !important; }

/* Dual-color XL heading */
.htjc-hero-card .htjc-hero-info .htjc-hero-h1-xl{
  color:#ffffff !important;
  font-size:54px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
  letter-spacing:-0.025em !important;
  margin:0 0 12px !important;
  text-shadow:none !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-accent{
  color:#C9A24B !important;
}

/* XL lead */
.htjc-hero-card .htjc-hero-info .htjc-hero-lead-xl{
  color:rgba(255,255,255,0.95) !important;
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  margin:0 0 22px !important;
  max-width:540px !important;
  text-shadow:none !important;
}

/* Horizontal specs panel (4 cols) - lighter background to match card */
.htjc-hero-card .htjc-hero-info .htjc-hero-specs{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:0 !important;
  background-color:rgba(255,255,255,0.92) !important;
  background:rgba(255,255,255,0.92) !important;
  backdrop-filter:blur(14px) saturate(1.3) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3) !important;
  border:1px solid rgba(255,255,255,0.6) !important;
  border-radius:14px !important;
  padding:18px 6px !important;
  margin:0 0 22px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.4) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-spec-i{
  padding:0 16px !important;
  border-right:1px solid rgba(14,42,74,0.12) !important;
  text-align:left !important;
}
.htjc-hero-card .htjc-hero-info .htjc-spec-i:last-child{
  border-right:none !important;
}
.htjc-hero-card .htjc-hero-info .htjc-spec-l{
  font-size:11px !important;
  font-weight:700 !important;
  color:rgba(14,42,74,0.55) !important;
  letter-spacing:0.12em !important;
  margin:0 0 4px !important;
}
.htjc-hero-card .htjc-hero-info .htjc-spec-n{
  font-size:26px !important;
  font-weight:800 !important;
  color:#0e2a4a !important;
  line-height:1.1 !important;
  letter-spacing:-0.01em !important;
}
.htjc-hero-card .htjc-hero-info .htjc-spec-u{
  font-size:14px !important;
  font-weight:600 !important;
  color:rgba(14,42,74,0.6) !important;
  margin-left:2px !important;
}

/* Dual CTA (XL) */
.htjc-hero-card .htjc-hero-info .htjc-hero-actions-xl{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  margin-top:0 !important;
}

/* Gold accent on the headline MODELS number to reinforce 52+ promise */
.htjc-hero-card .htjc-hero-info .htjc-hero-specs .htjc-spec-i:first-child .htjc-spec-n{
  color:#C9A24B !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:13px 26px !important;
  border-radius:10px !important;
  font-size:14.5px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  line-height:1 !important;
  transition:all .25s ease !important;
  border:1.5px solid transparent !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl-primary{
  background-color:#1e3a5f !important;
  color:#ffffff !important;
  border-color:#1e3a5f !important;
  box-shadow:0 8px 20px rgba(30,58,95,0.35) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl-primary:hover{
  background-color:#2a4f7c !important;
  border-color:#2a4f7c !important;
  transform:translateY(-2px) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl-ghost{
  background-color:rgba(255,255,255,0.35) !important;
  color:#0e2a4a !important;
  border-color:rgba(14,42,74,0.7) !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl-ghost:hover{
  background-color:#0e2a4a !important;
  color:#ffffff !important;
  border-color:#0e2a4a !important;
  transform:translateY(-2px) !important;
}
.htjc-footer, .htjc-footer p, .htjc-footer li{ color:#0e2a4a !important; }
.htjc-footer a{ color:#1e4a8a !important; font-weight:600; }
.htjc-footer a:hover{ color:#0e2a4a !important; text-decoration:underline; }
.htjc-footer .htjc-foot-copy{ color:#3a5a8a !important; }
.htjc-footer hr, .htjc-footer .htjc-foot-div{ border-color:rgba(14,42,74,0.12) !important; }
.htjc-footer .elementor-social-icons-wrapper a{ color:#1e4a8a !important; }
.htjc-footer .elementor-social-icons-wrapper a:hover{
  color:#0e2a4a !important;
  background:rgba(14,42,74,0.08) !important;
  border-radius:50%;
}
/* Footer logo: keep chip look */
.htjc-footer .htjc-logo img{
  border-radius:14px !important;
  box-shadow:0 4px 16px rgba(0,0,0,0.1) !important;
  width:144px !important;
  height:144px !important;
}
/* Brand filter: pale ice-blue section bg */
.htjc-brand-filter{ background:transparent !important; border:none !important; padding:0 !important; }

/* Cards: ice-blue frosted top gradient strip */
.htjc-card-body{ position:relative; }
.htjc-card-body::before{ content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(to bottom, rgba(220,232,245,0.7) 0%, transparent 100%); pointer-events:none; z-index:2; border-radius:14px 14px 0 0; }
/* === Home hero v23 — match reference layout (blue accent + pills + scroll) === */
/* H1 — large, two-tone, drop shadow on dark hero */
.htjc-hero .htjc-h1,
.htjc-hero .htjc-h1 .elementor-heading-title{
  font-size:54px !important; line-height:1.05 !important; font-weight:800 !important;
  color:#fff !important; letter-spacing:-0.5px !important;
  text-shadow:0 4px 24px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.25) !important;
  margin:0 0 18px !important; max-width:760px !important; }
.htjc-hero .htjc-h1 .htjc-hero-accent{ color:#6FA8E6 !important; }
/* Lead paragraph */
.htjc-hero .htjc-hero-sub,
.htjc-hero p{ color:rgba(255,255,255,1.00) !important; font-size:18px !important; line-height:1.6 !important;
  font-weight:400 !important; max-width:600px !important; margin:0 0 28px !important;
  text-shadow:0 2px 10px rgba(0,0,0,0.4) !important; }
/* Pills row (factory-sourced / worldwide shipping chips) */
.htjc-hero .htjc-hero-pills{ display:flex !important; gap:10px !important; margin:0 0 22px !important;
  flex-wrap:wrap !important; }


/* Primary button — ice blue (was gold) */

/* Ghost button — black outline, white text */

/* Scroll indicator (bottom center) */
.htjc-hero .htjc-hero-scroll{ display:flex !important; flex-direction:column !important;
  align-items:center !important; gap:6px !important; color:rgba(255,255,255,0.75) !important;
  font-size:11px !important; font-weight:600 !important; letter-spacing:3px !important;
  text-transform:uppercase !important; position:absolute !important; bottom:30px !important;
  left:50% !important; transform:translateX(-50%) !important; z-index:5 !important;
  pointer-events:none !important; }
.htjc-hero .htjc-hero-scroll svg{ width:18px; height:18px; opacity:0.85; }
@keyframes htjcScrollBob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)} }
.htjc-hero .htjc-hero-scroll svg{ animation:htjcScrollBob 1.6s ease-in-out infinite; }
/* === Home hero v24 — 1:1 reference replication (frosted ghost button + SCROLL + pills) === */
/* Pills wrapper spacing */


/* Ghost button: navy frosted (was black outline) — match reference */

/* === Home hero v26 — final button shapes: gold rounded-rect, outline pill === */


/* === Home hero v27 — pills = single rect container; btn-ghost = navy frosted rect (NOT pill) === */
/* Pills: ONE rectangular rounded container with inline content (no separate inner pills) */
.htjc-hero-pills-wrap{ margin:0 0 22px !important; }
.htjc-hero .htjc-hero-pills{
  display:inline-flex !important; align-items:center !important; gap:12px !important;
  padding:9px 18px !important; background:rgba(11,31,58,0.55) !important;
  border:1px solid rgba(255,255,255,0.25) !important; border-radius:8px !important;
  backdrop-filter:blur(12px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.2) !important;
  box-shadow:0 4px 14px rgba(0,0,0,0.18) !important; }
.htjc-hero .htjc-hero-pills .htjc-hero-pill-item{ display:inline-flex !important; align-items:center !important; gap:7px !important;
  color:#fff !important; font-size:12px !important; font-weight:700 !important;
  letter-spacing:1.4px !important; text-transform:uppercase !important;
  background:transparent !important; border:none !important; padding:0 !important;
  border-radius:0 !important; backdrop-filter:none !important; }
.htjc-hero .htjc-hero-pills .htjc-hero-pill-item svg{ width:14px !important; height:14px !important; flex-shrink:0; }
.htjc-hero .htjc-hero-pills .htjc-hero-pill-sep{ color:rgba(255,255,255,0.55) !important; padding:0 !important;
  font-weight:700 !important; font-size:12px !important; }




/* Equal-width, rounded-rect buttons, same size for both */
.htjc-hero .htjc-btn-gold .elementor-button,
.htjc-hero .htjc-btn-ghost .elementor-button,
.htjc-hero .htjc-btn-gold,
.htjc-hero .htjc-btn-ghost{
  min-width:200px !important; text-align:center !important;
  border-radius:8px !important; padding:11px 22px !important;
  font-weight:700 !important; font-size:14px !important;
  letter-spacing:.02em !important; transition:background .2s ease, transform .2s ease !important;
  box-sizing:border-box !important; }

/* Browse Vehicles (primary): ice blue filled */
.htjc-hero .htjc-btn-gold .elementor-button,
.htjc-hero .htjc-btn-gold{
  background:#4A90E2 !important; color:#fff !important; border:none !important;
  box-shadow:0 4px 14px rgba(74,144,226,0.35) !important; }
.htjc-hero .htjc-btn-gold .elementor-button:hover,
.htjc-hero .htjc-btn-gold:hover{
  background:#357ABD !important; transform:translateY(-2px) !important; }

/* Send Inquiry (ghost): navy frosted rectangle */
.htjc-hero .htjc-btn-ghost .elementor-button,
.htjc-hero .htjc-btn-ghost{
  background:rgba(11,31,58,0.55) !important;
  backdrop-filter:blur(14px) saturate(1.3) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3) !important;
  color:#fff !important; border:1px solid rgba(255,255,255,0.30) !important;
  box-shadow:0 4px 14px rgba(0,0,0,0.18) !important; }
.htjc-hero .htjc-btn-ghost .elementor-button:hover,
.htjc-hero .htjc-btn-ghost:hover{
  background:rgba(11,31,58,0.78) !important; transform:translateY(-2px) !important;
  border-color:rgba(255,255,255,0.55) !important; }
/* === Home hero v29 — zero out padding/margin on btn-group container AND widget AND wrapper === */

/* Force btn-group container (7105555) to share same left edge as pillsWrap (4e2753d) */
/* Elementor puts padding-left:10px on e-con-boxed containers — override */
.htjc-hero [data-id="7105555"],
.htjc-hero [data-id="7105555"] > .e-con-inner{
  padding-left:0 !important; margin-left:0 !important;
}
/* Kill any elementor-widget-container default spacing */
.htjc-hero [data-id="7105555"] .elementor-widget-container,
.htjc-hero [data-id="7105555"] .elementor-button-wrapper,
.htjc-hero [data-id="7105555"] .elementor-widget.elementor-widget-button{
  margin-left:0 !important; padding-left:0 !important;
}
/* Pills widget also zero out for safety */
.htjc-hero [data-id="4e2753d"],
.htjc-hero [data-id="4e2753d"] > .e-con-inner,
.htjc-hero [data-id="4e2753d"] .elementor-widget-container{
  padding-left:0 !important; margin-left:0 !important;
}





/* === Home hero v30 — pale blue frosted left panel; single-frame buttons === */

/* Pale blue frosted gradient on the left half of hero (replaces dark overlay) */

/* Kill the dark radial ::after */
.htjc-hero::after{ content:none !important; display:none !important; }

/* Single-frame buttons — visual ONLY on the <a> element, NOT on outer widget container */
.htjc-hero .htjc-btn-gold .elementor-button,
.htjc-hero .htjc-btn-ghost .elementor-button{
  min-width:200px !important; text-align:center !important;
  border-radius:8px !important; padding:11px 22px !important;
  font-weight:700 !important; font-size:14px !important;
  letter-spacing:.02em !important; transition:background .2s ease, transform .2s ease !important;
  box-sizing:border-box !important; }

/* Browse Vehicles (primary) — ice blue filled rectangle */
.htjc-hero .htjc-btn-gold .elementor-button{
  background:#4A90E2 !important; color:#fff !important; border:none !important;
  box-shadow:0 4px 14px rgba(74,144,226,0.35) !important; }
.htjc-hero .htjc-btn-gold .elementor-button:hover{
  background:#357ABD !important; transform:translateY(-2px) !important; }

/* Send Inquiry (ghost) — navy frosted rectangle, single frame */
.htjc-hero .htjc-btn-ghost .elementor-button{
  background:rgba(11,31,58,0.55) !important;
  backdrop-filter:blur(14px) saturate(1.3) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3) !important;
  color:#fff !important; border:1px solid rgba(255,255,255,0.30) !important;
  box-shadow:0 4px 14px rgba(0,0,0,0.18) !important; }
.htjc-hero .htjc-btn-ghost .elementor-button:hover{
  background:rgba(11,31,58,0.78) !important; transform:translateY(-2px) !important;
  border-color:rgba(255,255,255,0.55) !important; }

/* Outer widget containers — fully transparent (kill double-frame) */
.htjc-hero .htjc-btn-gold,
.htjc-hero .htjc-btn-ghost,
.htjc-hero .htjc-btn-gold > .elementor-widget-container,
.htjc-hero .htjc-btn-ghost > .elementor-widget-container{
  background:transparent !important; border:none !important; box-shadow:none !important;
  padding:0 !important; margin:0 !important; }
.htjc-hero .htjc-btn-gold .elementor-button-wrapper,
.htjc-hero .htjc-btn-ghost .elementor-button-wrapper{
  background:transparent !important; border:none !important; padding:0 !important; margin:0 !important; }
/* === Home hero v31 — DEEP navy on LEFT → ice blue on RIGHT === */
.htjc-hero::before{
  content:'' !important; position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(11,31,58,0.85)   0%,
    rgba(11,31,58,0.72)  20%,
    rgba(30,58,95,0.55)  45%,
    rgba(60,100,150,0.35) 65%,
    rgba(120,170,220,0.18) 85%,
    rgba(180,210,235,0.08) 100%) !important;
}
/* === Home hero v32 — shift entire info block right ~100px for visual balance === */

/* === Home hero v33 — align hero info left edge with logo (both at x=30) === */
/* logo lives at x=30 inside .htjc-header; hero container has 20px padding-left setting,
   so we negate it and pin to exactly logo x */
.htjc-hero [data-id="4e2753d"]{
  margin-left:0 !important;
}
/* Hero container (61059b2) padding: Elementor sets left:20 — kill it */
.htjc-hero[data-id="61059b2"],
.htjc-hero[data-id="61059b2"] > .e-con-inner{
  padding-left:0 !important;
}
/* === Home hero v33 — align hero info left edge with logo (both at x=30) === */
/* logo lives at x=30 inside .htjc-header; hero container has 20px padding-left setting,
   so we negate it and pin to exactly logo x */
.htjc-hero [data-id="4e2753d"]{
  margin-left:30px !important;
}/* === Page Hero (about/process/cases/contact) === */
.htjc-hero-page{position:relative;min-height:520px;overflow:hidden}
.htjc-hero-page::before{content:''!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(11,31,58,0.80) 0%,rgba(11,31,58,0.65) 25%,rgba(30,58,95,0.48) 50%,rgba(60,100,150,0.28) 72%,rgba(120,170,220,0.12) 90%,rgba(180,210,235,0.05) 100%)!important}
.htjc-hero-page::after{display:none!important}
.htjc-hero-page-info{position:relative!important;z-index:2!important;max-width:620px!important;width:100%!important;margin:auto 0 auto 80px!important;background:rgba(220,232,245,0.32)!important;backdrop-filter:blur(24px) saturate(1.4)!important;-webkit-backdrop-filter:blur(24px) saturate(1.4)!important;border:1px solid rgba(255,255,255,0.28)!important;border-radius:22px!important;padding:36px 40px!important;isolation:isolate;top:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.htjc-hero-eyebrow-page{font-size:13px!important;font-weight:700!important;letter-spacing:3px!important;text-transform:uppercase!important;color:rgba(212,175,55,0.95)!important;margin-bottom:14px!important}
.htjc-hero-h1-page{font-size:42px!important;font-weight:800!important;line-height:1.12!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,0.5)!important;margin:0 0 18px 0!important;word-break:break-word!important}
.htjc-hero-lead-page{font-size:17px!important;font-weight:400!important;line-height:1.65!important;color:rgba(255,255,255,0.88)!important;margin:0 0 28px 0!important;max-width:520px!important}
.htjc-hero-actions-page{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:14px!important;align-items:center!important}
.htjc-btn-primary-page{display:inline-block!important;padding:13px 28px!important;background:#1e3a5f!important;color:#fff!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;transition:background .2s,transform .2s,box-shadow .2s!important;box-shadow:0 4px 16px rgba(30,58,95,0.45)!important}
.htjc-btn-primary-page:hover{background:#2a4f7c!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(30,58,95,0.5)!important;color:#fff!important;text-decoration:none!important}
.htjc-btn-ghost-page{display:inline-block!important;padding:13px 28px!important;background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,0.7)!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;transition:border-color .2s,background .2s,transform .2s!important}
.htjc-btn-ghost-page:hover{background:rgba(255,255,255,0.12)!important;border-color:#fff!important;transform:translateY(-2px)!important;color:#fff!important;text-decoration:none!important}
.htjc-contact-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;margin-top:40px!important}
.htjc-contact-detail{display:flex!important;align-items:flex-start!important;gap:16px!important;margin-bottom:24px!important;color:#0e2a4a!important;font-size:15px!important}
.htjc-contact-detail a{color:#1e3a5f!important;text-decoration:underline!important}
.htjc-page-content{padding:20px 0!important}
@media(max-width:768px){.htjc-hero-page-info{margin:60px 20px!important;max-width:calc(100% - 40px)!important}.htjc-hero-h1-page{font-size:32px!important}.htjc-hero-lead-page{font-size:15px!important}.htjc-contact-grid{grid-template-columns:1fr!important}}

/* === Contact Page Styles === */
.htjc-contact-card{ background:#fff !important; border:1px solid #e5e7eb !important; border-radius:12px !important; box-shadow:0 2px 8px rgba(0,0,0,0.06) !important; transition:box-shadow 0.3s ease,transform 0.3s ease !important; }
.htjc-contact-card:hover{ box-shadow:0 8px 24px rgba(0,0,0,0.12) !important; transform:translateY(-4px) !important; }
.htjc-contact-card .elementor-widget-heading .elementor-heading-title{ color:#1e3a5f !important; font-size:18px !important; font-weight:700 !important; margin:0 !important; }
.htjc-contact-form-wrap{ background:#fff !important; border:1px solid #e5e7eb !important; border-radius:16px !important; box-shadow:0 4px 16px rgba(0,0,0,0.08) !important; }
.htjc-contact-form-wrap .elementor-heading-title{ color:#1e3a5f !important; font-size:24px !important; font-weight:800 !important; }
.htjc-contact-form-wrap .elementor-field-group{ margin-bottom:16px !important; }
.htjc-contact-form-wrap .elementor-field-label{ color:#374151 !important; font-size:14px !important; font-weight:600 !important; margin-bottom:6px !important; }
.htjc-contact-form-wrap .elementor-field input,.htjc-contact-form-wrap .elementor-field textarea{ border:1px solid #d1d5db !important; border-radius:8px !important; padding:10px 14px !important; font-size:15px !important; transition:border-color 0.2s,box-shadow 0.2s !important; }
.htjc-contact-form-wrap .elementor-field input:focus,.htjc-contact-form-wrap .elementor-field textarea:focus{ border-color:#1e3a5f !important; box-shadow:0 0 0 3px rgba(30,58,95,0.12) !important; outline:none !important; }
.htjc-contact-form-wrap .elementor-button{ background:#1e3a5f !important; color:#fff !important; border-radius:8px !important; padding:14px 32px !important; font-size:15px !important; font-weight:700 !important; border:none !important; cursor:pointer !important; transition:background 0.2s,transform 0.2s !important; }
.htjc-contact-form-wrap .elementor-button:hover{ background:#2a4f7c !important; transform:translateY(-1px) !important; }
.htjc-contact-aside{ background:#f8fafc !important; border:1px solid #e5e7eb !important; border-radius:16px !important; }
.htjc-contact-aside .elementor-heading-title{ color:#1e3a5f !important; font-size:22px !important; font-weight:800 !important; }
.htjc-contact-section .elementor-widget-heading .elementor-heading-title{ color:#1e3a5f !important; }
.htjc-contact-section h2.elementor-heading-title{ font-size:36px !important; font-weight:800 !important; }
/* === Contact Responsive === */
@media (max-width: 780px){
  .htjc-contact-card{ width:100% !important; }
  .htjc-contact-form-wrap{ width:100% !important; }
  .htjc-contact-aside{ width:100% !important; }
  .htjc-contact-section h2.elementor-heading-title{ font-size:28px !important; }}
/* === Wholesale Page Styles === */
.htjc-section-light{ background:#fff !important; }
.htjc-section-alt{ background:#f8fafc !important; }
.htjc-section-light .elementor-heading-title,
.htjc-section-alt .elementor-heading-title{ color:#1e3a5f !important; font-weight:800 !important; }
.htjc-section-light h2.elementor-heading-title{ font-size:36px !important; }
.htjc-section-alt h2.elementor-heading-title{ font-size:36px !important; }

/* 4-col value cards */
.htjc-cards-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px; }
.htjc-value-card{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:32px 24px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.05); transition:transform .3s ease,box-shadow .3s ease; }
.htjc-value-card:hover{ transform:translateY(-6px); box-shadow:0 12px 32px rgba(0,0,0,0.12); }
.htjc-value-icon{ display:grid;place-items:center; width:52px;height:52px;border-radius:13px;background:#1e3a5f;margin:0 auto 16px; }
.htjc-value-icon .htjc-ico{ width:38px;height:38px;color:#C9A24B;margin:0 !important; }
.htjc-type-icon .htjc-ico{ color:#C9A24B !important; }
.htjc-value-card h3{ font-size:18px; font-weight:700; color:#1e3a5f; margin:0 0 8px 0; }
.htjc-value-card p{ font-size:14px; color:#6b7280; margin:0; line-height:1.6; }

/* 3-col partner type cards */
.htjc-cards-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.htjc-type-card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:36px 28px; position:relative; box-shadow:0 2px 8px rgba(0,0,0,0.05); transition:transform .3s ease,box-shadow .3s ease; }
.htjc-type-card:hover{ transform:translateY(-6px); box-shadow:0 12px 32px rgba(0,0,0,0.12); }
.htjc-type-card h3{ font-size:22px; font-weight:800; color:#1e3a5f; margin:0 0 8px 0; }
.htjc-type-card p{ font-size:14px; color:#6b7280; margin:0 0 16px; line-height:1.6; }
.htjc-type-card ul{ list-style:none; padding:0; margin:0; }
.htjc-type-card ul li{ font-size:14px; color:#374151; padding:6px 0 6px 22px; position:relative; border-top:1px solid #f0f2f5; }
.htjc-type-card ul li::before{ content:"✓"; color:#C9A24B; font-weight:800; position:absolute; left:0; top:6px; }
.htjc-type-icon{ display:grid;place-items:center; width:58px;height:58px;border-radius:14px;background:#1e3a5f;margin:0 auto 12px; }
.htjc-type-icon .htjc-ico{ width:38px;height:38px;color:#C9A24B !important; }
.htjc-type-card-featured{ border:2px solid #1e3a5f; box-shadow:0 8px 28px rgba(30,58,95,0.18); }
.htjc-type-badge{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:#1e3a5f; color:#fff; font-size:12px; font-weight:700; padding:5px 14px; border-radius:99px; white-space:nowrap; }

/* 6-step process timeline */
.htjc-steps{ display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:48px; }
.htjc-step{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:28px 20px; text-align:center; position:relative; }
.htjc-step-num{ position:absolute; top:-16px; left:50%; transform:translateX(-50%); width:36px; height:36px; background:#C9A24B; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; }
.htjc-step-icon{ display:grid;place-items:center; width:52px;height:52px;border-radius:13px;background:#1e3a5f;margin:0 auto 14px; }
.htjc-step-icon .htjc-ico{ width:28px;height:28px;color:#C9A24B;margin:0 !important; }
.htjc-step h4{ font-size:16px; font-weight:700; color:#1e3a5f; margin:0 0 8px 0; }
.htjc-step p{ font-size:13px; color:#6b7280; margin:0; line-height:1.5; }

/* doc list 2-col */
.htjc-doc-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px 32px; margin-top:40px; max-width:900px; margin-left:auto; margin-right:auto; }
.htjc-doc-item{ display:flex; align-items:center; gap:12px; font-size:15px; color:#374151; padding:14px 0 12px; border-bottom:1px solid #eef1f5; }
.htjc-doc-check{ flex:0 0 auto; width:22px; height:22px; background:#1e3a5f; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; position:relative; top:2.5px; }

/* CTA band (dark navy) */
.htjc-cta-band{ background:linear-gradient(135deg,#0b1f3a 0%,#102a52 100%) !important; border-radius:0 !important; }
.htjc-cta-band .elementor-heading-title{ color:#fff !important; }
.htjc-cta-band .htjc-btn-gold .elementor-button{ background:#C9A24B !important; color:#1e3a5f !important; font-weight:700 !important; border-radius:8px !important; padding:14px 30px !important; }
.htjc-cta-band .htjc-btn-ghost .elementor-button{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,0.7) !important; border-radius:8px !important; padding:14px 30px !important; }

/* Responsive */
@media (max-width: 980px){
  .htjc-cards-4{ grid-template-columns:repeat(2,1fr); }
  .htjc-steps{ grid-template-columns:repeat(3,1fr); }}
@media (max-width: 780px){
  .htjc-cards-4{ grid-template-columns:1fr; }
  .htjc-cards-3{ grid-template-columns:1fr; }
  .htjc-steps{ grid-template-columns:repeat(2,1fr); }
  .htjc-doc-list{ grid-template-columns:1fr; }}
/* === Wholesale Hero Text === */
.htjc-wh-hro.elementor-heading-title{ color:#fff !important; font-size:46px !important; font-weight:800 !important; line-height:1.1 !important; margin:0 0 12px 0 !important; text-shadow:0 2px 12px rgba(0,0,0,0.4) !important; }
.htjc-hero-page .htjc-btn-gold .elementor-button{ background:#C9A24B !important; color:#1e3a5f !important; font-weight:700 !important; border-radius:8px !important; padding:14px 30px !important; border:none !important; }
.htjc-hero-page .htjc-btn-ghost .elementor-button{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,0.7) !important; border-radius:8px !important; padding:14px 30px !important; }

.wh-bg-wholesale{ background-image:url("https://htjcauto.com/wp-content/uploads/2026/09/hero-wholesale.jpg") !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }
/* === About Page Styles === */
.htjc-about-hro.elementor-heading-title{ color:#fff !important; font-size:46px !important; font-weight:800 !important; line-height:1.1 !important; margin:0 0 12px 0 !important; text-shadow:0 2px 12px rgba(0,0,0,0.4) !important; }
.wh-bg-about{ background-image:url("https://htjcauto.com/wp-content/uploads/2026/09/hero-about.jpg") !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }

/* Stats row */
.htjc-stats-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:48px; }
.htjc-stat{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:32px 20px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.htjc-stat-num{ font-size:42px; font-weight:800; color:#1e3a5f; line-height:1; }
.htjc-stat-label{ font-size:14px; color:#6b7280; margin-top:8px; }

/* Two-column (story / mission-vision) */
.htjc-two-col{ display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:40px; align-items:center; }
.htjc-two-img{ min-height:320px; border-radius:16px; background-size:cover; background-position:center center; }
.htjc-mv-card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:36px 32px; box-shadow:0 2px 8px rgba(0,0,0,0.05); }

@media (max-width: 780px){
  .htjc-stats-row{ grid-template-columns:repeat(2,1fr); }
  .htjc-two-col{ grid-template-columns:1fr; }
  .htjc-two-img{ min-height:240px; }}
/* === Cases Page Styles === */
.htjc-cases-hro.elementor-heading-title{ color:#fff !important; font-size:46px !important; font-weight:800 !important; line-height:1.1 !important; margin:0 0 12px 0 !important; text-shadow:0 2px 12px rgba(0,0,0,0.4) !important; }
.wh-bg-cases{ background-image:url("https://htjcauto.com/wp-content/uploads/2026/09/hero-cases.jpg") !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }

/* Video placeholders */
.htjc-video-hero{ aspect-ratio:16/9; background:linear-gradient(135deg,#0b1f3a,#102a52); border-radius:16px; display:flex; align-items:center; justify-content:center; margin-top:40px; }
.htjc-videos-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.htjc-video-sm{ aspect-ratio:16/9; background:linear-gradient(135deg,#0b1f3a,#102a52); border-radius:14px; display:flex; align-items:center; justify-content:center; }
.htjc-video-ph{ text-align:center; color:#fff; padding:20px; }
.htjc-video-icon{ font-size:40px; margin-bottom:10px; }
.htjc-video-title{ font-size:17px; font-weight:700; margin-bottom:4px; }
.htjc-video-sub{ font-size:13px; color:rgba(255,255,255,0.6); }

/* Regions */
.htjc-regions{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:40px; }
.htjc-region{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:24px 16px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.htjc-region-flag{ font-size:32px; margin-bottom:8px; }
.htjc-region-name{ font-size:16px; font-weight:700; color:#1e3a5f; }
.htjc-region-desc{ font-size:12px; color:#6b7280; margin-top:4px; }

/* Testimonials */
.htjc-testi{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; align-items:stretch; }
.htjc-testi-card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:32px 28px; box-shadow:0 2px 8px rgba(0,0,0,0.05); display:flex; flex-direction:column; }
.elementor-element-tc-a-meta .elementor-widget-container,
.elementor-element-tc-b-meta .elementor-widget-container,
.elementor-element-tc-c-meta .elementor-widget-container{ text-align:center; }
.elementor-element-tc-a-meta .elementor-widget-container > div,
.elementor-element-tc-b-meta .elementor-widget-container > div,
.elementor-element-tc-c-meta .elementor-widget-container > div{ justify-content:center !important; }
/* Testi cards: equal height + meta at bottom */
.elementor-element-tc-a, .elementor-element-tc-b, .elementor-element-tc-c{ display:flex !important; flex-direction:column !important; }
.elementor-element-ts-row{ align-items:stretch !important; }
.elementor-element-ts-row > .e-con-inner{ align-items:stretch !important; }
.elementor-element-tc-a-q, .elementor-element-tc-b-q, .elementor-element-tc-c-q{ flex:1 0 auto !important; }
.elementor-element-tc-a-meta, .elementor-element-tc-b-meta, .elementor-element-tc-c-meta{ margin-top:auto !important; }
/* Center meta row horizontally: widget-container is a flex with the inner row as centered item, border-top spans full card width */
.elementor-element-tc-a-meta .elementor-widget-container, .elementor-element-tc-b-meta .elementor-widget-container, .elementor-element-tc-c-meta .elementor-widget-container{ display:flex !important; justify-content:center !important; }
.elementor-element-tc-a-meta .elementor-widget-container > div, .elementor-element-tc-b-meta .elementor-widget-container > div, .elementor-element-tc-c-meta .elementor-widget-container > div{ width:100% !important; }

/* Testi: push meta (footer) to bottom + center horizontally */
.htjc-testi-quote{ flex:1 0 auto !important; }
.elementor-element-tc-a-meta,
.elementor-element-tc-b-meta,
.elementor-element-tc-c-meta{ margin-top:auto !important; align-self:center !important; text-align:center !important; }

.htjc-testi-quote{ font-size:15px; color:#374151; line-height:1.7; margin:0 0 16px; font-style:italic; }
.htjc-testi-author{ font-size:14px; font-weight:700; color:#1e3a5f; }

@media (max-width: 980px){
  .htjc-regions{ grid-template-columns:repeat(3,1fr); }
  .htjc-testi{ grid-template-columns:1fr; }}
@media (max-width: 780px){
  .htjc-videos-3{ grid-template-columns:1fr; }
  .htjc-regions{ grid-template-columns:repeat(2,1fr); }}
/* === FAQ Page Styles === */
.htjc-faq-hro.elementor-heading-title{ color:#fff !important; font-size:46px !important; font-weight:800 !important; line-height:1.1 !important; margin:0 0 12px 0 !important; text-shadow:0 2px 12px rgba(0,0,0,0.4) !important; }
.htjc-hero-solid{ background:linear-gradient(135deg,#0b1f3a 0%,#102a52 100%) !important; min-height:62vh !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; }
.htjc-faq-list{ max-width:860px; margin:40px auto 0; }
.htjc-faq-item{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; margin-bottom:14px; overflow:hidden; }
.htjc-faq-item summary{ font-size:17px; font-weight:700; color:#1e3a5f; padding:20px 24px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; }
.htjc-faq-item summary::-webkit-details-marker{ display:none; }
.htjc-faq-item summary::after{ content:"+"; font-size:24px; color:#C9A24B; font-weight:700; }
.htjc-faq-item[open] summary::after{ content:"−"; }
.htjc-faq-item .htjc-faq-a{ padding:0 24px 20px; font-size:15px; color:#374151; line-height:1.7; }
/* === Export Process Simple Styles === */
.htjc-exp-hro.elementor-heading-title{ color:#fff !important; font-size:48px !important; font-weight:800 !important; line-height:1.1 !important; margin:0 0 12px 0 !important; text-shadow:0 2px 12px rgba(0,0,0,0.4) !important; }
.wh-bg-process{ background-image:url("https://htjcauto.com/wp-content/uploads/2026/09/hero-process.jpg") !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }

.htjc-hero-solid > .e-con-inner{ min-height:62vh !important; display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; }


/* === Cases videos (clean: no captions, just players) === */
.htjc-video-hero{ width:100% !important; max-width:1080px !important; margin:0 auto !important; border-radius:14px !important; overflow:hidden !important; box-shadow:0 16px 50px rgba(0,0,0,0.18) !important; background:#000 !important; display:block !important; }
.htjc-video-frame{ position:relative !important; width:100% !important; padding-top:56.25% !important; background:#000 !important; overflow:hidden !important; display:block !important; }
.htjc-video-main, .htjc-video-thumb{ position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; max-width:100% !important; min-width:0 !important; object-fit:cover !important; background:#000 !important; display:block !important; border:0 !important; outline:none !important; }
.htjc-videos-3{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; width:100% !important; max-width:100% !important; }
@media (max-width:900px){ .htjc-videos-3{ grid-template-columns:1fr !important; }}
.htjc-video-sm{ background:#fff !important; border-radius:12px !important; overflow:hidden !important; box-shadow:0 6px 20px rgba(0,0,0,0.08) !important; display:block !important; min-width:0 !important; max-width:100% !important; width:100% !important; }
.htjc-video-frame-sm{ border-radius:0 !important; }

/* === FAQ 4-category + hero bg (2026-09-15) === */
.htjc-faq-hero-bg{
  background-image:url('/wp-content/uploads/2026/09/hero-faq.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.htjc-faq-groups{ max-width:960px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:32px 40px; }
.htjc-faq-group{ background:#fff; border:1px solid rgba(14,42,74,0.08); border-radius:14px; padding:24px 28px; box-shadow:0 6px 24px rgba(11,31,58,0.06); }
.htjc-faq-group-t{ font-size:17px; font-weight:800; color:var(--htjc-navy); margin:0 0 14px; padding-bottom:10px; border-bottom:2px solid #C9A24B; }
.htjc-faq-item{ border-bottom:1px solid rgba(14,42,74,0.08); }
.htjc-faq-item:last-child{ border-bottom:none; }
.htjc-faq-item summary{ cursor:pointer; font-weight:600; color:var(--htjc-navy); padding:14px 28px 14px 0; position:relative; list-style:none; }
.htjc-faq-item summary::after{ content:'+'; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:22px; font-weight:700; color:#C9A24B; }
.htjc-faq-item[open] summary::after{ content:'\2212'; }
.htjc-faq-a{ color:#46505e; font-size:15px; line-height:1.7; padding:0 0 16px; }
@media (max-width:768px){ .htjc-faq-groups{ grid-template-columns:1fr; }}

/* === FAQ hero center (2026-09-15) === */
.htjc-hero.htjc-faq-hero-bg{ text-align:center !important; }
.htjc-hero.htjc-faq-hero-bg .e-con-inner,
.htjc-hero.htjc-faq-hero-bg > .elementor-element{ align-items:center !important; }
.htjc-hero.htjc-faq-hero-bg .elementor-widget-container{ text-align:center !important; }

/* === Inline SVG icons (emoji replacement 2026-09-15) === */
.htjc-ico{ width:34px; height:34px; display:block; color:var(--htjc-navy,#0b1f3a); }
.htjc-why-ico .htjc-ico{ width:38px; height:38px; color:var(--htjc-navy,#0b1f3a); margin-bottom:14px; }
.htjc-step-icon .htjc-ico{ width:28px; height:28px; color:#C9A24B; }
.htjc-doc-check .htjc-ico{ width:18px; height:18px; color:#C9A24B; display:block; margin:auto; }
.htjc-region-flag .htjc-ico{ width:42px; height:42px; color:#fff; margin-bottom:10px; }
.htjc-contact-card .htjc-ico{ width:30px; height:30px; color:var(--htjc-navy,#0b1f3a); }
.htjc-why-list .htjc-ico{ width:16px; height:16px; color:#C9A24B; display:inline-block; vertical-align:-2px; margin-right:8px; }

/* === Region page hero bg (2026-09-15) === */
.htjc-region-mena-bg{ background-image:url('/wp-content/uploads/2026/09/hero-mena.jpg') !important; background-size:cover !important; background-position:center center !important; }
.htjc-region-africa-bg{ background-image:url('/wp-content/uploads/2026/09/hero-africa.jpg') !important; background-size:cover !important; background-position:center center !important; }
.htjc-region-central-asia-bg{ background-image:url('/wp-content/uploads/2026/09/hero-central-asia.jpg') !important; background-size:cover !important; background-position:center center !important; }
.htjc-region-south-america-bg{ background-image:url('/wp-content/uploads/2026/09/hero-south-america.jpg') !important; background-size:cover !important; background-position:center center !important; }
.htjc-region-global-bg{ background-image:url('/wp-content/uploads/2026/09/hero-global.jpg') !important; background-size:cover !important; background-position:center center !important; }
.htjc-region-central-america-bg{ background-image:url('/wp-content/uploads/2026/09/hero-central-america.jpg') !important; background-size:cover !important; background-position:center center !important; }

/* === Region page SVG white on dark (2026-09-15) === */
.page-id-1150 .htjc-ico, .page-id-1151 .htjc-ico, .page-id-1152 .htjc-ico, .page-id-1153 .htjc-ico, .page-id-1154 .htjc-ico{ color:#ffffff !important; }


/* About section two-col bottom align */
.elementor-element-about-story > .e-con-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 40px !important;
}
.elementor-element-about-story > .e-con-inner > .e-con-inner {
  flex: 1 1 300px !important;
  min-width: 0 !important;
}


/* Cases stats 4-col and regions 5-col */
.htjc-stats-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  text-align: center;
}
.htjc-stat {
  padding: 24px 16px;
  background: rgba(220,232,245,0.35);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(30,58,95,0.12);
}
.htjc-stat-num {
  font-size: 2.4rem !important;
  font-weight: 800 !important;
  color: var(--htjc-navy,#1e3a5f) !important;
  line-height: 1.1;
}
.htjc-stat-label {
  font-size: 0.85rem !important;
  color: var(--htjc-navy,#1e3a5f) !important;
  opacity: 0.75;
  margin-top: 4px;
  font-weight: 500;
}
.htjc-regions {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
}
.htjc-region {
  padding: 24px 16px;
  background: rgba(11,31,58,0.85);
  border-radius: 14px;
  text-align: center;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1);
  color: #fff;
}
.htjc-region-flag { margin-bottom: 12px; }
.htjc-region-name {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 6px;
}
.htjc-region-desc {
  font-size: 0.8rem !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.5;
}
/* Cases stats section eyebrow + lead center align 
[data-id="about-story"],
[id="about-story"].elementor-element {
  display: block !important;
}
.elementor-element-about-story > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 40px !important;
  flex-wrap: nowrap !important;
}
.elementor-element-about-story > .e-con-inner > [data-id="ab-story-left"],
.elementor-element-about-story > .e-con-inner > [data-id="ab-story-right"] {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.ab-story-left {
  align-self: stretch !important;
}
.ab-story-right {
  align-self: flex-end !important;
}

/* contact hero bg */
.wh-bg-contact{ background-image:url("https://htjcauto.com/wp-content/uploads/2026/09/hero-contact.jpg") !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }

/* === 2026-09-16 layout fixes === */
/* 1) equal-height cards in 3/4 col grids */
.htjc-cards-4 > *, .htjc-cards-3 > * { height:100% !important; }
.htjc-cards-4 > * > .e-con-inner, .htjc-cards-3 > * > .e-con-inner { height:100% !important; align-items:stretch !important; }
.htjc-value-card, .htjc-type-card, .htjc-contact-card, .htjc-testi-card, .htjc-stat { align-self:stretch !important; min-height:0; }
.elementor-element-contact-info-row{align-items:stretch !important;}
.elementor-element-contact-info-row > .e-con-inner{align-items:stretch !important; align-items:stretch !important;}
.htjc-value-card .e-con-inner, .htjc-type-card .e-con-inner, .htjc-contact-card .e-con-inner { height:100% !important; }
/* 2) FAQ hero: centered text needs a uniform dark veil (default ::before is a left-to-right gradient that leaves the centre bright) */
.htjc-hero.htjc-faq-hero-bg::before{
  background:linear-gradient(180deg, rgba(11,31,58,0.80) 0%, rgba(11,31,58,0.70) 45%, rgba(11,31,58,0.82) 100%) !important;
}
.htjc-hero.htjc-faq-hero-bg .elementor-heading-title,
.htjc-hero.htjc-faq-hero-bg h1, .htjc-hero.htjc-faq-hero-bg h2{
  text-shadow:0 2px 14px rgba(0,0,0,0.45) !important;
}
/* faq grid top-align */
.htjc-faq-groups{ }

/* === button group inner row fix === */
.htjc-btn-group > .e-con-inner,
.htjc-cta-band .htjc-btn-group > .e-con-inner,
.htjc-hero-vehicle .htjc-btn-group > .e-con-inner {
  display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
  align-items:center !important; justify-content:flex-start !important; gap:14px !important;
  width:auto !important; max-width:100% !important;
}
.htjc-btn-group .elementor-widget-button { width:auto !important; flex:0 0 auto !important; max-width:100% !important; }
.htjc-btn-group .elementor-button-wrapper { text-align:left !important; }
.htjc-btn-group .elementor-button { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; }

/* === Cases region cards v2 + stat icons === */
.htjc-regions{ display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:20px !important; align-items:stretch !important; }
.htjc-region-card{
  position:relative; overflow:hidden; display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:flex-start !important; text-align:center !important;
  min-height:236px; padding:34px 18px 28px; border-radius:16px;
  background:linear-gradient(160deg,#173c69 0%,#0b1f3a 100%);
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:0 12px 28px rgba(11,31,58,0.18);
  color:#fff; transition:transform .25s ease, box-shadow .25s ease;
}
.htjc-region-card::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,0.18) 1px, transparent 1.2px);
  background-size:14px 14px; opacity:.45;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.12));
  mask-image:linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.12));
}
.htjc-region-card::after{
  content:''; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,#C9A24B,#e8cf8b);
}
.htjc-region-card:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(11,31,58,0.26); }
.htjc-region-card > *{ position:relative; z-index:1; }
.htjc-region-card .htjc-rc-icon{
  width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(201,162,75,0.16); border:1px solid rgba(201,162,75,0.45); margin-bottom:16px;
}
.htjc-region-card .htjc-rc-icon .htjc-ico{ width:28px; height:28px; color:#e8cf8b; }
.htjc-region-card .htjc-rc-name{ font-size:17px; font-weight:800; letter-spacing:.2px; color:#fff; margin-bottom:12px; }
.htjc-region-card .htjc-rc-chips{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
.htjc-region-card .htjc-rc-chips span{
  font-size:11.5px; line-height:1; padding:5px 10px; border-radius:999px;
  background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.16);
  color:rgba(255,255,255,0.92);
}
.htjc-stat .htjc-stat-ico{
  display:flex; align-items:center; justify-content:center; width:52px; height:52px;
  margin:0 auto 16px; border-radius:14px;
  background:rgba(30,58,95,0.07); border:1px solid rgba(30,58,95,0.14);
  transition:background .25s ease, border-color .25s ease;
}
.htjc-stat .htjc-stat-ico .htjc-ico{ width:26px; height:26px; color:#1e3a5f; transition:color .25s ease; }
.htjc-stat:hover .htjc-stat-ico{ background:rgba(201,162,75,0.14); border-color:rgba(201,162,75,0.42); }
.htjc-stat:hover .htjc-stat-ico .htjc-ico{ color:#a8812f; }
@media (max-width:1100px){ .htjc-regions{ grid-template-columns:repeat(3,1fr) !important; }}
@media (max-width:700px){ .htjc-regions{ grid-template-columns:repeat(2,1fr) !important; }}
@media (max-width:480px){ .htjc-regions{ grid-template-columns:1fr !important; }}
/* === region hero right-side snapshot panel === */
.htjc-hero-has-facts{ position:relative !important; }
.htjc-hero-has-facts .e-con,
.htjc-hero-has-facts .e-con-inner{ position:static !important; }
.htjc-hero-has-facts .htjc-hero-facts-w{
  position:absolute !important; right:calc(50% - 600px) !important; top:50% !important;
  transform:translateY(-50%) !important; width:340px !important; max-width:340px !important;
  margin:0 !important; z-index:3 !important;
}
.htjc-hero .htjc-hero-facts{
  box-sizing:border-box;
  background:rgba(11,31,58,0.46);
  -webkit-backdrop-filter:blur(16px) saturate(1.3); backdrop-filter:blur(16px) saturate(1.3);
  border:1px solid rgba(255,255,255,0.22); border-radius:18px;
  padding:24px 26px; box-shadow:0 18px 40px rgba(4,12,26,0.35);
}
.htjc-hero-facts .htjc-hf-title{
  font-size:11.5px !important; letter-spacing:2.4px; text-transform:uppercase;
  color:#e8cf8b !important; font-weight:700; margin:0 0 14px;
}
.htjc-hero-facts .htjc-hf-row{
  display:flex; flex-direction:column; gap:3px; padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.14);
}
.htjc-hero-facts .htjc-hf-row:last-child{ border-bottom:none; padding-bottom:0; }
.htjc-hero-facts .htjc-hf-k{
  font-size:10.5px !important; letter-spacing:1.6px; text-transform:uppercase;
  color:rgba(255,255,255,0.66) !important; line-height:1.2;
}
.htjc-hero-facts .htjc-hf-v{
  font-size:14.5px !important; font-weight:600; color:#ffffff !important; line-height:1.35;
}
@media (max-width:1180px){
  .htjc-hero-has-facts .htjc-hero-facts-w{
    position:static !important; transform:none !important;
    width:auto !important; max-width:520px !important; margin-top:24px !important;
  }}
/* === cta band: centre button row under centred copy === */
.htjc-cta-band .e-con-inner > *:last-child{ justify-content:center !important; align-items:center !important; }
.htjc-cta-band .e-con-inner > .e-con{ align-items:center !important; }

/* === cta band: centre btn-group (region pages) === */
.htjc-cta-band .htjc-btn-group > .e-con-inner{ justify-content:center !important; }
.htjc-cta-band .htjc-btn-group{ justify-content:center !important; }


/* === cta band: centre btn row inner === */
.htjc-cta-band .e-con-inner > *:last-child > .e-con-inner{ justify-content:center !important; align-items:center !important; }
/* === FAQ page redesign 2026-09-16 === */
/* -- breadcrumb + hero stats -- */
.htjc-faq-bcw .htjc-faq-bc{ display:flex; align-items:center; justify-content:center; gap:9px; font-size:12.5px; letter-spacing:.4px; color:rgba(255,255,255,.84); margin:0 0 16px !important; }
.htjc-faq-bcw .htjc-faq-bc a{ color:rgba(255,255,255,.84) !important; text-decoration:none !important; }
.htjc-faq-bcw .htjc-faq-bc a:hover{ color:#fff !important; text-decoration:underline !important; }
.htjc-faq-bcw .htjc-faq-bc-sep{ opacity:.5; }
.htjc-faq-stw .htjc-faq-stats{ display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; margin:24px 0 0 !important; font-size:12.5px; color:rgba(255,255,255,.88); }
.htjc-faq-stw .htjc-faq-stats b{ color:#fff; font-size:16px; font-weight:800; margin-right:5px; }
.htjc-faq-stw .htjc-faq-stats i{ width:1px; height:14px; background:rgba(255,255,255,.30); display:inline-block; }
.htjc-faq-lead{ color:rgba(255,255,255,.82) !important; }

/* -- section surface -- */
.page-id-1147 .htjc-section-light{ background:linear-gradient(180deg,#f6f9fd 0%,#edf2fa 100%) !important; }

/* -- category jump cards -- */
.htjc-faq-introw{ margin:0 0 18px !important; }
.htjc-faq-intro-h{ margin:0 0 6px !important; font-size:24px !important; font-weight:800 !important; color:#0b1f3a !important; letter-spacing:-.2px; }
.htjc-faq-intro-p{ font-size:14px !important; color:#5b6b7f !important; line-height:1.6; }
.htjc-faq-jw{ margin:0 0 18px !important; }
.htjc-faq-jump{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.htjc-faq-jump-c{ color:#0e2a4a !important; display:flex; align-items:center; gap:13px; padding:16px 18px; background:#fff; border:1px solid rgba(11,31,58,.10); border-radius:14px; text-decoration:none !important; box-shadow:0 2px 10px rgba(11,31,58,.05); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.htjc-faq-jump-c:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(11,31,58,.13); border-color:rgba(74,144,226,.45); }
.htjc-faq-jump-ic{ flex:0 0 auto; width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:rgba(30,58,95,.08); color:#1e3a5f; }
.htjc-faq-jump-ic svg{ width:21px; height:21px; }
.htjc-faq-jump-b{ display:flex; flex-direction:column; min-width:0; }
.htjc-faq-jump-n{ font-size:13.5px; font-weight:700; color:#0e2a4a; line-height:1.25; }
.htjc-faq-jump-cnt{ font-size:11.5px; color:#7a8aa0; margin-top:3px; letter-spacing:.3px; }

/* -- search + expand tools -- */
.htjc-faq-tools-w{ margin:0 0 14px !important; }
.htjc-faq-listw{ margin:0 !important; }
.htjc-faq-tools{ display:flex; gap:12px; align-items:stretch; }
.htjc-faq-search{ min-height:50px; position:relative; flex:1 1 auto; display:flex; align-items:center; background:#fff; border:1px solid rgba(11,31,58,.12); border-radius:12px; padding:0 14px; box-shadow:0 2px 10px rgba(11,31,58,.05); }
.htjc-faq-search:focus-within{ border-color:#4A90E2; box-shadow:0 0 0 3px rgba(74,144,226,.15); }
.htjc-faq-search-ic{ display:flex; color:#8a99ad; }
.htjc-faq-search-ic svg{ width:18px; height:18px; }
.htjc-faq-search input[type=search]{ flex:1 1 auto; border:0 !important; outline:0 !important; background:transparent !important; padding:13px 10px !important; font-size:14px !important; color:#1f2d3d !important; box-shadow:none !important; margin:0 !important; }
.htjc-faq-search input::placeholder{ color:#9aa8bb; }
.htjc-faq-search input::-webkit-search-cancel-button{ display:none; }
.htjc-faq-clr{ border:0; background:#eef2f8; color:#4b5c73; border-radius:8px; padding:6px 11px; font-size:12px; font-weight:600; cursor:pointer; }
.htjc-faq-clr:hover{ background:#e2e9f3; }
.htjc-faq-expand{ min-height:50px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border:1px solid rgba(11,31,58,.14); background:#fff; color:#1e3a5f; border-radius:12px; padding:13px 18px; font-size:13px; font-weight:700; cursor:pointer; transition:background .18s,color .18s; }
.htjc-faq-expand:hover{ background:#1e3a5f; color:#fff; }
.htjc-faq-none{ margin:14px 0 0 !important; font-size:13.5px; color:#5b6b7f !important; }
.htjc-faq-none a{ color:#2f6fb8 !important; font-weight:700; }

/* -- group cards -- */
.htjc-faq-groups{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px !important; max-width:none !important; margin:0 !important; align-items:stretch !important; }
.htjc-faq-group{ background:#fff !important; border:1px solid rgba(11,31,58,.12) !important; border-radius:16px !important; padding:6px 22px 16px !important; box-shadow:0 8px 26px rgba(11,31,58,.09) !important; scroll-margin-top:120px; display:flex !important; flex-direction:column !important; align-self:stretch !important; min-height:0; }
.htjc-faq-group-h{ display:flex; align-items:center; gap:11px; padding:17px 0 14px; border-bottom:2px solid rgba(201,162,75,.35); }
.htjc-faq-group-ic{ flex:0 0 auto; width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(30,58,95,.07); color:#1e3a5f; }
.htjc-faq-group-ic svg{ width:19px; height:19px; }
.htjc-faq-group-t{ flex:1 1 auto; margin:0 !important; padding:0 !important; border:0 !important; font-size:15.5px !important; font-weight:800 !important; color:#0e2a4a !important; letter-spacing:.2px; line-height:1.3; }
.htjc-faq-group-cnt{ flex:0 0 auto; font-size:11.5px; font-weight:700; color:#8a6516; background:rgba(201,162,75,.16); border-radius:99px; padding:3px 10px; }
.htjc-faq-item{ background:transparent !important; border:0 !important; border-bottom:1px solid rgba(11,31,58,.08) !important; border-radius:0 !important; margin:0 !important; overflow:visible !important; flex:0 0 auto !important; }
.htjc-faq-item:last-child{ border-bottom:0 !important; }
.htjc-faq-item summary{ list-style:none; cursor:pointer; display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; gap:10px; padding:15px 40px 15px 0 !important; position:relative; font-size:14.5px !important; font-weight:600 !important; color:#16273c !important; line-height:1.45; }
.htjc-faq-item summary::-webkit-details-marker{ display:none; }
.htjc-faq-item summary:hover{ color:#2f6fb8 !important; }
.htjc-faq-item summary::after{ content:"+" !important; position:absolute !important; right:0 !important; top:13px !important; transform:none !important; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px !important; font-weight:700 !important; color:#1e3a5f !important; background:rgba(30,58,95,.07) !important; transition:background .2s,color .2s; line-height:1; }
.htjc-faq-item[open] summary::after{ content:"\2212" !important; background:#1e3a5f !important; color:#fff !important; }
.htjc-faq-q{ flex:1 1 auto; }
.htjc-faq-pop{ flex:0 0 auto; font-size:9.5px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:#8a6516; background:rgba(201,162,75,.18); border-radius:99px; padding:3px 8px; margin-top:2px; }
.htjc-faq-a{ padding:0 30px 16px 0 !important; font-size:13.5px !important; line-height:1.7 !important; color:#4b5c73 !important; }

/* -- bottom cta -- */
.htjc-faq-ctaw{ margin:34px 0 0 !important; }
.htjc-faq-cta{ display:flex; align-items:center; justify-content:space-between; gap:26px; padding:30px 34px; border-radius:18px; background:linear-gradient(120deg,#0b1f3a 0%,#173a68 58%,#1e4a80 100%); box-shadow:0 14px 34px rgba(11,31,58,.22); }
.htjc-faq-cta-txt{ display:flex; align-items:center; gap:18px; }
.htjc-faq-cta-ic{ flex:0 0 auto; width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(201,162,75,.16); color:#E3C46E; }
.htjc-faq-cta-ic svg{ width:26px; height:26px; }
.htjc-faq-cta-h{ margin:0 0 7px !important; font-size:20px !important; font-weight:800 !important; color:#fff !important; }
.htjc-faq-cta-p{ font-size:13.5px; line-height:1.6; color:rgba(255,255,255,.78); }
.htjc-faq-cta-btns{ display:flex; gap:12px; flex-wrap:wrap; flex:0 0 auto; }
.htjc-faq-btn{ display:inline-flex; align-items:center; justify-content:center; padding:13px 24px; border-radius:10px; font-size:14px; font-weight:700; text-decoration:none !important; transition:transform .18s,background .18s,color .18s,border-color .18s; white-space:nowrap; }
.htjc-faq-btn-a{ background:#C9A24B; color:#0b1f3a !important; }
.htjc-faq-btn-a:hover{ background:#d8b45e; transform:translateY(-2px); }
.htjc-faq-btn-b{ background:transparent; color:#fff !important; border:1px solid rgba(255,255,255,.55); }
.htjc-faq-btn-b:hover{ background:rgba(255,255,255,.12); border-color:#fff; transform:translateY(-2px); }

/* -- responsive -- */
@media (max-width:1024px){
  .htjc-faq-jump{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .htjc-faq-groups{ grid-template-columns:1fr !important; }
}
@media (max-width:768px){
  .htjc-faq-jump{ grid-template-columns:1fr; }
  .htjc-faq-tools{ flex-direction:column; align-items:stretch; }
  .htjc-faq-cta{ flex-direction:column; align-items:flex-start; padding:26px 22px; }
  .htjc-faq-stw .htjc-faq-stats{ gap:12px; font-size:12px; }
  .htjc-faq-stw .htjc-faq-stats i{ display:none; }
}
/* === Contact page full rebuild — elementor-element- selectors (2026-09-16) === */
/* Language strip */
.elementor-element-contact-lang-strip{ background:#f4f7fb !important; border-top:1px solid rgba(14,42,74,.08); border-bottom:1px solid rgba(14,42,74,.08); }
.htjc-lang-strip > div{ font-size:14px; color:#46505e; }
/* SLA pill */
.elementor-element-contact-sla{ justify-content:center !important; }
.htjc-sla-pill > div{ display:inline-flex !important; align-items:center; gap:10px; background:rgba(34,139,87,.08); border:1px solid rgba(34,139,87,.22); color:#1f7a4d; padding:8px 18px; border-radius:99px; font-weight:600; font-size:14px; }
/* Section H2 shared */
.htjc-section-h2 .elementor-heading-title{ font-size:32px !important; font-weight:800 !important; color:#0e2a4a !important; text-align:center !important; letter-spacing:-.4px !important; }
/* 6 contact cards */
.elementor-element-contact-info-row > .e-con-inner{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.elementor-element-contact-info-row > .e-con-inner > *{ width:auto !important; min-width:0 !important; background:#fff; border:1px solid rgba(14,42,74,.1); border-radius:14px; padding:28px; transition:.2s; }
.elementor-element-contact-info-row > .e-con-inner > *:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(14,42,74,.1); }
.htjc-contact-icon .htjc-ico{ width:30px !important; height:30px !important; color:#1e3a5f !important; }
.htjc-contact-label .elementor-heading-title{ font-size:15px !important; font-weight:700 !important; color:#0e2a4a !important; margin:8px 0 6px !important; }
.htjc-contact-value{ color:#46505e !important; font-size:14px !important; line-height:1.6 !important; }
.htjc-contact-value p{ margin:0 0 6px 0 !important; }
.htjc-contact-card-link:hover{ text-decoration:none !important; }
/* Timeline */
.elementor-element-contact-timeline{ background:#fff !important; }
.elementor-element-tl-steps-row > .e-con-inner{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.elementor-element-tl-steps-row > .e-con-inner > *{ width:auto !important; min-width:0 !important; background:rgba(244,247,251,.6); border:1px solid rgba(14,42,74,.06); border-radius:14px; padding:26px 32px; transition:.25s; }
.elementor-element-tl-steps-row > .e-con-inner > *:hover{ background:#fff; border-color:rgba(201,162,75,.4); transform:translateY(-2px); box-shadow:0 8px 24px rgba(14,42,74,.08); }
/* Trust strip */
.elementor-element-contact-trust{ background:linear-gradient(135deg,#f4f7fb,#eaf0f8) !important; border-top:1px solid rgba(14,42,74,.08); border-bottom:1px solid rgba(14,42,74,.08); }
.elementor-element-contact-trust > .e-con-inner{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:20px !important; align-items:stretch !important; justify-items:center; }
.elementor-element-contact-trust > .e-con-inner > *{ width:auto !important; min-width:0 !important; text-align:center; }
/* Form + aside */
.elementor-element-contact-form-section > .e-con-inner{ display:grid !important; grid-template-columns:1.6fr 1fr !important; gap:40px !important; align-items:stretch !important; }
.elementor-element-contact-form-section > .e-con-inner > *{ width:auto !important; min-width:0 !important; }
.elementor-element-form-col{ background:#fff; border:1px solid rgba(14,42,74,.1); border-radius:14px; padding:36px 32px; }
.elementor-element-info-col{ background:#f4f7fb; border:1px solid rgba(14,42,74,.08); border-radius:14px; padding:36px 32px; }
.htjc-form-section-heading{ color:#0e2a4a !important; font-size:22px !important; font-weight:800 !important; margin:0 0 14px !important; }
.htjc-aside-h3{ color:#0e2a4a !important; font-size:18px !important; font-weight:800 !important; margin:0 0 12px !important; }
.htjc-aside-cta-h{ color:#0e2a4a !important; font-size:15px !important; font-weight:700 !important; margin:18px 0 0 !important; }
.htjc-form-widget .elementor-form .elementor-field-group.htjc-form-half{ width:calc(50% - 8px) !important; display:inline-block !important; vertical-align:top; margin-right:8px; }
.htjc-form-widget .elementor-form .elementor-field-group.htjc-form-half:nth-of-type(2n){ margin-right:0; }
.htjc-form-widget .elementor-form .elementor-field-group.htjc-form-full{ width:100% !important; display:block !important; margin-top:14px; }
.htjc-why-list-wrap ul.htjc-why-list{ list-style:none !important; padding:0 !important; margin:14px 0 24px !important; }
.htjc-why-list-wrap ul.htjc-why-list > li{ display:flex !important; gap:14px; align-items:flex-start; padding:10px 0; border-bottom:1px solid rgba(14,42,74,.06); font-size:14px; color:#0e2a4a; }
.htjc-why-list-wrap ul.htjc-why-list > li:last-child{ border-bottom:0; }
.htjc-why-list-wrap ul.htjc-why-list > li > span{ flex:0 0 24px !important; color:#22a06b; }
.htjc-why-list-wrap ul.htjc-why-list > li > span .htjc-ico{ width:18px !important; height:18px !important; }
.htjc-why-list-wrap ul.htjc-why-list > li > div{ flex:1; line-height:1.5; }
.htjc-why-list-wrap ul.htjc-why-list > li > div strong{ display:block; margin-bottom:2px; color:#0e2a4a; }
.elementor-element-info-col .htjc-btn-outline .elementor-button,.elementor-element-info-col .htjc-btn-outline .elementor-button-text{ background:#1e3a5f !important; color:#fff !important; border:1.5px solid #1e3a5f !important; font-weight:700 !important; }
.elementor-element-info-col .htjc-btn-outline .elementor-button:hover{ background:#2a4f7c !important; color:#fff !important; }
.htjc-btn-block .elementor-button{ width:100% !important; display:block !important; text-align:center !important; }
/* Certifications */
.elementor-element-contact-certs{ background:#fff !important; }
.elementor-element-cb-row > .e-con-inner{ display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:16px !important; align-items:stretch !important; }
.elementor-element-cb-row > .e-con-inner > *{ width:auto !important; min-width:0 !important; background:#fff; border:1px solid rgba(14,42,74,.1); border-radius:10px; min-height:90px; display:flex; flex-direction:column; justify-content:center; padding:22px 18px; }
/* Testimonials */
.elementor-element-contact-testi{ background:linear-gradient(135deg,#f4f7fb,#eaf0f8) !important; }
.elementor-element-ts-row > .e-con-inner{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.elementor-element-ts-row > .e-con-inner > *{ width:auto !important; min-width:0 !important; background:#fff; border:1px solid rgba(14,42,74,.08); border-radius:14px; box-shadow:0 4px 16px rgba(14,42,74,.05); }
/* Mini FAQ */
.elementor-element-contact-faq{ background:#fff !important; }
.htjc-faq-mini-list .htjc-faq-item{ background:#f4f7fb; border:1px solid rgba(14,42,74,.08); border-radius:10px; padding:0; margin-bottom:10px; }
.htjc-faq-mini-list .htjc-faq-item summary{ display:flex !important; justify-content:space-between; align-items:center; padding:16px 20px; cursor:pointer; list-style:none; font-weight:600; color:#0e2a4a; font-size:15px; }
.htjc-faq-mini-list .htjc-faq-item summary::-webkit-details-marker{ display:none; }
.htjc-faq-mini-list .htjc-faq-item[open] summary{ color:#1e3a5f; }
.htjc-faq-mini-list .htjc-faq-toggle{ width:22px; height:22px; flex:0 0 22px; position:relative; border-radius:50%; background:rgba(30,58,95,.08); transition:all .2s; }
.htjc-faq-mini-list .htjc-faq-toggle::before,.htjc-faq-mini-list .htjc-faq-toggle::after{ content:""; position:absolute; top:50%; left:50%; background:#1e3a5f; transition:transform .2s; }
.htjc-faq-mini-list .htjc-faq-toggle::before{ width:10px; height:2px; transform:translate(-50%,-50%); }
.htjc-faq-mini-list .htjc-faq-toggle::after{ width:2px; height:10px; transform:translate(-50%,-50%); }
.htjc-faq-mini-list .htjc-faq-item[open] .htjc-faq-toggle{ background:rgba(30,58,95,.9); }
.htjc-faq-mini-list .htjc-faq-item[open] .htjc-faq-toggle::before,.htjc-faq-mini-list .htjc-faq-item[open] .htjc-faq-toggle::after{ background:#fff; }
.htjc-faq-mini-list .htjc-faq-item[open] .htjc-faq-toggle::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.htjc-faq-mini-list .htjc-faq-a{ padding:0 20px 18px 20px; color:#46505e; font-size:14px; line-height:1.65; }
/* Bottom CTA band */
.elementor-element-contact-cta{ background:linear-gradient(135deg,#0b1f3a,#102a52) !important; color:#fff !important; }
.elementor-element-contact-cta .elementor-widget-heading .elementor-heading-title{ color:#fff !important; }
.htjc-btn-gold .elementor-button{ background:#C9A24B !important; color:#0b1f3a !important; border:0 !important; font-weight:700 !important; }
.elementor-element-contact-cta .htjc-btn-ghost .elementor-button{ background:rgba(255,255,255,.06) !important; color:#fff !important; border:1px solid rgba(255,255,255,.4) !important; }
/* Responsive */
@media (max-width:980px){
  .elementor-element-contact-form-section > .e-con-inner{ grid-template-columns:1fr !important; }
  .elementor-element-tl-steps-row > .e-con-inner{ grid-template-columns:repeat(2,1fr) !important; }
  .elementor-element-contact-trust > .e-con-inner{ grid-template-columns:repeat(2,1fr) !important; }
  .elementor-element-cb-row > .e-con-inner{ grid-template-columns:repeat(3,1fr) !important; }
  .elementor-element-ts-row > .e-con-inner{ grid-template-columns:1fr !important; }
}
@media (max-width:680px){
  .elementor-element-contact-info-row > .e-con-inner{ grid-template-columns:1fr !important; }
  .htjc-form-widget .elementor-form .elementor-field-group.htjc-form-half{ width:100% !important; margin-right:0 !important; }
  .elementor-element-contact-trust > .e-con-inner{ grid-template-columns:repeat(2,1fr) !important; }
}
/* === Contact nested e-con-full row containers: grid on container (2026-09-16) === */
.elementor-element-tl-steps-row{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.elementor-element-tl-steps-row > *{ width:auto !important; min-width:0 !important; }
.elementor-element-cb-row{ display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:16px !important; align-items:stretch !important; }
.elementor-element-cb-row > *{ width:auto !important; min-width:0 !important; }
.elementor-element-ts-row{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.elementor-element-ts-row > *{ width:auto !important; min-width:0 !important; }
/* form 2-col for first 4 text fields (field _css_classes do not render) */
.htjc-form-widget .elementor-form-fields-wrapper > .elementor-field-group:nth-child(-n+4){ width:calc(50% - 8px) !important; display:inline-block !important; vertical-align:top !important; }
.htjc-form-widget .elementor-form-fields-wrapper > .elementor-field-group:nth-child(odd):nth-child(-n+4){ margin-right:16px !important; }
@media (max-width:680px){ .htjc-form-widget .elementor-form-fields-wrapper > .elementor-field-group:nth-child(-n+4){ width:100% !important; margin-right:0 !important; } }
/* CTA band heading white even if global navy rule catches it */
.elementor-element-contact-cta.htjc-cta .elementor-widget-heading .elementor-heading-title{ color:#fff !important; }
/* === Contact section background alternation (2026-09-16) === */
/* Alternating backgrounds: white / very-light-blue / white / slightly-darker / white / navy CTA */
/* Section: hero — kept as-is (has bg image) */

/* Language strip — keep very light gray */
.elementor-element-contact-lang-strip{ background:#f4f7fb !important; }

/* Info cards — light ice-blue */
.elementor-element-contact-info-row{ background:#eaf1f8 !important; padding:48px 0 !important; }
.elementor-element-contact-info-row > .e-con-inner{ gap:28px !important; }
.elementor-element-contact-info-row > .e-con-inner > *{ background:#fff !important; box-shadow:0 6px 24px rgba(14,42,74,.08) !important; border:none !important; }

/* SLA pill strip — keep white with bottom border */
.elementor-element-contact-sla{ background:#fff !important; padding:24px 0 !important; }

/* Timeline — light ice-blue */
.elementor-element-contact-timeline{ background:#eaf1f8 !important; padding:48px 0 !important; }
.elementor-element-tl-steps-row > *{ background:#fff !important; box-shadow:0 6px 20px rgba(14,42,74,.07) !important; border:none !important; padding:26px 32px !important; }

/* Trust strip — slightly deeper blue-gray (section divider feel) */
.elementor-element-contact-trust{ background:#dce8f4 !important; padding:40px 0 !important; }
.elementor-element-contact-trust > .e-con-inner{ gap:24px !important; }

/* Form section — white with card feel, top/bottom border as visual anchor */
.elementor-element-contact-form-section{ background:#fff !important; padding:48px 0 !important; border-top:1px solid rgba(14,42,74,.06); border-bottom:1px solid rgba(14,42,74,.06); }

/* Certs — light ice-blue (contrast vs white form section) */
.elementor-element-contact-certs{ background:#eaf1f8 !important; padding:48px 0 !important; }
.elementor-element-cb-row > *{ background:#fff !important; border:none !important; box-shadow:0 4px 16px rgba(14,42,74,.07) !important; }

/* Testimonials — slightly deeper blue-gray (alternate from certs) */
.elementor-element-contact-testi{ background:#dce8f4 !important; padding:48px 0 !important; }
.elementor-element-ts-row > *{ background:#fff !important; border:none !important; box-shadow:0 4px 16px rgba(14,42,74,.07) !important; }

/* Mini FAQ — white with top border */
.elementor-element-contact-faq{ background:#fff !important; padding:48px 0 !important; border-top:1px solid rgba(14,42,74,.06); }

/* Bottom CTA band — already navy, keep with strong top separator */
.elementor-element-contact-cta{ border-top:3px solid #C9A24B !important; }


/* === Contact form section bg image + frosted glass 2026-09-16 === */
/* ── Contact form section: warehouse/distribution center background ── */
.elementor-element-contact-form-section {
    background-image: url('/wp-content/uploads/2026/09/hero-contact-port.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}
/* Dark overlay to keep frosted cards readable */
.elementor-element-contact-form-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(145deg, rgba(8,20,48,0.78) 0%, rgba(12,28,60,0.68) 60%, rgba(8,20,48,0.80) 100%) !important;
    z-index: 0 !important;
}
/* Z-index restore for children */
.elementor-element-contact-form-section > .e-con-inner,
.elementor-element-contact-form-section > .e-con-inner > * {
    position: relative;
    z-index: 1 !important;
}

/* ── Form column: frosted glass card ── */
.elementor-element-form-col {
    background: rgba(255,255,255,0.11) !important;
    backdrop-filter: blur(20px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.5) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 22px !important;
    padding: 38px 34px !important;
}
/* Section heading inside frosted card */
.elementor-element-form-col .htjc-form-section-heading {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}
.elementor-element-form-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.78) !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}
/* Form inputs: white semi-transparent */
.elementor-element-form-col input[type="text"],
.elementor-element-form-col input[type="email"],
.elementor-element-form-col input[type="tel"],
.elementor-element-form-col select,
.elementor-element-form-col textarea {
    background: rgba(255,255,255,0.88) !important;
    border: 1px solid rgba(255,255,255,0.55) !important;
    border-radius: 10px !important;
    color: #0e2a4a !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}
.elementor-element-form-col input::placeholder,
.elementor-element-form-col textarea::placeholder {
    color: rgba(14,42,74,0.5) !important;
}
.elementor-element-form-col input:focus,
.elementor-element-form-col select:focus,
.elementor-element-form-col textarea:focus {
    border-color: rgba(201,162,75,0.8) !important;
    box-shadow: 0 0 0 3px rgba(201,162,75,0.18) !important;
    outline: none !important;
}
/* Submit button gold */
.elementor-element-form-col input[type="submit"],
.elementor-element-form-col button.elementor-button {
    background: #C9A24B !important;
    color: #0b1f3a !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s !important;
    margin-top: 4px !important;
}
.elementor-element-form-col input[type="submit"]:hover,
.elementor-element-form-col button.elementor-button:hover {
    background: #d4b05a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(201,162,75,0.35) !important;
}
/* Privacy text */
.elementor-element-form-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 12px !important;
    margin-top: 12px !important;
    text-align: center !important;
}

/* ── Aside column: softer frosted glass ── */
.elementor-element-info-col {
    background: rgba(255,255,255,0.07) !important;
    backdrop-filter: blur(16px) saturate(1.35) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 22px !important;
    padding: 38px 30px !important;
}
/* Aside headings */
.elementor-element-info-col .htjc-aside-h3 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}
.elementor-element-info-col .htjc-why-list-wrap {
    color: rgba(255,255,255,0.82) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 24px !important;
}
/* Why list bullets */
.elementor-element-info-col .htjc-why-list-wrap li {
    color: rgba(255,255,255,0.82) !important;
    margin-bottom: 8px !important;
}
/* Schedule a Call heading */
.elementor-element-info-col .htjc-aside-cta-h {
    color: rgba(255,255,255,0.95) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}
.elementor-element-info-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
    margin-bottom: 14px !important;
}
/* CTA button inside aside: navy solid */
.elementor-element-info-col .htjc-btn-outline {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.4) !important;
    border-radius: 10px !important;
    padding: 13px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s !important;
    display: block !important;
}
.elementor-element-info-col .htjc-btn-outline:hover {
    background: #2a4f7c !important;
    transform: translateY(-1px) !important;
}
.elementor-element-info-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.5) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
}
/* === Contact form light bg + ice-frosted glass 2026-09-16 v2 === */
/* ── Contact form section: bright co-working/office background ── */
.elementor-element-contact-form-section {
    background-image: url('/wp-content/uploads/2026/09/hero-contact-port.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}
/* Very light overlay — image is already bright, just add subtle contrast */
.elementor-element-contact-form-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(160deg, rgba(220,232,245,0.45) 0%, rgba(200,218,240,0.35) 50%, rgba(220,232,245,0.50) 100%) !important;
    z-index: 0 !important;
}
/* Z-index restore for children */
.elementor-element-contact-form-section > .e-con-inner,
.elementor-element-contact-form-section > .e-con-inner > * {
    position: relative;
    z-index: 1 !important;
}

/* ── Form column: light ice-frosted glass card ── */
.elementor-element-form-col {
    background: rgba(255,255,255,0.38) !important;
    backdrop-filter: blur(18px) saturate(1.6) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.6) !important;
    border: 1px solid rgba(255,255,255,0.60) !important;
    border-radius: 22px !important;
    padding: 38px 34px !important;
    box-shadow: 0 8px 32px rgba(27,58,107,0.10), 0 2px 8px rgba(0,0,0,0.06) !important;
}
/* Section heading inside frosted card */
.elementor-element-form-col .htjc-form-section-heading {
    color: #0e2a4a !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}
.elementor-element-form-col .elementor-widget-text-editor p {
    color: rgba(14,42,74,0.72) !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}
/* Form inputs: solid white — most readable on frosted bg */
.elementor-element-form-col input[type="text"],
.elementor-element-form-col input[type="email"],
.elementor-element-form-col input[type="tel"],
.elementor-element-form-col select,
.elementor-element-form-col textarea {
    background: #ffffff !important;
    border: 1px solid rgba(14,42,74,0.18) !important;
    border-radius: 10px !important;
    color: #0e2a4a !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(14,42,74,0.08) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.elementor-element-form-col input::placeholder,
.elementor-element-form-col textarea::placeholder {
    color: rgba(14,42,74,0.45) !important;
}
.elementor-element-form-col input:focus,
.elementor-element-form-col select:focus,
.elementor-element-form-col textarea:focus {
    border-color: rgba(201,162,75,0.8) !important;
    box-shadow: 0 0 0 3px rgba(201,162,75,0.15), 0 2px 8px rgba(14,42,74,0.08) !important;
    outline: none !important;
}
/* Submit button: navy solid — high contrast on light frosted card */
.elementor-element-form-col input[type="submit"],
.elementor-element-form-col button.elementor-button {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
    margin-top: 4px !important;
    box-shadow: 0 4px 14px rgba(30,58,95,0.30) !important;
}
.elementor-element-form-col input[type="submit"]:hover,
.elementor-element-form-col button.elementor-button:hover {
    background: #2a4f7c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(30,58,95,0.38) !important;
}
/* Privacy text */
.elementor-element-form-col .elementor-widget-text-editor:last-child p {
    color: rgba(14,42,74,0.55) !important;
    font-size: 12px !important;
    margin-top: 12px !important;
    text-align: center !important;
}

/* ── Aside column: lighter frosted glass ── */
.elementor-element-info-col {
    background: rgba(255,255,255,0.28) !important;
    backdrop-filter: blur(14px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.5) !important;
    border: 1px solid rgba(255,255,255,0.55) !important;
    border-radius: 22px !important;
    padding: 38px 30px !important;
    box-shadow: 0 8px 28px rgba(27,58,107,0.08), 0 2px 6px rgba(0,0,0,0.04) !important;
}
/* Aside headings */
.elementor-element-info-col .htjc-aside-h3 {
    color: #0e2a4a !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}
.elementor-element-info-col .htjc-why-list-wrap {
    color: rgba(14,42,74,0.78) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 24px !important;
}
/* Why list bullets */
.elementor-element-info-col .htjc-why-list-wrap li {
    color: rgba(14,42,74,0.78) !important;
    margin-bottom: 8px !important;
}
/* Schedule a Call heading */
.elementor-element-info-col .htjc-aside-cta-h {
    color: #0e2a4a !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}
.elementor-element-info-col .elementor-widget-text-editor p {
    color: rgba(14,42,74,0.68) !important;
    font-size: 13px !important;
    margin-bottom: 14px !important;
}
/* CTA button inside aside: navy solid */
.elementor-element-info-col .htjc-btn-outline {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 13px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s !important;
    display: block !important;
    box-shadow: 0 4px 12px rgba(30,58,95,0.25) !important;
}
.elementor-element-info-col .htjc-btn-outline:hover {
    background: #2a4f7c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(30,58,95,0.32) !important;
}
.elementor-element-info-col .elementor-widget-text-editor:last-child p {
    color: rgba(14,42,74,0.50) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
}
/* === Contact form dark industrial bg + navy frosted 2026-09-16 v3 === */
/* ── Contact form section: dark industrial/warehouse background ── */
.elementor-element-contact-form-section {
    background-image: url('/wp-content/uploads/2026/09/hero-contact-port.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}
/* Deep dark overlay — matches site deep navy theme */
.elementor-element-contact-form-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(145deg, rgba(8,20,48,0.82) 0%, rgba(10,25,55,0.74) 55%, rgba(8,20,48,0.86) 100%) !important;
    z-index: 0 !important;
}
/* Z-index restore for children */
.elementor-element-contact-form-section > .e-con-inner,
.elementor-element-contact-form-section > .e-con-inner > * {
    position: relative;
    z-index: 1 !important;
}

/* ── Form column: deep navy frosted glass card ── */
.elementor-element-form-col {
    background: rgba(11,31,58,0.52) !important;
    backdrop-filter: blur(20px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
    border: 1px solid rgba(220,232,245,0.18) !important;
    border-radius: 22px !important;
    padding: 38px 34px !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.40), 0 2px 10px rgba(0,0,0,0.25) !important;
}
/* Section heading inside frosted card */
.elementor-element-form-col .htjc-form-section-heading {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}
.elementor-element-form-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.90) !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}
/* Form inputs: frosted white glass */
.elementor-element-form-col input[type="text"],
.elementor-element-form-col input[type="email"],
.elementor-element-form-col input[type="tel"],
.elementor-element-form-col select,
.elementor-element-form-col textarea {
    background: rgba(255,255,255,0.88) !important;
    border: 1px solid rgba(255,255,255,0.50) !important;
    border-radius: 10px !important;
    color: #0e2a4a !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    width: 100% !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.elementor-element-form-col input::placeholder,
.elementor-element-form-col textarea::placeholder {
    color: rgba(14,42,74,0.50) !important;
}
.elementor-element-form-col input:focus,
.elementor-element-form-col select:focus,
.elementor-element-form-col textarea:focus {
    border-color: rgba(201,162,75,0.8) !important;
    box-shadow: 0 0 0 3px rgba(201,162,75,0.15) !important;
    outline: none !important;
}
/* Submit button: gold — matches site accent color */
.elementor-element-form-col input[type="submit"],
.elementor-element-form-col button.elementor-button {
    background: #C9A24B !important;
    color: #0b1f3a !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s !important;
    margin-top: 4px !important;
    box-shadow: 0 4px 16px rgba(201,162,75,0.30) !important;
}
.elementor-element-form-col input[type="submit"]:hover,
.elementor-element-form-col button.elementor-button:hover {
    background: #d4ad58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(201,162,75,0.40) !important;
}
/* Privacy text */
.elementor-element-form-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.72) !important;
    font-size: 12px !important;
    margin-top: 12px !important;
    text-align: center !important;
}

/* ── Aside column: deeper navy frosted glass ── */
.elementor-element-info-col {
    background: rgba(8,20,48,0.58) !important;
    backdrop-filter: blur(16px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
    border: 1px solid rgba(220,232,245,0.15) !important;
    border-radius: 22px !important;
    padding: 38px 30px !important;
    box-shadow: 0 8px 36px rgba(0,0,0,0.38), 0 2px 10px rgba(0,0,0,0.22) !important;
}
/* Aside headings */
.elementor-element-info-col .htjc-aside-h3 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}
.elementor-element-info-col .htjc-why-list-wrap {
    color: rgba(255,255,255,1.00) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 24px !important;
}
/* Why list bullets */
.elementor-element-info-col .htjc-why-list-wrap li {
    color: rgba(255,255,255,1.00) !important;
    margin-bottom: 8px !important;
}
/* Schedule a Call heading */
.elementor-element-info-col .htjc-aside-cta-h {
    color: rgba(255,255,255,1.00) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}
.elementor-element-info-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.85) !important;
    font-size: 13px !important;
    margin-bottom: 14px !important;
}
/* CTA button inside aside: ice-blue frosted style */
.elementor-element-info-col .htjc-btn-outline {
    background: rgba(220,232,245,0.12) !important;
    color: #dce8f4 !important;
    border: 2px solid rgba(220,232,245,0.35) !important;
    border-radius: 10px !important;
    padding: 13px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s !important;
    display: block !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.elementor-element-info-col .htjc-btn-outline:hover {
    background: rgba(220,232,245,0.20) !important;
    transform: translateY(-1px) !important;
}
.elementor-element-info-col .elementor-widget-text-editor:last-child p {
    color: rgba(220,232,245,0.60) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
}
/* === Contact form text contrast fix 2026-09-16 === */
/* ── WHITE LABELS: fix dark-on-dark form field labels ── */
.elementor-element-form-col .elementor-field-label,
.elementor-element-form-col label {
    color: rgba(255,255,255,0.95) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 6px !important;
    display: block !important;
}
/* Section heading white */
.elementor-element-form-col .htjc-form-section-heading {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}
/* Intro paragraph readable white */
.elementor-element-form-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.82) !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}
/* Privacy text */
.elementor-element-form-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.60) !important;
    font-size: 12px !important;
    margin-top: 12px !important;
    text-align: center !important;
}

/* ── ASIDE COLUMN: white text, readable ── */
.elementor-element-info-col .htjc-aside-h3 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}
/* Why list: white text */
.elementor-element-info-col .htjc-why-list-wrap {
    color: rgba(255,255,255,0.90) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    margin-bottom: 24px !important;
}
/* Why list bullets — ensure li also white */
.elementor-element-info-col .htjc-why-list-wrap li,
.elementor-element-info-col .htjc-why-list-wrap p {
    color: rgba(255,255,255,0.90) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    margin-bottom: 8px !important;
}
/* Schedule a Call heading */
.elementor-element-info-col .htjc-aside-cta-h {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}
/* Aside body text */
.elementor-element-info-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.85) !important;
    font-size: 13px !important;
    margin-bottom: 14px !important;
}
/* Aside privacy/last text */
.elementor-element-info-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
}
/* Card border highlight for depth */
.elementor-element-form-col {
    border: 1px solid rgba(255,255,255,0.20) !important;
}
.elementor-element-info-col {
    border: 1px solid rgba(255,255,255,0.16) !important;
}
/* === Contact form headings force white !important 2026-09-16 === */
/* ── FORCE WHITE section headings (beat Elementor global heading rules) ── */
.elementor-element-form-col .htjc-form-section-heading .elementor-heading-title,
.elementor-element-form-col .htjc-form-section-heading h3,
.elementor-element-form-heading .elementor-heading-title {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.elementor-element-info-col .htjc-aside-h3 .elementor-heading-title,
.elementor-element-info-col .htjc-aside-h3 h3,
.elementor-element-aside-h3 .elementor-heading-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
/* Checklist items: force white */
.elementor-element-info-col .htjc-why-list-wrap li,
.elementor-element-info-col .htjc-why-list-wrap li * {
    color: rgba(255,255,255,1.00) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}
/* Aside body text */
.elementor-element-info-col .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.85) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    margin-bottom: 12px !important;
}
/* Privacy text */
.elementor-element-info-col .elementor-widget-text-editor:last-child p {
    color: rgba(220,232,245,0.60) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
}
/* Submit button */
.elementor-element-form-col input[type="submit"],
.elementor-element-form-col button.elementor-button {
    background: #C9A24B !important;
    color: #0b1f3a !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s, transform 0.15s !important;
    margin-top: 4px !important;
    box-shadow: 0 4px 16px rgba(201,162,75,0.30) !important;
}
.elementor-element-form-col input[type="submit"]:hover {
    background: #d4ad58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(201,162,75,0.40) !important;
}
/* Card depth shadow */
.elementor-element-form-col {
    box-shadow: 0 12px 48px rgba(0,0,0,0.45), 0 4px 16px rgba(0,0,0,0.28) !important;
}
.elementor-element-info-col {
    box-shadow: 0 10px 40px rgba(0,0,0,0.40), 0 4px 14px rgba(0,0,0,0.24) !important;
}
/* === Contact form villa bg + dark overlay + frosted 2026-09-16 v3 === */
/* ── Villa/coastal background + dark overlay ── */
.elementor-element-contact-form-section {
    background-image: url('/wp-content/uploads/2026/09/hero-contact-villa.png') !important;
    background-size: cover !important;
    background-position: center 35% !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.elementor-element-contact-form-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(160deg,
        rgba(8,20,48,0.35) 0%,
        rgba(11,31,58,0.25) 50%,
        rgba(8,20,48,0.45) 100%) !important;
    z-index: 0 !important;
}
.elementor-element-contact-form-section > .e-con-inner,
.elementor-element-contact-form-section > .e-con-inner > * {
    position: relative !important;
    z-index: 1 !important;
}

/* ── Form column: deep navy frosted glass ── */
.elementor-element-form-col {
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(26px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.5) !important;
    border: 1px solid rgba(255,255,255,0.55) !important;
    border-radius: 22px !important;
    padding: 38px 34px !important;
    box-shadow: 0 18px 60px rgba(0,0,0,0.22), 0 4px 18px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.75) !important;
}
.elementor-element-form-col input[type="text"],
.elementor-element-form-col input[type="email"],
.elementor-element-form-col input[type="tel"],
.elementor-element-form-col select,
.elementor-element-form-col textarea {
    background: #ffffff !important;
    border: 1px solid rgba(14,42,74,0.22) !important;
    border-radius: 10px !important;
    color: #0e2a4a !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    width: 100% !important;
    box-shadow: 0 2px 10px rgba(14,42,74,0.14), inset 0 1px 0 rgba(255,255,255,0.8) !important;
}
.elementor-element-form-col input:focus,
.elementor-element-form-col select:focus,
.elementor-element-form-col textarea:focus {
    border-color: rgba(201,162,75,0.85) !important;
    box-shadow: 0 0 0 3px rgba(201,162,75,0.18) !important;
    outline: none !important;
}
.elementor-element-form-col input[type="submit"],
.elementor-element-form-col button.elementor-button[type="submit"] {
    background: #C9A24B !important;
    color: #0b1f3a !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(201,162,75,0.30) !important;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
    margin-top: 4px !important;
}
.elementor-element-form-col input[type="submit"]:hover {
    background: #d4ad58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(201,162,75,0.40) !important;
}

/* ── Aside column: deeper navy frosted glass ── */
.elementor-element-info-col {
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(26px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.5) !important;
    border: 1px solid rgba(255,255,255,0.50) !important;
    border-radius: 22px !important;
    padding: 38px 30px !important;
    box-shadow: 0 18px 60px rgba(0,0,0,0.22), 0 4px 18px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

/* ── Privacy / small text ── */
.elementor-element-form-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
    text-align: center !important;
}
.elementor-element-info-col .elementor-widget-text-editor:last-child p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 12px !important;
    margin-top: 14px !important;
}
/* === Contact villa text readability boost 2026-09-16 === */
/* Subtle text shadow on body text — pulls letters off busy backgrounds */
    .elementor-widget-form .elementor-field-group > label {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #0e2a4a !important;
    }
    /* Privacy footer line — softer since card is now thicker */
    .elementor-element-form-col .elementor-widget-text-editor:last-child p {
        color: rgba(14,42,74,0.65) !important;
        text-shadow: none !important;
    }
    .elementor-element-info-col .elementor-widget-text-editor:last-child p {
        color: rgba(14,42,74,0.65) !important;
        text-shadow: none !important;
    }
/* === Contact bullet inline color override 2026-09-16 === */
/* Override the green inline color on bullets + apply gold to SVG */
    .elementor-element-info-col .htjc-why-list-wrap .htjc-why-list li span {
        color: #C9A24B !important;
    }
    .elementor-element-info-col .htjc-why-list-wrap .htjc-why-list li span svg {
        color: #C9A24B !important;
        stroke: #C9A24B !important;
        fill: none !important;
        width: 20px !important;
        height: 20px !important;
        vertical-align: middle !important;
    }
    .elementor-element-info-col .htjc-why-list-wrap .htjc-why-list li {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }
    .elementor-element-info-col .htjc-why-list-wrap .htjc-why-list li > div {
        flex: 1 !important;
        color: #0e2a4a !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.65 !important;
    }
    .elementor-element-info-col .htjc-why-list-wrap .htjc-why-list li > div strong {
        color: #0e2a4a !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        display: block !important;
        margin-bottom: 3px !important;
    }
/* === Contact file input English replacement 2026-09-16 === */
/* Hide the native file input — replaced by custom JS-rendered button */
    .elementor-element-form-col input[type="file"],
    .elementor-element-form-col .htjc-file-native {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }
    /* Custom file picker row */
    .elementor-element-form-col .htjc-file-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        flex-wrap: wrap !important;
        padding: 10px 0 !important;
    }
    .elementor-element-form-col .htjc-file-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 18px !important;
        background: rgba(14,42,74,0.08) !important;
        border: 1px solid rgba(14,42,74,0.22) !important;
        border-radius: 8px !important;
        color: #0e2a4a !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        cursor: pointer !important;
        transition: background 0.15s ease, border-color 0.15s ease !important;
        user-select: none !important;
    }
    .elementor-element-form-col .htjc-file-btn:hover {
        background: rgba(14,42,74,0.14) !important;
        border-color: rgba(14,42,74,0.40) !important;
    }
    .elementor-element-form-col .htjc-file-btn svg {
        width: 16px !important;
        height: 16px !important;
        stroke: #1e3a5f !important;
    }
    .elementor-element-form-col .htjc-file-name {
        color: rgba(14,42,74,0.65) !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        word-break: break-all !important;
    }
    .elementor-element-form-col .htjc-file-name.has-file {
        color: #0e2a4a !important;
        font-weight: 600 !important;
    }
/* === Contact trust badges alignment fix 2026-09-16 === */
/* Force 4 equal columns for trust badges row */
    .elementor-element-contact-trust > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        align-items: stretch !important;
        gap: 16px !important;
    }
    .elementor-element-contact-trust > .e-con-inner > .e-con-full,
    .elementor-element-contact-trust > .e-con-inner > [data-id^="tb-"] {
        flex: 1 1 0 !important;
        width: 25% !important;
        max-width: 240px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 16px 12px !important;
    }

    /* Icon: uniform 48x48 box, SVG consistent */
    .elementor-element-contact-trust .htjc-ico {
        width: 22px !important;
        height: 22px !important;
        stroke-width: 1.8 !important;
    }

    /* Number row: tighter, consistent baseline */
    .elementor-element-contact-trust .elementor-element-tb-since-n,
    .elementor-element-contact-trust .elementor-element-tb-countries-n,
    .elementor-element-contact-trust .elementor-element-tb-ontime-n,
    .elementor-element-contact-trust .elementor-element-tb-reply-n {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
    }
    .elementor-element-contact-trust [data-id$="-n"] .elementor-widget-container > div {
        font-size: 38px !important;
        font-weight: 800 !important;
        color: #0e2a4a !important;
        line-height: 1 !important;
        letter-spacing: -.8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Label row: consistent below number */
    .elementor-element-contact-trust [data-id$="-l"] .elementor-widget-container > div {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #46505e !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        letter-spacing: .4px !important;
        text-transform: uppercase !important;
        line-height: 1.3 !important;
        padding: 0 !important;
    }

    /* Subtle vertical divider between badges (skip last) */
    .elementor-element-contact-trust > .e-con-inner > [data-id^="tb-"]:not(:last-child) {
        border-right: 1px solid rgba(11,31,58,0.08) !important;
    }

    /* Section background — make it pop a bit more (already pale blue from earlier) */
    .elementor-element-contact-trust {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
/* About Story: ensure h2 and lead subtitle are stacked with breathing room */
.elementor-element-ab-story-h2 {
    display: block !important;
    margin-bottom: 14px !important;
}
.elementor-element-ab-story-h2 .elementor-heading-title {
    display: block !important;
    margin: 0 0 14px 0 !important;
}
.elementor-element-ab-story-h2-lead {
    display: block !important;
    margin-top: 6px !important;
}
.elementor-element-ab-story-h2-lead p {
    display: block !important;
    margin: 6px auto 0 !important;
    line-height: 1.6 !important;
}

/* Slight visual nudge: a touch more space below eyebrow → h2 */
.elementor-element-ab-story-eyebrow {
    margin-bottom: 8px !important;
}

/* Apostrophe rendering glitch ("Xi'an" → "Xi' an") — ensure straight quote font fallback */
.elementor-heading-title, .elementor-widget-text-editor p {
    font-feature-settings: normal !important;
}

/* Hero: nudge content block ~5% lower (top:0 → 5%) */
.htjc-hero-page-info {
    margin-top: 8% !important;
    margin-bottom: auto !important;
}
//* About story: remove flex-end that was crushing eyebrow+h2+subtitle together */
.elementor-element-ab-story-left {
  align-self: flex-start !important;
}
.ab-story-left {
  align-self: flex-start !important;
}
.elementor-element-ab-story-left .elementor-widget {
  display: block !important;
}
.elementor-element-ab-story-h2 .elementor-heading-title {
  display: block !important;
  text-align: left !important;
  margin-bottom: 14px !important;
  margin-top: 0 !important;
}
.elementor-element-ab-story-h2-lead p {
  display: block !important;
  text-align: left !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}
.elementor-element-ab-story-eyebrow .elementor-widget-container p {
  color: #C9A24B !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}
.elementor-element-ab-story-h2-lead {
  display: block !important;
  margin-top: 0 !important;
}
/* Hero content nudge lower */
.htjc-hero-page-info {
  margin-top: 6% !important;
  margin-bottom: auto !important;
}
/*
.elementor-element-ab-story-left {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}
/* ab-story-left has no e-con-inner, widgets are direct children */
.elementor-element-ab-story-left > .elementor-widget {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* eyebrow: small gold uppercase */
.elementor-element-ab-story-eyebrow .elementor-widget-container p {
  color: #C9A24B !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
}
/* h2: navy large bold */
.elementor-element-ab-story-h2 .elementor-heading-title {
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #0e2a4a !important;
  text-align: left !important;
  margin: 0 0 14px 0 !important;
}
/* h2 lead: gray readable subtitle on new line */
.elementor-element-ab-story-h2-lead p {
  color: #46505e !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  text-align: left !important;
  margin: 0 !important;
  max-width: 580px !important;
}
/* Hero content nudge lower */
.htjc-hero-page-info {
  margin-top: 6% !important;
  margin-bottom: auto !important;
}
/*

/* Left column: tighter, less top padding, single left-aligned rhythm */
.elementor-element-ab-story-left {
  padding-top: 0 !important;
  padding-left: 0 !important;
}

/* Reduce hero-section height gap above the section */
.elementor-element-about-story {
  padding-top: 40px !important;
  padding-bottom: 60px !important;
}

/* Eyebrow: gold small, left-aligned, with small gold dash decoration */
.elementor-element-ab-story-eyebrow {
  margin-bottom: 14px !important;
  position: relative !important;
  padding-left: 0 !important;
}
.elementor-element-ab-story-eyebrow .elementor-widget-container p {
  color: #C9A24B !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin: 0 !important;
  display: block !important;
}

/* H2: navy bold, left-aligned, tighter to eyebrow */
.elementor-element-ab-story-h2 {
  margin-bottom: 0 !important;
}
.elementor-element-ab-story-h2 .elementor-heading-title {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0e2a4a !important;
  text-align: left !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle: gray, left-aligned, tighter to heading */
.elementor-element-ab-story-h2-lead {
  margin-bottom: 28px !important;
}
.elementor-element-ab-story-h2-lead p {
  color: #46505e !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  text-align: left !important;
  margin: 0 !important;
  max-width: 580px !important;
  font-style: italic !important;
}

/* Body text (3 paragraphs): tighter rhythm, better line-height 

/* Container: zero internal padding so heading and eyebrow share exact left edge */
.elementor-element-about-story {
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}
.elementor-element-ab-story-left {
  padding: 0 !important;
  align-items: stretch !important;
}

/* Eyebrow: gold small caps, left aligned, no margin to align with heading */
.elementor-element-ab-story-eyebrow {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-eyebrow .elementor-widget-container {
  text-align: left !important;
}
.elementor-element-ab-story-eyebrow p {
  color: #C9A24B !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Heading: navy bold 36px, left aligned, exact same left edge as eyebrow */
.elementor-element-ab-story-h2 {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-h2 .elementor-widget-container {
  text-align: left !important;
}
.elementor-element-ab-story-h2 .elementor-heading-title {
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  color: #0e2a4a !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle: italic gray, left aligned, just below heading */
.elementor-element-ab-story-h2-lead {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-h2-lead p {
  color: #5a6878 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  font-style: italic !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 580px !important;
}

/* Body: 3 paragraphs, tighter rhythm, no huge gap */
.elementor-element-ab-story-body {
  margin-top: 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-body p {
  color: #34495e !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  text-align: left !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  max-width: 580px !important;
}
.elementor-element-ab-story-body p:last-child {
  margin-bottom: 0 !important;
}
/* === Our Story section v3 clean layout 2026-09-16 === */

/* Right column now has the port image as background */
.elementor-element-ab-story-right {
  background-image: url("/wp-content/uploads/2026/09/hero-about.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 480px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 40px rgba(11,31,58,0.12) !important;
}

/* Section container */
.elementor-element-about-story {
  padding: 60px 0 !important;
  background: #f7f9fc !important;
}
.elementor-element-about-story > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 48px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
}

/* Left column: column layout for stacked widgets */
.elementor-element-ab-story-left,
.elementor-element-ab-story-left.e-con.e-flex {
  margin-left: 0 !important;
  padding-left: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex: 1 1 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Right column: image with portrait orientation */
.elementor-element-ab-story-right,
.elementor-element-ab-story-right.e-con.e-flex {
  display: flex !important;
  flex: 1 1 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Eyebrow */
.elementor-element-ab-story-eyebrow {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-eyebrow .elementor-widget-container {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-element-ab-story-eyebrow p {
  color: #C9A24B !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* H2 */
.elementor-element-ab-story-h2 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-h2 .elementor-widget-container {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-element-ab-story-h2 .elementor-heading-title {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0e2a4a !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: -0.5px !important;
  display: block !important;
}

/* Subtitle (italic gray) */
.elementor-element-ab-story-h2-lead {
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-h2-lead .elementor-widget-container {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-element-ab-story-h2-lead p {
  color: #3a4a5c !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  font-style: italic !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  display: block !important;
}

/* Body paragraphs */
.elementor-element-ab-story-body {
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-element-ab-story-body .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-element-ab-story-body p {
  color: #34495e !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  text-align: left !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  max-width: none !important;
  display: block !important;
}
.elementor-element-ab-story-body p:last-child {
  margin-bottom: 0 !important;
}

/* === Vehicle card brightener 2026-09-17 v6 — drop navy, bigger image === */

/* Card base: warm off-white */
.htjc-vehicle-card {
  background: #fefcfa !important;
  border: 1px solid rgba(60,40,20,0.10) !important;
}

/* IMAGE: bigger — 4:3 to give more visual weight */
.htjc-vehicle-card .htjc-card-img-wrap {
  aspect-ratio: 4/3 !important;
  background: #f5f0e8 !important;
}
.htjc-vehicle-card .htjc-card-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Title: warm dark gray (no navy) */
.htjc-vehicle-card .htjc-card-title a,
.htjc-vehicle-card .htjc-card-title {
  color: #2c2a26 !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  letter-spacing: -0.3px !important;
  line-height: 1.35 !important;
}
.htjc-vehicle-card .htjc-card-title a:hover {
  color: #B8861F !important;
}

/* Subtitle brand line: warm gray */
.htjc-vehicle-card .htjc-card-sub,
.htjc-vehicle-card .htjc-card-meta {
  color: #7a6f63 !important;
  font-weight: 500 !important;
}

/* Range / AWD chips: warm cream gradient + gold icon (no blue) */
.htjc-vehicle-card .htjc-chip {
  background: linear-gradient(135deg, rgba(245,232,200,0.6) 0%, rgba(232,220,195,0.5) 100%) !important;
  color: #3a322a !important;
  border: 1px solid rgba(184,134,31,0.25) !important;
  font-weight: 700 !important;
}
.htjc-vehicle-card .htjc-chip svg,
.htjc-vehicle-card .htjc-chip .htjc-ic {
  color: #B8861F !important;
}

/* Factory direct pill: muted neutral (2026-09-23) — keep Bulk Quote button gold as main CTA;
   navy outline on white balances the card's two navy buttons (View Details + Bulk Quote).
   Stretch to full row width so left/right edges align with View Details/Bulk Quote buttons. */
.htjc-vehicle-card .htjc-card-price {
  background: #ffffff !important;
  color: var(--htjc-navy) !important;
  border: 1px solid var(--htjc-navy) !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  letter-spacing: 0 !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  box-shadow: none !important;
  margin: 6px 0 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.htjc-vehicle-card .htjc-price-mark {
  background: transparent !important;
  color: var(--htjc-navy) !important;
  border: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: none !important;
}
.htjc-vehicle-card .htjc-price-mark svg {
  color: var(--htjc-navy) !important;
  fill: var(--htjc-navy) !important;
}
.htjc-vehicle-card .htjc-price-sep {
  color: rgba(27, 58, 107, 0.55) !important;
  margin: 0 4px !important;
}

/* View Details: WARM charcoal (no navy) */
.htjc-vehicle-card .htjc-btn-filled {
  background: linear-gradient(135deg, #2c2a26 0%, #4a4640 100%) !important;
  color: #ffffff !important;
  border: 1px solid #2c2a26 !important;
  box-shadow: 0 4px 12px rgba(44,42,26,0.22) !important;
  font-weight: 700 !important;
}
.htjc-vehicle-card .htjc-btn-filled:hover {
  background: linear-gradient(135deg, #3a3833 0%, #5a5650 100%) !important;
  box-shadow: 0 6px 18px rgba(44,42,26,0.32) !important;
  transform: translateY(-2px) !important;
}
.htjc-vehicle-card .htjc-btn-filled svg {
  fill: #ffffff !important;
}

/* Bulk Quote: vivid gold filled */
.htjc-vehicle-card .htjc-btn-outline {
  background: linear-gradient(135deg, #D4A017 0%, #F5C53A 45%, #E0B02F 100%) !important;
  color: #2c2a26 !important;
  border: 1px solid #D4A017 !important;
  box-shadow: 0 4px 14px rgba(212,160,23,0.45) !important;
  font-weight: 700 !important;
}
.htjc-vehicle-card .htjc-btn-outline:hover {
  background: linear-gradient(135deg, #E5B53C 0%, #FFD462 45%, #F0C24A 100%) !important;
  box-shadow: 0 6px 20px rgba(212,160,23,0.55) !important;
  transform: translateY(-2px) !important;
}

/* Brand tag top-left: keep brand color but lighter + warmer shadow */
.htjc-vehicle-card .htjc-card-brand {
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 3px 10px rgba(60,40,20,0.25) !important;
}

/* Card hover */
.htjc-vehicle-card:hover {
  box-shadow: 0 18px 44px rgba(60,40,20,0.16) !important;
  transform: translateY(-6px) !important;
  border-color: rgba(184,134,31,0.30) !important;
}


/* ---- Section navy gradient overlay ---- */
/* ---- WHY EXPORT cards: frosted glass + dark text ---- */
.elementor-element-5b01701 > .e-con-inner > .e-con {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.50) !important;
  border-top: 3px solid var(--feature-color,#1b3a6b) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 28px rgba(27,58,107,0.10) !important;
}
.elementor-element-5b01701 .elementor-heading-title {
  color: #1e3a5f !important;
  font-weight: 700 !important;
}
.elementor-element-5b01701 .elementor-widget-text-editor p {
  color: #374151 !important;
}
.elementor-element-5b01701 .elementor-button {
  background: #1e3a5f !important;
  color: #ffffff !important;
}

/* ---- EXPLORE cards: frosted glass + dark text ---- */
.elementor-element-f0cc948 > .e-con-inner > .e-con {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.50) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 28px rgba(27,58,107,0.10) !important;
}
.elementor-element-f0cc948 .elementor-heading-title {
  color: #1e3a5f !important;
  font-weight: 700 !important;
}
.elementor-element-f0cc948 .elementor-widget-text-editor p {
  color: #374151 !important;
}
.elementor-element-f0cc948 .htjc-card-view {
  background: #1e3a5f !important;
  color: #ffffff !important;
}

/* === Frosted Glass Cards v2 2026-09-20 === */
/* ---- Section: deep navy gradient overlay ---- */
/* Section H2 + lead = white on navy overlay */

/* ---- WHY EXPORT cards: frosted glass ---- */
.htjc-card-why {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  border-top: 3px solid var(--feature-color,#1b3a6b) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 28px rgba(27,58,107,0.10) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.htjc-card-why:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 40px rgba(27,58,107,0.16) !important;
}
.htjc-card-why .elementor-heading-title,
.htjc-card-why .elementor-widget-heading .elementor-heading-title {
  color: #1e3a5f !important;
  font-weight: 700 !important;
}
.htjc-card-why .elementor-widget-text-editor p {
  color: #374151 !important;
}
.htjc-card-why .elementor-button {
  background: #1e3a5f !important;
  color: #ffffff !important;
}

/* ---- EXPLORE cards: frosted glass ---- */
.htjc-card-exp {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 28px rgba(27,58,107,0.10) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.htjc-card-exp:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 40px rgba(27,58,107,0.16) !important;
}
.htjc-card-exp .elementor-heading-title,
.htjc-card-exp .elementor-widget-heading .elementor-heading-title {
  color: #1e3a5f !important;
  font-weight: 700 !important;
}
.htjc-card-exp .elementor-widget-text-editor p {
  color: #374151 !important;
}
.htjc-card-exp .htjc-card-view {
  background: #1e3a5f !important;
  color: #ffffff !important;
}


/* === FAQ hero overlay (2026-09-20 v2) === */
/* Anchor: faq-hero container sets position so ::before covers */
.elementor-element-faq-hero{position:relative!important;overflow:hidden!important;}
.elementor-element-faq-hero::before{
  content:''!important;position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(11,31,58,0.78) 0%,rgba(11,31,58,0.55) 100%)!important;
  z-index:1!important;pointer-events:none!important;
}
.elementor-element-faq-hero > .e-con-inner{position:relative!important;z-index:2!important;}

/* ID-level specificity: nested elementor-element-* selector with widget selector wins */
/* Use double ID selector to be sure */
.elementor-element-faq-hero .elementor-element-fq-eyebrow,
.elementor-element-faq-hero .elementor-element-fq-eyebrow *{
  color:#ffffff!important;text-shadow:0 1px 10px rgba(0,0,0,0.85),0 0 4px rgba(0,0,0,0.5)!important;
}
.elementor-element-faq-hero .elementor-element-fq-h1.elementor-widget-heading .elementor-heading-title,
.elementor-element-faq-hero .elementor-element-fq-h1.elementor-widget-heading .elementor-heading-title *{
  color:#ffffff!important;font-weight:800!important;
  text-shadow:0 2px 18px rgba(0,0,0,0.85),0 0 6px rgba(0,0,0,0.6)!important;
}
.elementor-element-faq-hero .elementor-element-fq-lead,
.elementor-element-faq-hero .elementor-element-fq-lead *{
  color:#ffffff!important;text-shadow:0 1px 12px rgba(0,0,0,0.85),0 0 4px rgba(0,0,0,0.5)!important;font-weight:500!important;
}
.elementor-element-faq-hero .elementor-element-fq-stats,
.elementor-element-faq-hero .elementor-element-fq-stats *{
  color:#ffffff!important;text-shadow:0 1px 10px rgba(0,0,0,0.85),0 0 4px rgba(0,0,0,0.5)!important;
}
.elementor-element-faq-hero .elementor-element-fq-stats b{
  color:#C9A24B!important;font-weight:800!important;
}

/* === Section headers text-align center (2026-09-20) === */
/* Centered section headings */
.elementor-element-19d01fd.elementor-widget-heading .elementor-heading-title,
.elementor-element-7369011.elementor-widget-heading .elementor-heading-title,
.elementor-element-6876753.elementor-widget-heading .elementor-heading-title,
.elementor-element-d26d644.elementor-widget-heading .elementor-heading-title,
.elementor-element-44192d1.elementor-widget-heading .elementor-heading-title,
.elementor-element-ab-story-h2.elementor-widget-heading .elementor-heading-title{text-align:center!important;width:100%!important;}

/* Centered lead paragraphs: force text-align:center on the text-editor widget and all inner elements */
.elementor-element-b63364f .elementor-widget-text-editor,
.elementor-element-b63364f .elementor-widget-text-editor *,
.elementor-element-c2eeb31 .elementor-widget-text-editor,
.elementor-element-c2eeb31 .elementor-widget-text-editor *,
.elementor-element-2310c42 .elementor-widget-text-editor,
.elementor-element-2310c42 .elementor-widget-text-editor *,
.elementor-element-c91947c .elementor-widget-text-editor,
.elementor-element-c91947c .elementor-widget-text-editor *,
.elementor-element-9953160 .elementor-widget-text-editor,
.elementor-element-9953160 .elementor-widget-text-editor *,
.elementor-element-ab-story-left .elementor-widget-text-editor,
.elementor-element-ab-story-left .elementor-widget-text-editor *{
  text-align:center!important;
}
/* Center text-editor wrapper as flex item too */
.elementor-element-c91947c > .e-con-inner > .elementor-widget-text-editor,
.elementor-element-9953160 > .e-con-inner > .elementor-widget-text-editor{align-self:center!important;width:auto!important;}
/* === CTA button row center fix === */
.elementor-element-eadb9b1 > .e-con-inner{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
}

/* === Section bg-image readability overlay (2026-09-21) === */
.elementor-element-67095b1::before,
.elementor-element-c1b09e6::before,
.elementor-element-941d195::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(11,31,58,0.85) 0%,
    rgba(11,31,58,0.55) 35%,
    rgba(11,31,58,0.30) 65%,
    rgba(11,31,58,0.55) 100%);
  pointer-events:none;
  z-index:0;
}
.elementor-element-67095b1 > .e-con-inner,
.elementor-element-c1b09e6 > .e-con-inner,
.elementor-element-941d195 > .e-con-inner{
  position:relative;
  z-index:1;
}
/* Section bg-image readability overlay + white text (2026-09-21) */
.elementor-element-67095b1::before,
.elementor-element-c1b09e6::before,
.elementor-element-941d195::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(11,31,58,0.85) 0%,
    rgba(11,31,58,0.60) 30%,
    rgba(11,31,58,0.35) 60%,
    rgba(11,31,58,0.60) 100%);
  pointer-events:none;
  z-index:0;
}
.elementor-element-67095b1 > .e-con-inner,
.elementor-element-c1b09e6 > .e-con-inner,
.elementor-element-941d195 > .e-con-inner{
  position:relative;
  z-index:1;
}
body.page-id-1138 .elementor-element-67095b1 .elementor-heading-title,
body.page-id-1138 .elementor-element-c1b09e6 .elementor-heading-title,
body.page-id-1138 .elementor-element-941d195 .elementor-heading-title{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,0.55) !important;
}
body.page-id-1138 .elementor-element-67095b1 .elementor-widget-text-editor,
body.page-id-1138 .elementor-element-67095b1 .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-67095b1 .elementor-widget-text-editor div,
body.page-id-1138 .elementor-element-c1b09e6 .elementor-widget-text-editor,
body.page-id-1138 .elementor-element-c1b09e6 .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-c1b09e6 .elementor-widget-text-editor div,
body.page-id-1138 .elementor-element-941d195 .elementor-widget-text-editor,
body.page-id-1138 .elementor-element-941d195 .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-941d195 .elementor-widget-text-editor div{
  color:#ffffff !important;
  text-shadow:0 1px 10px rgba(0,0,0,0.5) !important;
}


/* Force white text on bg-image sections (2026-09-21) */
body.page-id-1138.home body.page-id-1138 .elementor-element-67095b1 .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-67095b1 p,
body.page-id-1138.home body.page-id-1138 .elementor-element-67095b1 div,
body.page-id-1138.home body.page-id-1138 .elementor-element-c1b09e6 .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-c1b09e6 p,
body.page-id-1138.home body.page-id-1138 .elementor-element-c1b09e6 div,
body.page-id-1138.home body.page-id-1138 .elementor-element-2310c42 .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-2310c42 p,
body.page-id-1138.home body.page-id-1138 .elementor-element-2310c42 div,
body.page-id-1138.home body.page-id-1138 .elementor-element-941d195 .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-941d195 p,
body.page-id-1138.home body.page-id-1138 .elementor-element-941d195 div {
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,0.65) !important;
}



/* FIX: Preserve icon/card colors inside white-text sections (2026-09-21) */
/* .htjc-feature-ic and .htjc-card-title inside 67095b1/c1b09e6/2310c42/941d195 */
/* are divs inside .elementor-widget-text-editor so they inherit white !important */
/* This block restores their intended colors with higher specificity */

body.page-id-1138.home body.page-id-1138 .elementor-element-67095b1 .htjc-feature-ic,
body.page-id-1138.home body.page-id-1138 .elementor-element-c1b09e6 .htjc-feature-ic,
body.page-id-1138.home body.page-id-1138 .elementor-element-2310c42 .htjc-feature-ic,
body.page-id-1138.home body.page-id-1138 .elementor-element-941d195 .htjc-feature-ic,
body.page-id-1138 .elementor-element-67095b1 .htjc-feature-ic,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-feature-ic,
body.page-id-1138 .elementor-element-2310c42 .htjc-feature-ic,
body.page-id-1138 .elementor-element-941d195 .htjc-feature-ic{
  color:var(--htjc-navy,#0b1f3a) !important;
}

body.page-id-1138.home body.page-id-1138 .elementor-element-67095b1 .htjc-card-title .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-title .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-2310c42 .htjc-card-title .elementor-heading-title,
body.page-id-1138.home body.page-id-1138 .elementor-element-941d195 .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-67095b1 .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-2310c42 .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-941d195 .htjc-card-title .elementor-heading-title{
  color:var(--htjc-navy,#0b1f3a) !important;
}

body.page-id-1138 .elementor-element-67095b1 .htjc-feature-t .elementor-heading-title,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-feature-t .elementor-heading-title,
body.page-id-1138 .elementor-element-2310c42 .htjc-feature-t .elementor-heading-title,
body.page-id-1138 .elementor-element-941d195 .htjc-feature-t .elementor-heading-title{
  color:var(--htjc-navy,#0b1f3a) !important;
}

/* Contact page hero: force eyebrow + h2 center align */
body.page-id-1148 .elementor-element-contact-eyebrow .elementor-widget-container,
body.page-id-1148 .elementor-element-contact-eyebrow .elementor-widget-container *{
  text-align:center !important;
}
body.page-id-1148 .elementor-element-contact-h2 .elementor-widget-container{
  text-align:center !important;
}




/* === Home Hot Models subtitle (id=3b6f4e1) -> white on dark hero bg === */
body.elementor-page-1138 .elementor-element-67095b1 .elementor-element-3b6f4e1.elementor-widget-text-editor .elementor-widget-container p{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,0.55);
}

/* Home Wholesale Enquiry button text color (2026-09-21, see log hot-models-subtitle-white) */
body.elementor-page-1138 .elementor-element-056ca4d .elementor-button,
body.elementor-page-1138 .elementor-element-056ca4d .elementor-button .elementor-button-text{ color:#ffffff !important; }


/* === Why Export + Explore card polish (2026-09-21) === */
/* Scope: only .htjc-card-why (Why Export) and .htjc-card-exp (Explore) — */
/* never touch Wholesale (.htjc-value-icon), Cases (.htjc-stat-ico), etc.   */

/* ---- Icon container: navy box with gold icon (was invisible white SVG) ---- */
.htjc-card-why .htjc-feature-ic,
.htjc-card-exp .htjc-feature-ic{
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border-radius: 13px !important;
  background: var(--htjc-navy) !important;
  color: var(--htjc-gold) !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 52px !important;
  margin: 0 0 6px !important;
  overflow: hidden !important;
}
.htjc-card-why .htjc-feature-ic svg,
.htjc-card-exp .htjc-feature-ic svg{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  color: var(--htjc-gold) !important;
  fill: none !important;
  stroke: var(--htjc-gold) !important;
  stroke-width: 2 !important;
  display: block !important;
}

/* ---- Why Export cards: better padding so they're not so sparse ---- */
.htjc-card-why{
  padding: 22px !important;
  min-height: 184px !important;
  height: auto !important;
}
.htjc-card-why > .e-con-inner{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
}

/* ---- Explore cards: matching padding ---- */
.htjc-card-exp{
  padding: 22px !important;
}
.htjc-card-exp > .e-con-inner{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
}

/* ---- Open → button: make it bigger and gold (was tiny 50x21 navy bg) ---- */
.htjc-card-exp .htjc-card-view{
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  margin-top: 6px !important;
  padding: 11px 24px !important;
  background: var(--htjc-gold) !important;
  color: #1a1205 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .5px !important;
  text-decoration: none !important;
  transition: background .2s ease, transform .2s ease !important;
}
.htjc-card-exp .htjc-card-view:hover{
  background: #d6ac4f !important;
  transform: translateX(2px) !important;
}

/* === Layout v2: icon left + title right + paragraph below title === */
/* Why Export + Explore cards — 2-col grid (2026-09-21) */


/* WHY EXPORT v3.5: outer flex row, icon 64px + nested inner (title + para column), no display:contents */
/* Layout: row1=[icon| nested inner]; nested inner column with title row + para row (both full width, left-aligned) */
.htjc-card-why > .e-con-inner{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
}
.htjc-card-why > .e-con-inner > :nth-child(1){
  flex: 0 0 52px !important;
  width: 52px !important;
  align-self: flex-start !important;
  margin: 0 !important;
}
.htjc-card-why > .e-con-inner > :nth-child(2){
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner{
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  gap: 6px !important;
}
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner > *{
  width: 100% !important;
  text-align: left !important;
}
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner > .htjc-feature-t .elementor-heading-title{
  text-align: left !important;
  margin: 0 !important;
}
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner > .htjc-feature,
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner > .elementor-widget-text-editor,
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner > .htjc-feature p,
.htjc-card-why > .e-con-inner > :nth-child(2) > .e-con-inner > .elementor-widget-text-editor p{
  text-align: left !important;
  width: 100% !important;
  margin: 0 !important;
}

/* EXPLORE v3:/* EXPLORE v3: icon+title in row 1, para+btn full-width below (user ref: image#1) */
/* Row 1: [icon | title] horizontally aligned, icon top-centered with title */
/* Row 2: para (full card width, text-align left) */
/* Row 3: btn (full card width, left-aligned to match icon+title start) */
.htjc-card-exp .htjc-card-body > .e-con-inner{
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}
.htjc-card-exp .htjc-card-body > .e-con-inner > :nth-child(1){
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
}
.htjc-card-exp .htjc-card-body > .e-con-inner > :nth-child(2){
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
}
.htjc-card-exp .htjc-card-body > .e-con-inner > :nth-child(3){
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  text-align: left !important;
  margin: 0 !important;
}
.htjc-card-exp .htjc-card-body > .e-con-inner > :nth-child(3) p{
  text-align: left !important;
}
.htjc-card-exp .htjc-card-body > .e-con-inner > :nth-child(4){
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  justify-self: start !important;
  margin: 0 !important;
}

/* ---- Thicker gold icon strokes (2 -> 4) for both sections - match reference image#1 ---- */
.htjc-card-why .htjc-feature-ic svg,
.htjc-card-exp .htjc-feature-ic svg{
  stroke-width: 4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* ---- Adjust card min-heights for new horizontal layout ---- */
.htjc-card-why{
  min-height: 130px !important;
}
.htjc-card-exp .htjc-card-body{
  min-height: 130px !important;
}
/* Clean typography: remove text-shadow on Why Export + Explore white-card sections */
/* Only these two card types; Hot Models subtitle (inside 67095b1) keeps its shadow */
body.page-id-1138 .elementor-element-67095b1 .htjc-feature-t .elementor-heading-title,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-feature-t .elementor-heading-title,
body.page-id-1138 .elementor-element-941d195 .htjc-feature-t .elementor-heading-title,
body.page-id-1138 .elementor-element-67095b1 .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-941d195 .htjc-card-title .elementor-heading-title {
  text-shadow: none !important;
}

/* CLEAN t2: no text-shadow on Why+Explore cards v2 (matched specificity) */
/* Why Export titles: .htjc-feature-t wraps heading */
body.page-id-1138 .elementor-element-67095b1 .htjc-card-why .htjc-feature-t .elementor-heading-title {
  text-shadow: none !important;
}
/* Explore titles: .htjc-card-title wraps heading */
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .htjc-card-title .elementor-heading-title,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .htjc-card-title .elementor-heading-title {
  text-shadow: none !important;
}
/* Why Export paras: .htjc-feature wraps text-editor */
body.page-id-1138 .elementor-element-67095b1 .htjc-card-why .htjc-feature .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-67095b1 .htjc-card-why .htjc-feature .elementor-widget-text-editor div {
  text-shadow: none !important;
}
/* Explore paras: direct .elementor-widget-text-editor inside .htjc-card-exp */
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .elementor-widget-text-editor div,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .elementor-widget-text-editor div {
  text-shadow: none !important;
}

/* Explore paras */
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .elementor-widget-text-editor div,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .elementor-widget-text-editor div {
  text-shadow: none !important;
}

/* Explore: use parent wrapper element IDs (67095b1/c1b09e6) + 1 class = (1,9,0) */
body.page-id-1138 .elementor-element-67095b1 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-67095b1 .htjc-card-exp .elementor-widget-text-editor div,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-c1b09e6 .htjc-card-exp .elementor-widget-text-editor div,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-941d195 .htjc-card-exp .elementor-widget-text-editor div {
  text-shadow: none !important;
}
/* CLEAN t7: Why+Explore para text-shadow none FINAL */
/* Match exact specificity (1,5,0) of the winning rule + !important (override old (1,5,0) !important) */
/* Why Export: c1b09e6 wraps .htjc-card-why which wraps .elementor-widget-text-editor */
body.page-id-1138 .elementor-element-c1b09e6 .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-c1b09e6 .elementor-widget-text-editor div {
  text-shadow: none !important;
}
/* Explore: 941d195 wraps .htjc-card-exp which wraps .elementor-widget-text-editor */
body.page-id-1138 .elementor-element-941d195 .elementor-widget-text-editor p,
body.page-id-1138 .elementor-element-941d195 .elementor-widget-text-editor div {
  text-shadow: none !important;
}
/* ---- About / Our Story: heading centered, paragraphs left-aligned, left padding ---- */
.elementor-element-about-story .elementor-element-ab-story-left{
  padding-left: 32px !important;
  padding-right: 24px !important;
}
/* Title (H1) and eyebrow - center within their widget */
.elementor-element-about-story .elementor-element-ab-story-h2 .elementor-heading-title,
.elementor-element-about-story .elementor-element-ab-story-h2 .htjc-eyebrow{
  text-align: center !important;
}
/* Italic subtitle - center */
.elementor-element-about-story .elementor-element-ab-story-left .elementor-widget-text-editor:has(em){
  text-align: center !important;
}
/* Body paragraphs - left align + readable measure + container breathing room */
.elementor-element-about-story .elementor-element-ab-story-body{
  padding-left: 88px !important;
  padding-right: 32px !important;
  padding-top: 8px !important;
}
.elementor-element-about-story .elementor-element-ab-story-body .elementor-widget-text-editor p{
  text-align: left !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
  max-width: 540px !important;
  color: #46505e !important;
}
/* Italic subtitle - deepen color and make it more prominent */
.elementor-element-about-story .elementor-element-ab-story-left .elementor-widget-text-editor em,
.elementor-element-about-story .elementor-element-ab-story-left .elementor-widget-text-editor p:has(em){
  color: #1b3a6b !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  margin-bottom: 28px !important;
  font-style: italic !important;
}

/* H1 of Our Story - heavier weight visual impact + balanced text wrap */
.elementor-element-about-story .elementor-element-ab-story-h2 .elementor-heading-title{
  display: block !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 14px !important;
  white-space: nowrap !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  width: fit-content !important;
}


/* === CTA themed backgrounds (2026-09-22) === */
/* 5 个 CTA section（wholesale/cases/about/contact/vehicle）由 mu-plugin htjc-cta-bg.php
   注入 .htjc-cta class 后，全局 .htjc-cta 规则自动接管排版（heading 白、子元素层级等）。
   此处仅做每张主题图的 background-image 覆盖 + 段落白字保底。 */

/* 1. Wholesale CTA (post 1145) — 港口集装箱主题 */
body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta{
  background-image:linear-gradient(135deg,rgba(11,31,58,.72) 0%,rgba(15,34,68,.58) 100%),url('/wp-content/uploads/2026/09/hero-wholesale.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
}
body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,31,58,.35) 0%,rgba(11,31,58,0) 50%);
  pointer-events:none;z-index:1;
}
body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta > .e-con-inner{position:relative;z-index:2;}
body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta .elementor-widget-text-editor,
body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta .elementor-widget-text-editor p{color:#fff!important;}

/* 2. Cases CTA (post 1149) — delivery success 主题 */
body.page-id-1149 .elementor-element-cases-cta.htjc-cta{
  background-image:linear-gradient(135deg,rgba(11,31,58,.72) 0%,rgba(15,34,68,.58) 100%),url('/wp-content/uploads/2026/09/cases-delivery.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
}
body.page-id-1149 .elementor-element-cases-cta.htjc-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,31,58,.35) 0%,rgba(11,31,58,0) 50%);
  pointer-events:none;z-index:1;
}
body.page-id-1149 .elementor-element-cases-cta.htjc-cta > .e-con-inner{position:relative;z-index:2;}
body.page-id-1149 .elementor-element-cases-cta.htjc-cta .elementor-widget-text-editor,
body.page-id-1149 .elementor-element-cases-cta.htjc-cta .elementor-widget-text-editor p{color:#fff!important;}

/* 3. About CTA (post 1144) — factory 主题 */
body.page-id-1144 .elementor-element-about-cta.htjc-cta{
  background-image:linear-gradient(135deg,rgba(11,31,58,.72) 0%,rgba(15,34,68,.58) 100%),url('/wp-content/uploads/2026/09/about-factory.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
}
body.page-id-1144 .elementor-element-about-cta.htjc-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,31,58,.35) 0%,rgba(11,31,58,0) 50%);
  pointer-events:none;z-index:1;
}
body.page-id-1144 .elementor-element-about-cta.htjc-cta > .e-con-inner{position:relative;z-index:2;}
body.page-id-1144 .elementor-element-about-cta.htjc-cta .elementor-widget-text-editor,
body.page-id-1144 .elementor-element-about-cta.htjc-cta .elementor-widget-text-editor p{color:#fff!important;}

/* 4. Contact secondary CTA (post 1148, .elementor-element-contact-cta) — inquiry to shipment 主题
   原有 .htjc-cta-band 规则有 navy gradient 和 heading 白；这里只换底图 */
.elementor-element-contact-cta.htjc-cta{
  background-image:linear-gradient(135deg,rgba(11,31,58,.72) 0%,rgba(15,34,68,.58) 100%),url('/wp-content/uploads/2026/09/process-5-ship.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
  border-radius:0!important;
}
.elementor-element-contact-cta.htjc-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,31,58,.35) 0%,rgba(11,31,58,0) 50%);
  pointer-events:none;z-index:1;
}
.elementor-element-contact-cta.htjc-cta > *{position:relative;z-index:2;}
.elementor-element-contact-cta.htjc-cta .elementor-widget-text-editor,
.elementor-element-contact-cta.htjc-cta .elementor-widget-text-editor p{color:#fff!important;}

/* 5. Vehicle detail CTA (template 1156, .elementor-element-298bd6e) — vehicle fleet 主题 */
.elementor-element-298bd6e.htjc-cta{
  background-image:linear-gradient(135deg,rgba(11,31,58,.72) 0%,rgba(15,34,68,.58) 100%),url('/wp-content/uploads/2026/09/hero-vehicles.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
}
.elementor-element-298bd6e.htjc-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,31,58,.35) 0%,rgba(11,31,58,0) 50%);
  pointer-events:none;z-index:1;
}
.elementor-element-298bd6e.htjc-cta > .e-con-inner{position:relative;z-index:2;}
.elementor-element-298bd6e.htjc-cta .elementor-widget-text-editor,
.elementor-element-298bd6e.htjc-cta .elementor-widget-text-editor p{color:#fff!important;}


/* === CTA heading forced white (2026-09-22) === */
/* 根因：.htjc-cta-t 类挂在 widget wrapper 上，<h2> 元素本身没有该类
   → h2.elementor-heading-title:not(.htjc-h2-lt):not(.htjc-cta-t) 特异性 (0,3,1) !IMP 仍命中并强制 navy。
   此处用 (0,4,1)~(0,5,0) 级选择器压过。 */

body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta .elementor-widget-heading .elementor-heading-title,
body.page-id-1145 .elementor-element-wholesale-cta.htjc-cta .htjc-cta-t .elementor-heading-title{color:#fff!important;}

body.page-id-1149 .elementor-element-cases-cta.htjc-cta .elementor-widget-heading .elementor-heading-title,
body.page-id-1149 .elementor-element-cases-cta.htjc-cta .htjc-cta-t .elementor-heading-title{color:#fff!important;}

body.page-id-1144 .elementor-element-about-cta.htjc-cta .elementor-widget-heading .elementor-heading-title,
body.page-id-1144 .elementor-element-about-cta.htjc-cta .htjc-cta-t .elementor-heading-title{color:#fff!important;}

body.page-id-1148 .elementor-element-contact-cta.htjc-cta .elementor-widget-heading .elementor-heading-title,
body.page-id-1148 .elementor-element-contact-cta.htjc-cta .htjc-cta-t .elementor-heading-title{color:#fff!important;}

body .elementor-element-298bd6e.htjc-cta .elementor-widget-heading .elementor-heading-title,
body .elementor-element-298bd6e.htjc-cta .htjc-h2 .elementor-heading-title,
body .elementor-element-298bd6e.htjc-cta .htjc-cta-t .elementor-heading-title{color:#fff!important;}

/* about-story: photo + frosted-glass card limited to ab-story-left */
.elementor-element-about-story{
  background: #f8fafc !important;
}
/* about-story: left-align all content + extra top space for eyebrow */
.elementor-element-about-story > .e-con-inner{
  align-items: stretch !important;
}
.elementor-element-ab-story-left{
  position: relative !important;
  height: 480px !important;
  min-height: 480px !important;
  max-height: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 96px 44px 36px 44px !important;
  background:
    radial-gradient(circle at 15% 15%, rgba(255,255,255,0.18) 0%, transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(201,162,75,0.12) 0%, transparent 50%),
    linear-gradient(140deg, rgba(27,58,107,0.62) 0%, rgba(15,34,68,0.68) 100%) !important;
  border-radius: 22px !important;
  max-width: 580px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: 0 16px 48px rgba(11,31,58,0.28), 0 2px 8px rgba(11,31,58,0.14), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}
.elementor-element-ab-story-left .elementor-widget-heading,
.elementor-element-ab-story-left .elementor-widget-text-editor{
  width: 100% !important;
  text-align: left !important;
}
.elementor-element-ab-story-left .elementor-widget-heading{
  text-align: left !important;
}
.elementor-element-ab-story-eyebrow .elementor-widget-container p,
.elementor-element-ab-story-eyebrow p{
  text-align: left !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: rgb(201, 162, 75) !important;
  margin: 0 0 18px 0 !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
}
.elementor-element-ab-story-left::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.10) 0%, transparent 60%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
.elementor-element-ab-story-h2 .htjc-eyebrow{
  color: #c9a24b !important;
}
.elementor-element-ab-story-h2 .elementor-heading-title{
  color: #ffffff !important;
}
.elementor-element-ab-story-body p{
  color: rgba(255,255,255,0.92) !important;
}

/* about-story-navy text colors (override old (0,2,0)) */
.elementor-element-about-story .elementor-element-ab-story-h2 .htjc-eyebrow{
  color: #c9a24b !important;
  font-weight: 600 !important;
}
.elementor-element-about-story .elementor-element-ab-story-h2 .elementor-heading-title{
  color: #ffffff !important;
}
.elementor-element-about-story .elementor-element-ab-story-body p{
  color: rgba(255,255,255,0.92) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* vehicles hero CTA: 'Get a Quote' right-align + white-card readable (user @image#1, 2026-09-22) */
.htjc-hero-card .htjc-hero-info .htjc-hero-actions-xl{
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl-ghost{
  background-color: rgba(30,58,95,0.78) !important;
  color: #E6C97A !important;
  border: 2px solid #ffffff !important;
  flex: 0 0 auto !important;
  font-weight: 700 !important;
}
.htjc-hero-card .htjc-hero-info .htjc-hero-btn-xl-ghost:hover{
  background-color: #1e3a5f !important;
  color: #E6C97A !important;
  border-color: #E6C97A !important;
}

/* VEHICLE DETAIL HERO: hide floating elements, move to below-hero area */
/* VEHICLE DETAIL HERO: hide floating elements except model-name card */
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-back,
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-pill,
.htjc-hero-vehicle .htjc-hero-info .htjc-hero-sub,
.htjc-hero-vehicle .htjc-hero-info .htjc-stats-bar,
.htjc-hero-vehicle .htjc-hero-info .htjc-btn-group {
    display: none !important;
}
/* Keep model-name frosted card visible */
.htjc-hero-vehicle .htjc-hero-info .htjc-model-name {
    display: inline-block !important;
}

/* Keep only the model-name frosted card visible in hero, centered */
.htjc-hero-vehicle .htjc-hero-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-bottom: 60px !important;
}

/* Below-hero info card: brand + description + buttons */
.htjc-hero-vehicle .htjc-specs-wrap {
    /* specs table already below hero; add info card above it */
}

/* BELOW-HERO INFO CARD */
/* BELOW-HERO INFO CARD: brand + description + stat pills + buttons above spec table */
/* Wrapper sits right above the spec table on vehicle detail pages */
.htjc-below-hero-card {
    background: linear-gradient(135deg, rgba(27,58,107,0.88) 0%, rgba(15,34,68,0.92) 100%) !important;
    backdrop-filter: blur(12px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.3) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.12) !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 26px 32px 24px;
    max-width: 1320px;
    margin: 0 auto 0;
    text-align: center;
}

/* Pull the card up to reduce the white gap above it (overlap the hero's bottom) */
.elementor-element-3564e9a.htjc-wrap > .e-con-inner,
.htjc-gallery-section {
    padding-top: 0 !important;
    margin-top: -32px !important;
}

/* The card needs to sit visibly below hero with a small breathing space */
.htjc-below-hero-card {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Brand + type subtitle */
.htjc-bh-brand {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #C9A24B !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
}
/* Force the brand heading text element to gold. Body-scoped + extra class so
   specificity (0,3,1) beats Elementor's
   `.elementor-widget-heading .elementor-heading-title{color:var(--e-global-color-primary)}
   where the custom prop carries !important. */
/* Brand text gold. The site-wide navy heading rule
   (body:not(.htjc-nohead) .elementor-widget-heading .elementor-heading-title:not(...))
   has [0,13,35] !important and was painting the brand H3 navy. We exempt
   .htjc-bh-brand from that rule's :not() block above, then re-assert gold here.
   Scoped to this template only (elementor-page-1156) so no other heading moves. */
body.elementor-page-1156 .htjc-bh-brand .elementor-heading-title {
    color: #C9A24B !important;
}

/* Description */
.htjc-bh-desc {
    font-size: 15px !important;
    color: rgba(255,255,255,0.85) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.55 !important;
    max-width: 560px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Stat cards: 4-column x 2-row grid (8 stats, importance order) */
.htjc-bh-stats {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 4-column grid inside stats container */
.htjc-bh-stats > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Individual stat pill */
.htjc-bh-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 8px 14px !important;
    background: rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(8px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.2) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 10px !important;
    min-width: 90px !important;
    flex: 1 1 auto !important;
}

/* Stat value (gold) */
.htjc-bh-sv {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #C9A24B !important;
    line-height: 1.1 !important;
    letter-spacing: -0.3px !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Stat label (light gray) */
.htjc-bh-sl {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.6) !important;
    line-height: 1.2 !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Buttons row: horizontal layout (Bulk Quote + Browse Similar in one row) */
.htjc-bh-btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 620px !important;
    margin-top: 4px !important;
}

/* Force buttons to sit side-by-side inside e-con-inner */
.htjc-bh-btns > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* Bulk Quote: solid GOLD button. Put color on the inner <a> (Elementor default
   paints the <a> green via --e-global-color-accent); make the widget wrapper
   transparent so there is no gold box wrapped around a green button. */
.htjc-bh-btn-gold {
    background: transparent !important;
    padding: 0 !important;
    display: inline-flex !important;
}
.htjc-bh-btns .htjc-bh-btn-gold .elementor-button {
    display: inline-block !important;
    padding: 13px 30px !important;
    background: #C9A24B !important;
    color: #0b1f3a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    cursor: pointer !important;
    border: none !important;
}
.htjc-bh-btns .htjc-bh-btn-gold .elementor-button:hover {
    background: #D4AF37 !important;
    transform: translateY(-1px) !important;
}

/* WhatsApp: solid GREEN button (replaces old Browse Similar outline). */
.htjc-bh-btn-outline {
    background: transparent !important;
    padding: 0 !important;
    display: inline-flex !important;
}
.htjc-bh-btns .htjc-bh-btn-outline .elementor-button {
    display: inline-block !important;
    padding: 12px 26px !important;
    background: #25D366 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    cursor: pointer !important;
}
.htjc-bh-btns .htjc-bh-btn-outline .elementor-button:hover {
    background: #1EBE5A !important;
    transform: translateY(-1px) !important;
}

/* VEHICLE DETAIL: reduce top padding so info card sits close to hero */
.elementor-element-b0ed5a9.htjc-section,
.elementor > .elementor-element.htjc-section {
    padding-top: 16px !important;
    padding-bottom: 48px !important;
}

/* VEHICLE DETAIL: tighten the gap below the info card so it matches the
   (small) gap above it. Scope tightly to this template (elementor-page-1156)
   + the exact sections so the global .htjc-section spacing rule is untouched. */
body.elementor-page-1156 .elementor > .elementor-element.elementor-element-b0ed5a9.htjc-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body.elementor-page-1156 .elementor > .elementor-element.elementor-element-c4d7f1a.htjc-section {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Pull card closer to hero by removing extra margin */
.htjc-gallery-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure horizontal centering of info card */
.htjc-below-hero-card {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1320px !important;
}
/* ---- Video background for home hero ---- */
/* ---- Video background for home hero (2026-09-23) ---- */
.htjc-hero-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: brightness(0.92) !important;
  pointer-events: none !important;
}
/* Ensure video renders below hero-bg img (both z:0, DOM order decides) */
.htjc-hero-bg { z-index: 0 !important; }
/* Video covers the hero area cleanly */
.htjc-hero-card { overflow: hidden !important; }

/* Browse Similar button (3rd action) �� white outline on transparent. After
   trying (1) white-fill (too harsh against navy card), (2) frosted glass
   rgba white (still read as a white block), (3) gold outline (collided with
   Bulk Quote's gold), the cleanest 3-tier hierarchy is:
     Bulk Quote    : gold-fill + navy text  (primary CTA, gold exclusive)
     WhatsApp     : green-fill + white text (secondary CTA)
     Browse Similar: white-outline (2px) + white text (tertiary, distinct color family).
   Transparent bg keeps the navy card showing through, no white block, no glare. */
.htjc-bh-btn-light{
    background: transparent !important;
    border: 0 !important;
}
.htjc-bh-btn-light .elementor-button{
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.85) !important;
    border-radius: 6px !important;
    padding: 9px 21px !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}
.htjc-bh-btn-light .elementor-button:hover{
    background: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Uncap .htjc-bh-btns max-width (was 620px from 2-button era). With 3 buttons now,
   space-between needs the row to span the full card width so the buttons actually
   reach the card edges (Bulk Quote left, Browse Similar right). Higher specificity
   + !important wins over the original .htjc-bh-btns {max-width:620px !important}. */
body.elementor-page-1156 .htjc-bh-btns{
    max-width: none !important;
}

/* HOT MODELS subtitle readability fix: the paragraph was rendered as
   color:#46505e (deep blue-grey) with text-shadow:rgba(0,0,0,.5) 0 1px 10px.
   On the Hot Models navy hero card background (#0b1f3a) the text-vs-bg
   contrast is only ~1.8:1 (well below WCAG 4.5:1) and the dark shadow is
   invisible against the dark card, so the line reads as a foggy blur.
   Specificity (0,3,1) !important matches the old rule so it wins by source
   order (appended last). Scope to page 1138 + the exact subtitle widget
   so nothing else is touched. */
/* Wins over the global catch-all at L555 (.elementor-widget-text-editor :is(p):not(...)*5
   {color:#46505e !important}) which computes to specificity (0,6,1). We mirror its
   :not() exclusions and add the page + exact ancestor chain so specificity climbs to
   (0,9,2) and only this one Hot Models subtitle paragraph is retargeted, nothing else. */
body.elementor-page-1138 .elementor-element-67095b1 .elementor-element-3b6f4e1.elementor-widget-text-editor p:not(.htjc-hero *):not(.htjc-hero-vehicle *):not(.htjc-region-p):not(.htjc-cta *):not(.htjc-footer *){
    color: #ffffff !important;
    text-shadow: none !important;
}

/* === MOBILE RESPONSIVE FIXES (2026-09-23) — phone-only @media, desktop untouched, no content changed === */
/* 1) Vehicle detail (page 1156): hero spec stats card uses 4-col grid with min-width:90px per
      stat, which overflows the ~327px frosted card on phones. Collapse to 2 columns on mobile. */
@media (max-width: 640px){
  body.elementor-page-1156 .htjc-bh-stats > .e-con-inner{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* 2) About "Our Story" heading (.elementor-element-about-story ... ab-story-h2) is set to
      white-space:nowrap + width:fit-content + centered, which gets clipped on narrow phones.
      Allow it to wrap on mobile (desktop keeps the single-line centered look). */
@media (max-width: 640px){
  .elementor-element-about-story .elementor-element-ab-story-h2 .elementor-heading-title{
    white-space: normal !important;
    width: auto !important;
    max-width: 100% !important;
  }
}
/* 3) Phone safety net: kill document-level horizontal scroll on phones.
      The site has no position:sticky/fixed header, so html overflow-x:hidden is safe
      (it only affects the horizontal axis; vertical scrolling is unchanged). This
      removes any minor/phantom horizontal overflow (e.g. contact icon poke / scrollbar
      gutter) without touching desktop or any section's appearance. */
@media (max-width: 640px){
  html{ overflow-x: hidden; }
}
body.page-id-1138 .elementor-element-61059b2.htjc-hero .elementor-widget-heading .elementor-heading-title {
  color: #fff !important;
}

/* Homepage Hero background image - fixed 2026-09-24 */
body.page-id-1138 .elementor-element-61059b2.htjc-hero {
  display: flex !important;
  --flex-direction: row !important;
  --justify-content: center !important;
  --align-items: center !important;
  background-image: linear-gradient(135deg, rgba(11,31,58,.72), rgba(15,34,68,.58)), url('https://htjcauto.com/wp-content/uploads/2026/09/hero-home-hero.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
body.page-id-1138 .elementor-element-61059b2.htjc-hero .elementor-widget-heading .elementor-heading-title {
  color: #fff !important;
}