/* HENG 6.5 | Premium Art Direction
 * Final visual layer, scoped to one page. Real job photographs only.
 * Retains Kanit / Prompt typography, Elementor editable widgets, and reduced-motion support.
 */
.heng-v4{
  --h65-gold:#ffdb8d;--h65-amber:#ff9d3e;--h65-wine:#4c0615;
  --h65-elevated:0 3px 0 rgba(116,28,24,.2),0 16px 36px rgba(84,15,29,.18);
  --h65-metal:linear-gradient(105deg,#b66c30 0%,#fff1bc 19%,#eaaa58 46%,#fff9da 66%,#bd7538 100%);
}
/* Compact signature navigation and a continuous metallic hairline. */
.heng-v4 .h-header{
  border-bottom:2px solid #d89145!important;
  box-shadow:0 1px 0 #fff4d5 inset,0 4px 0 #ffdb8e66,0 12px 25px #52071425!important;
}
.heng-v4 .h-header:after{
  content:"";position:absolute;inset:auto 0 -2px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,#fff4c0 18%,#ffb762 45%,#e88431 65%,transparent 100%);
  background-size:180% 100%;animation:heng65-rail 9s linear infinite;
}
.heng-v4 .h-header-phone .elementor-button,
.heng-v4 .h-header-lines .elementor-button{
  border:1px solid #f4bb73!important;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #660b2180,0 7px 14px #500b1a35!important;
}
/* Deep photo and luminous sweep inspired by the approved desktop/mobile mockup. */
.heng-v4 .h-hero{
  position:relative;isolation:isolate;
  background:radial-gradient(ellipse at 100% 13%,#ffc5666a,transparent 43%),
             radial-gradient(ellipse at -8% 81%,#e65d4b50,transparent 47%),
             linear-gradient(125deg,#3b0716 0%,#720b18 43%,#c1291e 78%,#f47e2a 100%)!important;
}
.heng-v4 .h-hero:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.62;
  background:linear-gradient(132deg,transparent 0 26%,#ffb5580e 26.15% 26.35%,transparent 26.5% 64%,#ffe1a116 64.1% 64.35%,transparent 64.5%),
             radial-gradient(circle at 96% 5%,#ffe8b639,transparent 36%);
}
.heng-v4 .h-hero-layout.e-con{
  border:2px solid #f5bf70!important;
  box-shadow:inset 0 2px 1px #ffe9b555,0 4px 0 #f4a64f8a,0 14px 0 #57051b36,0 32px 68px #2704119c!important;
}
.heng-v4 .h-hero-layout:before{
  border-bottom:9px solid #ffd88d!important;
  filter:drop-shadow(0 0 5px #fff0b6bb) drop-shadow(0 4px 8px #ff9b3f88)!important;
}
.heng-v4 .h-hero-copy.e-con{
  background:radial-gradient(ellipse at 8% 15%,#e6473524,transparent 58%),
             linear-gradient(140deg,#4c0515ef 0%,#8c0a1bbf 71%,#a8211c22 100%);
}
.heng-v4 .h-hero-pill{
  border:1px solid #ffe4a6!important;
  background:linear-gradient(180deg,#842019,#540614 65%,#410411)!important;
  box-shadow:inset 0 2px 0 #fff0aa6b,0 0 14px #ffb34d55,0 5px 0 #35030bcc,0 10px 21px #20000e7d!important;
}
.heng-v4 .h-hero .h-hero-copy .elementor-heading-title{
  text-shadow:0 2px 0 #38000f85,0 12px 25px #1f04148c!important;
}
.heng-v4 .h-hero-visual.e-con{
  border-color:#ffe1a7!important;
  box-shadow:inset 0 0 35px #ffd48e80,0 0 0 2px #9b391d88,0 12px 30px #2b031d84,0 0 24px #ffb74a66!important;
}
.heng-v4 .h-hero-visual:after{
  content:""!important;position:absolute!important;z-index:4!important;inset:0!important;height:auto!important;
  background:linear-gradient(145deg,#fff4d63b 0%,transparent 26%,transparent 68%,#8c22152e 100%)!important;
  box-shadow:inset 0 0 0 1px #ffe4a588,inset 0 0 34px #ffc87b40!important;
  pointer-events:none;
}
.heng-v4 .h-hero-image-caption{
  border:1px solid #f6c573!important;box-shadow:0 4px 14px #28041070,inset 0 1px 0 #fff5!important;
}
/* Tactile call-to-action stack, with minimal non-disruptive sheen. */
.heng-v4 .h-btn-call .elementor-button,.heng-v4 .h-contact-call .elementor-button{
  border:2px solid #ffe5a8!important;
  background:linear-gradient(180deg,#ff9060 0%,#ff472b 24%,#e20d1b 57%,#9a061d 100%)!important;
  box-shadow:inset 0 2px 0 #fff9,inset 0 -3px 3px #4a0619b8,0 5px 0 #72061c,0 13px 27px #300414a3,0 0 17px #ffb75b3c!important;
  text-shadow:0 2px 2px #65051fba!important;
}
.heng-v4 .h-btn-line .elementor-button,.heng-v4 .h-contact-lines .elementor-button{
  color:#06682c!important;background:linear-gradient(180deg,#ffffff 0%,#f6fff7 44%,#d4f7dc 100%)!important;
  border:2px solid #13b54c!important;
  box-shadow:inset 0 2px 0 #fff,0 4px 0 #138841,0 11px 19px #20121746!important;
}
.heng-v4 :is(.h-btn-call,.h-btn-line,.h-contact-call,.h-contact-lines) .elementor-button:focus-visible,
.heng-v4 .h-bottom-dock .elementor-button:focus-visible{outline:3px solid #ffe07f!important;outline-offset:3px}
/* Six editorial trust facets: actually four content tiles, not tiny text on one strip. */
.heng-v4 .h-hero-proof.e-con{
  gap:7px!important;padding:10px!important;
  background:linear-gradient(180deg,#6a0919 0%,#4e0717 100%)!important;
  border:1px solid #ffcf8f!important;box-shadow:inset 0 2px 1px #ffe4ae38,0 7px 20px #26031691!important;
}
.heng-v4 .h-hero-proof>.e-con{
  border:1px solid #f5ad6b69!important;border-radius:11px!important;padding:9px 5px!important;
  background:radial-gradient(circle at 50% -35%,#ffc16844,transparent 75%),linear-gradient(180deg,#a41c26,#610b1a)!important;
  box-shadow:inset 0 1px 0 #ffe6be58,0 3px 0 #3302136b,0 7px 10px #19000d3d!important;
}
.heng-v4 .h-hero-proof .elementor-heading-title{text-shadow:0 1px 1px #210110!important;color:#ffe6a5!important}
/* Motion ribbon as an intentional divider, not an ad banner. */
.heng-v4 .h-motion-band{box-shadow:inset 0 2px 0 #ffde8c99,0 5px 18px #5c09242e!important;border-top:1px solid #f7be6e;border-bottom:1px solid #ed9651}
/* Warm paper / cinematic red hierarchy through successive sections. */
.heng-v4 .h-services{
  position:relative;isolation:isolate;
  background:radial-gradient(ellipse at -7% 4%,#ffe3bd 0,transparent 37%),
             radial-gradient(ellipse at 100% 95%,#ffe0b6,transparent 40%),
             linear-gradient(180deg,#fff9f3,#ffffff 52%,#fff8ed)!important;
}
.heng-v4 .h-services:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;
  background:repeating-linear-gradient(132deg,transparent 0 125px,#c86e350b 126px 127px,transparent 128px 255px);
}
.heng-v4 .h-section-heading:after{
  background:var(--h65-metal)!important;height:4px!important;width:116px!important;
  box-shadow:0 2px 8px #ee964e66!important;
}
.heng-v4 .h-service-card.e-con{
  border:1px solid #efb87a!important;border-radius:20px!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 0 #e5ac8d,0 12px 25px #55081725,0 0 0 1px #fff4e6!important;
}
.heng-v4 .h-service-card:before{
  height:4px!important;background:var(--h65-metal)!important;
  box-shadow:0 2px 5px #b8322f55!important;
}
.heng-v4 .h-service-card>.elementor-widget-image img{filter:contrast(1.07) saturate(1.08) brightness(1.01)!important}
.heng-v4 .h-service-body.e-con{
  border-top:2px solid #ffda8a!important;
  background:linear-gradient(164deg,#8b061b 0%,#bd121e 55%,#f25a22 100%)!important;
  box-shadow:inset 0 2px 1px #ffd5a155,inset 0 -3px 5px #58001566!important;
}
.heng-v4 .h-special-strip.e-con{
  border:1px solid #ffd391!important;
  background:radial-gradient(ellipse at 100% 0%,#ffcd7555,transparent 50%),linear-gradient(112deg,#500716,#a91023 53%,#ec6a25)!important;
  box-shadow:inset 0 1px 0 #ffe5b344,0 4px 0 #73081750,0 16px 34px #59061c54!important;
}
.heng-v4 .h-vehicles{
  background:radial-gradient(circle at 5% 95%,#ffd6aa,transparent 36%),linear-gradient(180deg,#fffaf4,#fff2e6)!important;
}
.heng-v4 .h-vehicle-card.e-con{
  border:1px solid #ebba85!important;border-radius:18px!important;
  background:linear-gradient(168deg,#fff,#fff7ef)!important;
  box-shadow:0 3px 0 #e0ae8f,0 13px 30px #630b1b24!important;
}
.heng-v4 .h-vehicle-card:after{height:4px!important;background:var(--h65-metal)!important;left:0!important;right:0!important;bottom:0!important;border-radius:0!important}
.heng-v4 .h-benefits{
  background:radial-gradient(ellipse at 95% 3%,#ffc46751,transparent 38%),
             linear-gradient(115deg,#3b0715,#770b1f 47%,#ae1321 100%)!important;
}
.heng-v4 .h-feature-card.e-con{
  border:1px solid #ffd29655!important;
  box-shadow:inset 0 1px 0 #fff2b533,0 5px 0 #32061670,0 14px 32px #1f031341!important;
}
.heng-v4 .h-how{background:linear-gradient(180deg,#fffdfb,#fff5ec)!important}
.heng-v4 .h-step-card.e-con{box-shadow:inset 0 1px 0 #fff,0 3px 0 #e9bc9b,0 13px 23px #56071f1e!important}
.heng-v4 .h-gallery{background:linear-gradient(180deg,#fff7ee,#fffdf9)!important}
.heng-v4 .h-gallery-card.e-con{border:1px solid #efc28a!important;box-shadow:0 3px 0 #dbb497,0 15px 31px #4f0a2329!important}
.heng-v4 .h-prep{
  background:radial-gradient(ellipse at 88% 0%,#ffc46d55,transparent 40%),
             linear-gradient(115deg,#3f0615,#8d0c1f 67%,#ca371f)!important;
}
.heng-v4 .h-prep-panel.e-con{border-color:#ffdc9a!important;box-shadow:0 3px 0 #b3654b,0 25px 60px #250315b5!important}
.heng-v4 .h-faq{background:linear-gradient(180deg,#fffaf6,#fff7ed)!important}
.heng-v4 .h-faq-card.e-con{border:1px solid #efd0aa!important;box-shadow:0 3px 0 #e3c0a7,0 12px 24px #5c0c1c1b!important}
.heng-v4 .h-contact{
  background:radial-gradient(circle at 91% 7%,#ffc06355,transparent 35%),linear-gradient(115deg,#370715,#8d0e20 61%,#df4c20)!important;
}
.heng-v4 .h-contact-actions.e-con{border-color:#ffd996!important;box-shadow:inset 0 1px 0 #fff5,0 4px 0 #5d081e,0 17px 32px #2e051984!important}
.heng-v4 .h-bottom-dock.e-con{
  border-top:2px solid #f6bb60!important;
  background:#fffaf5f2!important;
  box-shadow:0 -7px 20px #5b102738,0 -2px 0 #fff7d2!important;
}
.heng-v4 .h-bottom-dock .elementor-button{box-shadow:inset 0 2px 1px #fff9,0 3px 0 #650719aa,0 7px 11px #3f091b40!important}
@media (min-width:700px){
 .heng-v4 .h-hero-proof.e-con{gap:0!important;padding:10px!important}
 .heng-v4 .h-hero-proof>.e-con{border-radius:9px!important;margin-inline:3px!important}
 .heng-v4 .h-hero-visual.e-con{border-left:3px solid #ffce77!important;box-shadow:inset 0 0 38px #fff0ad4b,0 0 25px #ffc16c65!important}
}
@media (max-width:699px){
 .heng-v4 .h-hero-proof.e-con{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .heng-v4 .h-hero-proof>.e-con{min-height:73px!important}
 .heng-v4 .h-hero-visual.e-con{border-radius:20px!important}
 .heng-v4 .h-services-grid.e-con{gap:11px!important}
 .heng-v4 .h-service-card.e-con{border-radius:17px!important}
 .heng-v4 .h-service-body.e-con{border-top-width:2px!important}
}
@media(max-width:374px){
 .heng-v4 .h-hero-proof>.e-con{min-height:70px!important;padding:7px 4px!important}
 .heng-v4 .h-hero-proof .elementor-heading-title{font-size:12px!important}
 .heng-v4 .h-hero-proof p{font-size:10px!important}
}
@media(hover:hover){
 .heng-v4 :is(.h-service-card,.h-vehicle-card,.h-gallery-card):hover{transform:translateY(-4px)!important;box-shadow:0 4px 0 #dda477,0 21px 40px #4905194d!important}
}
@keyframes heng65-rail{from{background-position:0 0}to{background-position:180% 0}}
@media(prefers-reduced-motion:reduce){
 .heng-v4 .h-header:after{animation:none!important}
 .heng-v4 :is(.h-service-card,.h-vehicle-card,.h-gallery-card){transition:none!important}
}
/* Preserve strong readability on the white LINE surface (base CSS has a white-text override). */
.heng-v4 :is(.h-btn-line,.h-contact-lines) .elementor-button .elementor-button-text{
  color:#076e30!important;text-shadow:none!important;
}


/* ===============================================================
   HENG V6.6 | EDITORIAL DEPTH & MOBILE CONVERSION POLISH
   CSS-only refinement built on the approved Premium 3D V6 mockup.
   All selectors scoped to .heng-v4: no global Elementor overrides.
   =============================================================== */
.heng-v4{
  --h66-champagne:#ffe4b1;
  --h66-sun:#ffc06d;
  --h66-oxblood:#4b0716;
  --h66-deep-shadow:0 18px 44px rgba(40,2,14,.33);
}
/* Brand header: more breathing room and a quieter premium chrome. */
.heng-v4 .h-header{
  background:linear-gradient(180deg,#fff 5%,#fffdfb 76%,#fff5e8 100%)!important;
  border-bottom-color:#e4a75c!important;
}
/* A nuanced glow instead of the flat saturated orange slab. */
.heng-v4 .h-hero{
  background:radial-gradient(ellipse at 100% 6%,rgba(255,198,109,.48),transparent 44%),
             radial-gradient(ellipse at 0% 85%,rgba(228,74,47,.20),transparent 42%),
             linear-gradient(116deg,#3b0413 0%,#6e0a1b 40%,#aa161c 72%,#e65c24 100%)!important;
}
.heng-v4 .h-hero-layout.e-con{
  border-color:var(--h66-champagne)!important;
  box-shadow:inset 0 2px 1px #fff5cb67,0 3px 0 #cf894e,0 19px 45px #1e03169c,0 0 36px #f69c455a!important;
}
.heng-v4 .h-hero-copy.e-con{
  background:radial-gradient(ellipse at 6% 9%,#ec693420,transparent 53%),
    linear-gradient(117deg,#500716f7 0%,#750c1bee 53%,#a8282482 100%)!important;
}
.heng-v4 .h-hero-visual.e-con{
  background:#430a17!important;
  border-color:#ffe5b2!important;
  box-shadow:inset 0 0 38px #ffd28a51,0 0 0 1px #7d2b1f80,0 14px 35px #210312ad!important;
}
/* Correct different shooting conditions through a subtle shared grade.
   Source photos remain genuine and unmodified inside the plugin. */
.heng-v4 .h-service-card>.elementor-widget-image img,
.heng-v4 .h-gallery-card .elementor-widget-image img,
.heng-v4 .h-vehicle-card .elementor-widget-image img{
  filter:saturate(1.08) contrast(1.07) brightness(1.015) sepia(.035)!important;
}
.heng-v4 .h-hero-visual img{
  filter:saturate(1.085) contrast(1.07) brightness(.985) sepia(.025)!important;
}
/* Crisp light/dark hierarchy across the section cards. */
.heng-v4 .h-service-card.e-con{
  border-color:#eeb985!important;
  box-shadow:0 2px 0 #fff7ef inset,0 4px 0 #db9c72,0 16px 34px #55081c2c!important;
  background:#fffdf9!important;
}
.heng-v4 .h-service-body.e-con{
  background:linear-gradient(153deg,#610818 0%,#aa0c1c 54%,#e94721 100%)!important;
  border-top-color:#ffe2a1!important;
  box-shadow:inset 0 2px 1px #ffebb760,inset 0 -3px 4px #49091677!important;
}
.heng-v4 .h-service-body>.elementor-widget-heading:not(.h-service-icon) .elementor-heading-title{
  color:#fffaf3!important;
  text-shadow:0 1px 2px #23020eb8!important;
}
.heng-v4 .h-vehicle-card.e-con,.heng-v4 .h-gallery-card.e-con{
  border-color:#ebba82!important;
  box-shadow:0 2px 0 #fff inset,0 4px 0 #ddb494,0 17px 34px #52091927!important;
}
.heng-v4 .h-section-heading .elementor-heading-title{
  text-wrap:balance;
}
.heng-v4 .h-btn-call .elementor-button,
.heng-v4 .h-contact-call .elementor-button{
  background:linear-gradient(180deg,#ffb183 0%,#f83d2e 19%,#dc0e20 65%,#92041b 100%)!important;
  border-color:#ffedba!important;
  box-shadow:inset 0 2px 1px #fff9,inset 0 -3px 3px #430213b0,0 5px 0 #790719,0 15px 27px #34031888!important;
}
.heng-v4 .h-btn-line .elementor-button,
.heng-v4 .h-contact-lines .elementor-button{
  background:linear-gradient(180deg,#fff 0%,#f4fff5 58%,#d1f6db 100%)!important;
  border-color:#1cbc54!important;
  box-shadow:inset 0 2px 1px #fff,0 4px 0 #169447,0 10px 18px #28142048!important;
}
.heng-v4 :is(.h-btn-line,.h-contact-lines) .elementor-button .elementor-button-text{
  color:#085f31!important;text-shadow:none!important;
}
/* Balance the most visually complex section with a lighter finish. */
.heng-v4 .h-services{
  background:radial-gradient(ellipse at -8% 5%,#ffe1bd,transparent 37%),
             radial-gradient(ellipse at 100% 100%,#ffefdb,transparent 44%),
             linear-gradient(180deg,#fff8f0 0%,#ffffff 46%,#fff8ee 100%)!important;
}
.heng-v4 .h-motion-band{
  border-color:#f1b971!important;
  box-shadow:inset 0 2px 1px #ffe5aa91,0 7px 18px #4b091c3b!important;
}
/* Mobile-first: reduce scroll-to-action while retaining the larger V6.4 fonts. */
@media(max-width:699px){
  .heng-v4 .h-header-content.e-con{height:66px!important;min-height:66px!important;}
  .heng-v4 .h-logo-mark,.heng-v4 .h-logo-mark>.elementor-widget-container,.heng-v4 .h-logo-mark .h-brand-mark{
    width:119px!important;max-width:119px!important;
  }
  .heng-v4 .h-logo-mark img{width:119px!important;max-height:51px!important;}
  .heng-v4 .h-hero{padding-top:10px!important;}
  .heng-v4 .h-hero-copy.e-con{padding:19px 18px 10px!important;}
  .heng-v4 .h-hero-pill{padding:5px 12px!important;font-size:12px!important;}
  .heng-v4 .h-hero .h-hero-copy .elementor-heading-title{
    font-size:clamp(33px,8.45vw,41px)!important;
    line-height:1.15!important;
    margin:11px 0 9px!important;
  }
  .heng-v4 .h-hero-offers{font-size:13px!important;line-height:1.49!important;gap:3px 10px!important;}
  .heng-v4 .h-hero-visual.e-con{min-height:215px!important;}
  .heng-v4 .h-hero-visual .h-hero-mobile-photo img{height:215px!important;object-position:50% 34%!important;}
  .heng-v4 .h-hero-actions.e-con{padding:11px 17px 16px!important;gap:8px!important;}
  .heng-v4 .h-btn-call .elementor-button{min-height:49px!important;}
  .heng-v4 .h-btn-line .elementor-button{min-height:43px!important;}
  .heng-v4 .h-hero-proof.e-con{padding:9px!important;gap:7px!important;}
  .heng-v4 .h-hero-proof>.e-con{min-height:67px!important;padding:8px 4px!important;}
  .heng-v4 .h-hero-proof .elementor-heading-title{font-size:13px!important;line-height:1.24!important;}
  .heng-v4 .h-hero-proof p{font-size:11px!important;line-height:1.38!important;}
  .heng-v4 .h-service-card>.elementor-widget-image img{height:135px!important;}
  .heng-v4 .h-service-body.e-con{min-height:63px!important;}
  .heng-v4 .h-services-grid.e-con{gap:10px!important;}
  .heng-v4 .h-service-card.e-con{border-radius:17px!important;}
}
@media(max-width:374px){
  .heng-v4 .h-hero .h-hero-copy .elementor-heading-title{font-size:31px!important;}
  .heng-v4 .h-hero-offers{font-size:12px!important;}
  .heng-v4 .h-hero-visual.e-con{min-height:195px!important;}
  .heng-v4 .h-hero-visual .h-hero-mobile-photo img{height:195px!important;}
  .heng-v4 .h-service-card>.elementor-widget-image img{height:117px!important;}
  .heng-v4 .h-hero-proof .elementor-heading-title{font-size:12px!important;}
  .heng-v4 .h-hero-proof p{font-size:10px!important;}
}
@media(min-width:700px){
  .heng-v4 .h-hero-layout.e-con{box-shadow:inset 0 2px 1px #fff5cb64,0 4px 0 #d18c4c,0 28px 64px #2403167d!important;}
  .heng-v4 .h-hero-visual .h-hero-desktop-photo img{object-position:52% 54%!important;}
}
@media(hover:hover){
  .heng-v4 :is(.h-btn-call,.h-contact-call) .elementor-button:hover{filter:brightness(1.07);transform:translateY(-2px)}
  .heng-v4 :is(.h-btn-line,.h-contact-lines) .elementor-button:hover{filter:brightness(1.025);transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .heng-v4 :is(.h-btn-call,.h-contact-call,.h-btn-line,.h-contact-lines) .elementor-button{transition:none!important;}
}
