/* R.A.K. GROUP — Design A / Premium Industrial Luxury v2.4.0
   Last, tightly-scoped component layer. All visible content remains Elementor-editable.
   Legacy classes are intentionally supported; avoid scroll-triggered invisibility.
*/
body.rak-v24-active{--rak24-navy:#152130;--rak24-charcoal:#1e2c3c;--rak24-copper:#bd653d;--rak24-paper:#f7f8fa;--rak24-silver:#e9eef4}

/* 01 / Navigation: all WHITE labels, no pills, no borders or orange rules. */
body.rak-v24-active .rak-header{background:radial-gradient(ellipse 70% 160% at 78% -60%,rgba(133,163,187,.18),transparent 65%),linear-gradient(118deg,#121d2b 0%,#263446 65%,#182536 100%)!important;box-shadow:0 12px 32px rgba(6,15,26,.25)!important}
body.rak-v24-active .rak-header-inner{gap:clamp(16px,2vw,35px)!important}
body.rak-v24-active .rak-nav-links{gap:clamp(2px,.56vw,10px)!important}
body.rak-v24-active .rak-nav-item,
body.rak-v24-active .rak-nav-item .elementor-widget-container,
body.rak-v24-active .rak-nav-item .elementor-button,
body.rak-v24-active .rak-nav-item .elementor-button:is(:hover,:focus,:active),
body.rak-v24-active .rak-nav-item:is(.rak-v22-current,:hover,:focus-within) .elementor-button{
background:transparent!important;background-color:transparent!important;border:0!important;outline-offset:3px;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;color:#f5f7fa!important}
body.rak-v24-active .rak-nav-item .elementor-button{font-family:'Noto Sans Thai',sans-serif!important;font-size:clamp(16px,1.04vw,18px)!important;font-weight:650!important;letter-spacing:0!important;padding:14px clamp(9px,.9vw,16px)!important;transition:color .2s ease,opacity .2s ease!important}
body.rak-v24-active .rak-nav-item .elementor-button::before,
body.rak-v24-active .rak-nav-item .elementor-button::after,
body.rak-v24-active .rak-nav-item:is(.rak-v22-current,:hover,:focus-within) .elementor-button::after{content:none!important;display:none!important;border:0!important;background:none!important;box-shadow:none!important}
body.rak-v24-active .rak-nav-item:hover .elementor-button{opacity:.78!important}
body.rak-v24-active .rak-nav-item .elementor-button:focus-visible{outline:2px solid #eac3a9!important}
body.rak-v24-active .rak-header-cta .elementor-button{background:linear-gradient(135deg,#ee8e4d,#cd6635)!important;color:#fff!important;border-radius:10px!important;border:1px solid #f7c3a354!important;box-shadow:0 9px 20px #050d174d,inset 0 1px #fff6!important;font-weight:700!important}

/* 02 / Elementor Pro native Slides: do not depend on old entrance effect. */
body.rak-v24-active .rak-premium-slider .swiper-slide-inner{z-index:4!important;position:relative!important;min-height:clamp(590px,72vh,780px)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:clamp(85px,8vw,118px) 9% 105px!important}
body.rak-v24-active .rak-premium-slider .swiper-slide-contents{display:block!important;position:relative!important;z-index:6!important;width:min(725px,72%)!important;max-width:725px!important;text-align:left!important;transform:none!important;filter:none!important;visibility:visible!important;opacity:1!important}
body.rak-v24-active .rak-premium-slider .swiper-slide-contents>*{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;filter:none!important}
body.rak-v24-active .rak-premium-slider .swiper-slide::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(8,18,30,.94) 0%,rgba(12,24,38,.77) 46%,rgba(15,29,42,.18) 100%)!important}
body.rak-v24-active .rak-premium-slider .swiper-slide::after{pointer-events:none!important;opacity:.17!important}
body.rak-v24-active .rak-premium-slider .elementor-slide-heading{display:block!important;font:900 clamp(36px,5vw,74px)/1.21 'Noto Sans Thai',sans-serif!important;color:#fff!important;text-shadow:0 5px 26px rgba(0,0,0,.58)!important;letter-spacing:-.025em!important;margin-bottom:20px!important}
body.rak-v24-active .rak-premium-slider .elementor-slide-description{display:block!important;font-size:clamp(16px,1.3vw,20px)!important;line-height:1.8!important;color:#f1f5fa!important;max-width:600px!important;text-shadow:0 2px 12px #0009!important;margin-bottom:24px!important}
body.rak-v24-active .rak-premium-slider .elementor-slide-button{opacity:1!important;visibility:visible!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;background:linear-gradient(130deg,#e58a4e,#bf5d31)!important;color:#fff!important;border:1px solid #efb38d99!important;border-radius:8px!important;padding:13px 23px!important;box-shadow:0 8px 23px #0005!important}
body.rak-v24-active .rak-premium-slider .swiper-pagination-bullet-active{background:#fff!important}

/* 03 / Copper four-stat feature: clear hierarchy, 3D depth, Elementor Icon widget. */
body.rak-v24-active .rak-stat-bar{background:linear-gradient(132deg,#142130,#25364a)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:clamp(22px,3vw,44px) max(4%,calc((100vw - 1380px)/2))!important}
body.rak-v24-active .rak-stat{position:relative!important;isolation:isolate!important;min-height:174px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:6px!important;overflow:hidden!important;border-radius:15px!important;padding:26px 22px!important;border:1px solid rgba(255,218,193,.47)!important;background:radial-gradient(circle at 84% 8%,rgba(255,216,164,.27),transparent 36%),linear-gradient(146deg,#a64b2b,#a84e30 42%,#702f28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -12px 30px rgba(62,20,16,.18),0 15px 27px rgba(0,0,0,.24)!important;transition:transform .24s ease,box-shadow .24s ease!important}
body.rak-v24-active .rak-stat:nth-child(2){background:radial-gradient(circle at 90% 0%,#ffffff30,transparent 40%),linear-gradient(137deg,#c46a39,#963e2e)!important}
body.rak-v24-active .rak-stat:nth-child(3){background:radial-gradient(circle at 87% 0%,#ffffff25,transparent 39%),linear-gradient(137deg,#a34d32,#742f2d)!important}
body.rak-v24-active .rak-stat:nth-child(4){background:radial-gradient(circle at 87% 0%,#ffffff26,transparent 39%),linear-gradient(137deg,#b66a41,#88462e)!important}
body.rak-v24-active .rak-stat::before,body.rak-v24-active .rak-stat::after{display:none!important;content:none!important}
body.rak-v24-active .rak-stat-num .elementor-heading-title{font:850 clamp(32px,3vw,52px)/1.1 'Noto Sans Thai',sans-serif!important;color:#fff!important;text-shadow:0 3px 9px #0004!important}
body.rak-v24-active .rak-stat-label,body.rak-v24-active .rak-stat-label .elementor-widget-container{font-size:clamp(13px,1vw,16px)!important;line-height:1.6!important;color:#fff2eb!important;opacity:1!important}
body.rak-v24-active .rak-v24-stat-icon{position:absolute!important;right:16px!important;top:16px!important;z-index:2!important;line-height:1!important}
body.rak-v24-active .rak-v24-stat-icon .elementor-icon{color:#fff4ec!important;background:#ffffff22!important;border:1px solid #ffffff55!important;border-radius:12px!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important}
body.rak-v24-active .rak-v24-stat-icon svg{fill:currentColor!important;width:25px!important;height:25px!important}
@media (hover:hover){body.rak-v24-active .rak-stat:hover{transform:translateY(-5px)!important;box-shadow:0 25px 43px rgba(0,0,0,.3),inset 0 1px #fff8!important}}

/* 04 / Our Approach: native, editable Elementor icons; 3D not flat. */
body.rak-v24-active .rak-v11-step-card{border-radius:17px!important;background:linear-gradient(153deg,#3b4c61,#1b2c3e 72%)!important;border:1px solid #8396a954!important;box-shadow:inset 0 1px #ffffff36,0 18px 34px #0005!important;padding:27px 23px!important;position:relative!important;display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
body.rak-v24-active .rak-v11-step-card::before,body.rak-v24-active .rak-v11-step-card::after{display:none!important;content:none!important}
body.rak-v24-active .rak-v24-step-icon .elementor-icon{color:#e7edf4!important;display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:14px!important;border:1px solid #ffffff38!important;background:linear-gradient(135deg,#506780,#304358)!important;box-shadow:inset 0 1px #fff3,0 7px 18px #07121d75!important}
body.rak-v24-active .rak-v24-step-icon svg{fill:currentColor!important;width:25px!important;height:25px!important}
body.rak-v24-active .rak-v11-step-number .elementor-heading-title{color:#e8eef6!important;font-size:clamp(22px,2.1vw,34px)!important;line-height:1.2!important;opacity:.9!important}
body.rak-v24-active .rak-v11-step-title .elementor-heading-title{font-size:clamp(17px,1.32vw,21px)!important;line-height:1.52!important;color:#fff!important}
body.rak-v24-active .rak-v11-step-desc .elementor-widget-container{font-size:clamp(14px,1vw,16px)!important;line-height:1.78!important;color:#dce5ee!important}

/* 05 / Engineering Story: CSS must never visually replace a customer photo. */
body.rak-v24-active .rak-v12-story-media{background:#152536!important}
body.rak-v24-active .rak-v12-story-media img{opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:contrast(1.07) saturate(.97)!important}
body.rak-v24-active .rak-v12-story-copy{background:radial-gradient(circle at 92% 8%,#95b5c91d,transparent 47%),linear-gradient(139deg,#263951,#101e30)!important}
body.rak-v24-active .rak-v12-story-point::after{display:none!important;content:none!important}

/* 06 / Commitment: Elementor-native YouTube background, image fallback. */
body.rak-v24-active .rak-v11-quote{isolation:isolate!important;position:relative!important;min-height:440px!important;background:#172538 url('../assets/project-wide.webp') center center / cover no-repeat!important;padding:clamp(90px,8vw,130px) 6%!important;overflow:hidden!important}
body.rak-v24-active .rak-v11-quote>.elementor-background-video-container{opacity:.28!important;filter:grayscale(.28) saturate(.72)!important;z-index:0!important;pointer-events:none!important}
body.rak-v24-active .rak-v11-quote::before{display:block!important;content:''!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(95deg,rgba(14,26,40,.87),rgba(16,29,44,.82))!important}
body.rak-v24-active .rak-v11-quote::after{display:none!important;content:none!important}
body.rak-v24-active .rak-v11-quote>.elementor-element:not(.elementor-background-video-container){position:relative!important;z-index:3!important;opacity:1!important;visibility:visible!important;transform:none!important}
body.rak-v24-active .rak-v11-quote-text .elementor-heading-title{max-width:1120px!important;margin:auto!important;color:#fff!important;font-size:clamp(29px,4vw,58px)!important;line-height:1.42!important;text-shadow:0 4px 23px #000b!important}
body.rak-v24-active .rak-v11-quote-attr{color:#dce5ee!important}
body.rak-v24-active .rak-v24-video-credit{font-size:11px!important;opacity:.75!important;margin:22px auto 0!important;max-width:680px!important;text-align:center!important}
body.rak-v24-active .rak-v24-video-credit .elementor-widget-container,body.rak-v24-active .rak-v24-video-credit a{color:#d1dbe7!important}

/* 07 / Footer: editorial 3-column grid, icons only for contact, quiet skyline. */
body.rak-v24-active .rak-footer{background:linear-gradient(100deg,#111c2deb,#162739de),url('../assets/about.webp') 50% 50% / cover no-repeat!important;padding-top:clamp(64px,7vw,105px)!important;color:#eef3f7!important}
body.rak-v24-active .rak-footer-inner{display:grid!important;grid-template-columns:minmax(270px,1.2fr) minmax(145px,.65fr) minmax(240px,1fr)!important;align-items:start!important;gap:clamp(35px,5vw,95px)!important}
body.rak-v24-active .rak-footer-contact .elementor-widget-text-editor,body.rak-v24-active .rak-footer-nav .elementor-button{font-size:clamp(15px,1.1vw,17px)!important;line-height:1.76!important}
body.rak-v24-active .rak-footer-nav .elementor-button{color:#e0e7ee!important;background:none!important;box-shadow:none!important;border:none!important;text-align:left!important;padding:4px 0!important}
body.rak-v24-active .rak-footer .elementor-heading-title{color:#fff!important}
body.rak-v24-active .rak-v22-footer-phone,body.rak-v24-active .rak-v22-footer-email,body.rak-v24-active .rak-v22-footer-line{position:relative!important;padding-left:38px!important;min-height:28px!important}
body.rak-v24-active .rak-v22-footer-phone::before,body.rak-v24-active .rak-v22-footer-email::before,body.rak-v24-active .rak-v22-footer-line::before{position:absolute!important;left:0!important;top:0!important;font-family:'Noto Sans Thai',sans-serif!important;font-size:18px!important;color:#e5b29b!important;display:block!important;border:none!important;box-shadow:none!important;background:none!important}
body.rak-v24-active .rak-v22-footer-phone::before{content:'☎'!important}
body.rak-v24-active .rak-v22-footer-email::before{content:'✉'!important}
body.rak-v24-active .rak-v22-footer-line::before{content:'◉'!important}
body.rak-v24-active .rak-v24-footer-contact-row{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;margin:0 0 12px!important}
body.rak-v24-active .rak-v24-footer-contact-row .rak-v24-footer-icon{width:34px!important;flex:0 0 34px!important}
body.rak-v24-active .rak-v24-footer-contact-row .rak-v24-footer-icon .elementor-icon{color:#e6ae88!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border:1px solid #ffffff35!important;border-radius:9px!important;background:#ffffff12!important}
body.rak-v24-active .rak-v24-footer-contact-row .rak-v24-footer-icon svg{width:15px!important;height:15px!important;fill:currentColor!important}
body.rak-v24-active .rak-v24-footer-contact-row .elementor-widget-text-editor{padding:0!important;margin:0!important;min-height:unset!important}
body.rak-v24-active .rak-v24-footer-contact-row .rak-v22-footer-phone::before,body.rak-v24-active .rak-v24-footer-contact-row .rak-v22-footer-email::before,body.rak-v24-active .rak-v24-footer-contact-row .rak-v22-footer-line::before{content:none!important;display:none!important}
body.rak-v24-active .rak-footer-bottom{border-top:1px solid #ffffff21!important;margin-top:clamp(45px,5vw,75px)!important}

/* Site-wide maintenance: readable cards / consistent focus outlines. */
body.rak-v24-active :is(.rak-service-card,.rak-project-card,.rak-v11-value-card,.rak-info-panel){box-shadow:0 9px 27px #081c2912,0 24px 46px #081c2912!important;border-radius:14px!important}
body.rak-v24-active .rak-service-card::before,body.rak-v24-active .rak-service-card::after{background:none!important;border:none!important}
body.rak-v24-active .rak-service-card .rak-card-heading .elementor-heading-title{font-size:clamp(19px,1.5vw,25px)!important;color:#1a2d40!important}
body.rak-v24-active a:focus-visible{outline:2px solid #e9a778!important;outline-offset:4px}
@media (max-width:1239px){
 body.rak-v24-active .rak-menu-toggle{display:block!important}
 body.rak-v24-active .rak-nav-links{display:none!important;gap:4px!important;background:linear-gradient(155deg,#182636,#25374d)!important;box-shadow:0 19px 34px #0814226b!important}
 body.rak-v24-active .rak-header.is-open .rak-nav-links{display:flex!important}
 body.rak-v24-active .rak-nav-item .elementor-button{width:100%!important;text-align:left!important}
}
@media (max-width:980px){
 body.rak-v24-active .rak-stat-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
 body.rak-v24-active .rak-footer-inner{grid-template-columns:1fr 1fr!important}
 body.rak-v24-active .rak-footer-brand{grid-column:1/-1!important}
}
@media (max-width:767px){
 body.rak-v24-active .rak-premium-slider .swiper-slide-inner{min-height:550px!important;padding:76px 7% 90px!important}
 body.rak-v24-active .rak-premium-slider .swiper-slide-contents{width:100%!important;max-width:100%!important}
 body.rak-v24-active .rak-premium-slider .elementor-slide-heading{font-size:clamp(32px,8.8vw,48px)!important}
 body.rak-v24-active .rak-premium-slider .elementor-slide-description{font-size:15px!important}
 body.rak-v24-active .rak-stat-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:19px 4%!important}
 body.rak-v24-active .rak-stat{min-height:165px!important;padding:18px 15px!important}
 body.rak-v24-active .rak-v24-stat-icon{right:11px!important;top:11px!important}
 body.rak-v24-active .rak-v24-stat-icon .elementor-icon{width:38px!important;height:38px!important}
 body.rak-v24-active .rak-v24-step-icon .elementor-icon{width:47px!important;height:47px!important}
 body.rak-v24-active .rak-footer-inner{grid-template-columns:1fr!important;gap:30px!important}
 body.rak-v24-active .rak-footer-brand{grid-column:auto!important}
 body.rak-v24-active .rak-v11-quote{min-height:370px!important;padding:75px 7%!important}
 body.rak-v24-active .rak-v11-quote>.elementor-background-video-container{display:none!important}
}
@media (prefers-reduced-motion:reduce){
 body.rak-v24-active .rak-stat,body.rak-v24-active .rak-stat:hover,body.rak-v24-active .rak-nav-item .elementor-button{transform:none!important;transition:none!important}
 body.rak-v24-active .rak-v11-quote>.elementor-background-video-container{display:none!important}
}
/* Completely remove the legacy orange hairline surrounding navigation. */
body.rak-v24-active .rak-header::before,body.rak-v24-active .rak-header::after{content:none!important;display:none!important;border:0!important;background:none!important}