body { font-family: 'Inter', Arial, sans-serif; color: #333; }
.jialian-logo { display: inline-flex; align-items: center; gap: 6px; color: #111; line-height: 1; padding-top: 14px; }
.jialian-logo span { background: #fda40b; color: #111; font-weight: 800; font-size: 22px; padding: 9px 10px; letter-spacing: 1px; }
.jialian-logo strong { color: #fff; font-size: 25px; letter-spacing: 2px; }
.jialian-logo em { color: #b7b7b7; font-size: 10px; font-style: normal; display: block; margin-left: 4px; max-width: 92px; line-height: 1.2; }
.hd-sec.sticky_menu .jialian-logo strong { color: #111; }
.jialian-logo-footer { justify-content: center; padding-top: 0; }
.slider-text h1 { max-width: 850px; font-size: 54px; line-height: 1.15; }
.slider-text p { max-width: 760px; font-size: 17px; }
.single-slide { background-position: center; }
.slider-overlay, .images-overlay { background-color: rgba(0, 0, 0, 0.62); }
.about-us-short h1, .sec-title h1, .title-text h1, .classic-counter-title, .classic-why-us-title h1 { letter-spacing: 0; }
.about-us-classic img, .jialian-page-img { width: 100%; border-radius: 2px; box-shadow: 0 20px 45px rgba(0,0,0,.14); }
.latest-project-inner-img img { width: 100%; height: 330px; object-fit: cover; }
.top-service-inner { min-height: 360px; }
.top-service-inner:before { background: rgba(18, 25, 33, .78); }
.classic-counter-sec { background-image: url('img/jialian/mining-mixer-hero.jpg'); }
.classic-why-choose { background-image: url('img/jialian/crawler-mixer-hero.jpg'); }
.jialian-product-card { margin-bottom: 30px; background: #fff; box-shadow: 0 10px 35px rgba(0,0,0,.08); height: calc(100% - 30px); }
.jialian-product-card img { width: 100%; height: 245px; object-fit: cover; display: block; }
.jialian-product-body { padding: 24px; }
.jialian-product-body span { color: #fda40b; text-transform: uppercase; font-size: 12px; font-weight: 700; }
.jialian-product-body h2 { font-size: 22px; margin: 8px 0 12px; }
.jialian-product-body p { min-height: 78px; }
.jialian-gallery a { display: inline-block; margin-right: 8px; color: #111; border-bottom: 1px solid #fda40b; }
.jialian-feature-box { background: #fff; padding: 34px 28px; margin-bottom: 30px; min-height: 245px; box-shadow: 0 8px 28px rgba(0,0,0,.07); border-top: 4px solid #fda40b; }
.jialian-feature-box i { font-size: 42px; color: #fda40b; }
.jialian-feature-box h2 { font-size: 22px; margin: 18px 0 12px; }
.jialian-honor-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.jialian-honor-list div { background: #111820; color: #fff; padding: 30px; min-height: 150px; border-bottom: 5px solid #fda40b; }
.jialian-honor-list strong { display: block; color: #fda40b; font-size: 42px; line-height: 1; margin-bottom: 16px; }
.jialian-contact-form { background: #f7f7f7; padding: 34px; }
.jialian-contact-form input, .jialian-contact-form textarea { width: 100%; margin-bottom: 14px; padding: 14px 16px; border: 1px solid #ddd; background: #fff; }
.jialian-contact-form textarea { min-height: 130px; }
.jialian-contact-form button { background: #fda40b; border: 0; padding: 14px 32px; color: #111; font-weight: 700; }
.pagehding-sec { position: relative; background-size: cover; background-position: center; padding: 135px 0; }
.page-heading { position: relative; z-index: 2; text-align: center; color: #fff; }
.page-heading h1 { color: #fff; font-size: 48px; margin-bottom: 15px; }
.page-heading p { color: #eee; font-size: 18px; }
.classic-blog-img img { height: 245px; object-fit: cover; width: 100%; }
.testimonial-comment-box img { width: 130px; height: 130px; object-fit: cover; border-radius: 100%; }
@media (max-width: 767px) {
  .slider-text h1 { font-size: 34px; }
  .jialian-logo strong { color: #111; }
  .latest-project-inner-img img { height: 260px; }
  .jialian-honor-list { grid-template-columns: 1fr; }
}


.jialian-detail-main-img { width: 100%; height: 440px; object-fit: cover; box-shadow: 0 18px 45px rgba(0,0,0,.14); }
.jialian-detail-thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; }
.jialian-detail-thumbs img { width: 100%; height: 120px; object-fit: cover; display: block; }
.jialian-detail-summary { padding-left: 24px; }
.jialian-detail-summary h1 { font-size: 38px; line-height: 1.2; margin: 12px 0 18px; }
.jialian-detail-summary p { font-size: 16px; line-height: 1.8; }
.jialian-detail-actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-top: 28px; }
.jialian-secondary-btn { display: inline-block; padding: 13px 26px; border: 2px solid #111820; color: #111820; font-weight: 700; }
.jialian-detail-blocks { margin-top: 60px; }
.jialian-detail-box { background: #fff; padding: 30px; margin-bottom: 30px; min-height: 390px; box-shadow: 0 8px 28px rgba(0,0,0,.07); border-top: 4px solid #fda40b; }
.jialian-detail-box h2 { font-size: 24px; margin-bottom: 18px; }
.jialian-detail-box ul { margin: 0; padding-left: 18px; }
.jialian-detail-box li { margin-bottom: 11px; line-height: 1.55; }
.jialian-detail-box table { width: 100%; }
.jialian-detail-box th, .jialian-detail-box td { padding: 11px 0; border-bottom: 1px solid #eee; vertical-align: top; }
.jialian-detail-box th { width: 38%; color: #111820; font-weight: 700; }
.jialian-related-products { background: #f7f7f7; }
@media (max-width: 767px) {
  .jialian-detail-summary { padding-left: 0; margin-top: 26px; }
  .jialian-detail-main-img { height: 300px; }
  .jialian-detail-thumbs img { height: 86px; }
  .jialian-detail-summary h1 { font-size: 30px; }
  .jialian-detail-box { min-height: auto; }
}

/* Homepage layout repair: override legacy template rules that break long export-site content. */
.home-classic .header-sec { background: #fff; }
.home-classic .header-top { background: #071c34 !important; padding: 0; overflow: visible; }
.home-classic .header-left { display: flex; align-items: center; gap: 18px; min-height: 48px; padding: 0; }
.home-classic .contact-tp-title { color: #fda40b; font-weight: 700; white-space: nowrap; }
.home-classic .header-left ul { margin: 0; padding: 0; }
.home-classic .header-left li { color: #fff !important; display: inline-block; width: auto; padding-right: 18px; font-size: 14px; }
.home-classic .header-left li i { color: #fda40b; margin-right: 6px; }
.home-classic .header-top-right { padding: 9px 0; text-align: right; }
.home-classic .header-top-right::before { display: none; }
.home-classic .soical-profile li a i { color: #fff !important; }
.home-classic .hd-sec { background: #fff; border: 0; margin: 0; box-shadow: 0 6px 24px rgba(0,0,0,.06); }
.classic-logo { padding: 0 !important; min-height: 86px; display: flex; align-items: center; }
.classic-logo::before { display: none; }
.responsive-logo { padding: 0; }
.jialian-logo { padding-top: 0; min-height: 54px; text-decoration: none; }
.jialian-logo strong { color: #111820; }
.jialian-logo:hover { text-decoration: none; }
.home-classic .nav-menu { padding-left: 0; }
.main-menu ul li a { padding: 33px 9px; color: #111820; font-weight: 700; }
.main-menu ul ul li a { padding: 12px 16px; line-height: 1.35; }
.applay-button { padding-top: 23px; }
.applay-button a { white-space: nowrap; }

.all-slide .owl-item { height: 680px; }
.slider-wrapper { width: min(1170px, 100%); }
.slider-caption { width: min(760px, 100%); overflow: visible; }
.slider-text { padding: 0 15px; }
.slider-text h1 { max-width: 820px; font-size: clamp(42px, 5vw, 62px); line-height: 1.08; text-transform: none; margin-bottom: 18px; }
.slider-text p { max-width: 700px; font-size: 18px; line-height: 1.75; }
.slider-text ul { margin-top: 28px; padding-left: 0; }
.slider-text li a { text-transform: none; border-radius: 2px; padding: 13px 28px; }
.all-slide .owl-controls .owl-prev { left: 22px; }
.all-slide .owl-controls .owl-next { right: 22px; }

.pt-100 { padding-top: 90px; }
.pb-100 { padding-bottom: 90px; }
.pb-70 { padding-bottom: 70px; }
.title-sec { padding: 42px 0; }
.title-text-inner { display: flex; align-items: center; gap: 20px; }
.title-text-icon { flex: 0 0 auto; }
.latest-project-inner-img img { height: 360px; }
.latest-project-inner-desc { padding: 22px; }
.latest-project-inner-text h2 { line-height: 1.28; }
.top-service-inner { min-height: 390px; display: flex; align-items: stretch; }
.top-service-inner-text { width: 100%; padding: 38px 30px; }
.top-service-inner-text h2 { line-height: 1.25; }
.classic-counter-sec { background-position: center; }
.classic-counter-box { min-height: 96px; }
.single-testimonial { min-height: 250px; }
.classic-blog-text h2 { line-height: 1.35; }
.footer .jialian-logo strong { color: #fff; }

@media only screen and (max-width: 1199px) {
  .main-menu ul li a { padding-left: 6px; padding-right: 6px; font-size: 13px; }
  .applay-button a { padding: 8px 10px; font-size: 13px; }
}

@media only screen and (max-width: 991px) {
  .home-classic .header-left { justify-content: center; flex-wrap: wrap; gap: 6px 14px; padding: 10px 0; }
  .home-classic .header-left li { color: #fff !important; padding: 0 8px; }
  .home-classic .header-top-right { text-align: center; padding: 0 0 10px; }
  .classic-logo { display: none; }
  .responsive-logo { display: block; padding: 14px 15px; }
  .hd-sec { padding: 0 !important; }
  .mean-container a.meanmenu-reveal { margin-top: -66px !important; top: auto; right: 15px !important; background: #111820; color: #fff; }
  .mean-container .mean-nav { margin-top: 0; }
  .all-slide .owl-item { height: 620px; }
  .slider-wrapper, .slider-caption { padding: 0 28px; }
  .slider-text h1 { font-size: clamp(34px, 7vw, 48px); line-height: 1.12; }
  .slider-text p { font-size: 16px; line-height: 1.65; }
  .title-text-inner { align-items: flex-start; }
}

@media only screen and (max-width: 767px) {
  .home-classic .header-top { display: none; }
  .responsive-logo { padding: 12px 15px; }
  .jialian-logo { min-height: 50px; }
  .jialian-logo span { font-size: 18px; padding: 8px 9px; }
  .jialian-logo strong { font-size: 24px; }
  .mean-container a.meanmenu-reveal { margin-top: -61px !important; }
  .all-slide .owl-item { height: 560px; }
  .slider-wrapper, .slider-caption { padding: 0 22px; }
  .slider-text { top: 48%; }
  .slider-text h1 { font-size: 32px !important; line-height: 1.16 !important; margin-bottom: 14px; }
  .slider-text p { font-size: 15px; line-height: 1.55; max-width: 92%; }
  .slider-text ul { margin-top: 22px !important; }
  .slider-text li a { padding: 10px 16px; margin-right: 8px; margin-bottom: 10px; font-size: 13px; }
  .all-slide .owl-controls .owl-prev, .all-slide .owl-controls .owl-next { display: none; }
  .about-us-short-sec, .top-service-sec, .blog-sec { padding-top: 60px; }
  .title-sec { padding: 32px 0; }
  .title-text-inner { display: block; }
  .view-more-btn { margin-top: 20px; }
  .latest-project-inner-img img { height: 280px; }
  .top-service-inner { min-height: 330px; }
  .top-service-inner-text { padding: 30px 24px; }
}

@media only screen and (max-width: 420px) {
  .slider-text h1 { font-size: 29px !important; }
  .slider-text p { max-width: 100%; }
  .slider-text li { display: block; }
  .slider-text li a { display: inline-block; min-width: 146px; text-align: center; }
}

/* Mobile carousel cleanup after Owl renders its own nav classes. */
@media only screen and (max-width: 767px) {
  .all-slide .owl-nav, .all-slide .owl-dots { display: none !important; }
  .slider-caption { max-width: 100%; }
}
.about-us-short h1,
.sec-title h1,
.title-text h1,
.latest-project-inner-text h2,
.top-service-inner-text h2,
.classic-why-us-title h1,
.classic-blog-text h2 { text-transform: none; }

/* Redesigned export homepage. */
.jl-home { background: #fff; color: #111820; overflow: hidden; }
.jl-home a:hover { text-decoration: none; }
.jl-hero { position: relative; min-height: 720px; background-size: cover; background-position: center; display: flex; align-items: center; }
.jl-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,12,22,.92) 0%, rgba(5,12,22,.78) 44%, rgba(5,12,22,.35) 100%); }
.jl-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 56px; align-items: center; }
.jl-hero-copy { max-width: 780px; color: #fff; }
.jl-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #fda40b; text-transform: uppercase; letter-spacing: 1.6px; font-size: 12px; font-weight: 800; margin-bottom: 18px; }
.jl-eyebrow::before { content: ""; width: 34px; height: 2px; background: #fda40b; display: inline-block; }
.jl-eyebrow.dark { color: #d88400; }
.jl-hero h1 { color: #fff; font-size: clamp(46px, 5.6vw, 78px); line-height: .98; letter-spacing: -2.5px; margin: 0 0 24px; text-transform: none; }
.jl-hero p { color: rgba(255,255,255,.88); max-width: 680px; font-size: 18px; line-height: 1.75; margin-bottom: 0; }
.jl-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.jl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 28px; font-weight: 800; border-radius: 3px; transition: .25s ease; }
.jl-btn-primary { background: #fda40b; color: #111820; box-shadow: 0 12px 30px rgba(253,164,11,.22); }
.jl-btn-primary:hover { background: #ffb331; color: #111820; transform: translateY(-2px); }
.jl-btn-light { background: #fff; color: #111820; }
.jl-btn-light:hover { color: #111820; transform: translateY(-2px); }
.jl-btn-dark { background: #111820; color: #fff; }
.jl-btn-dark:hover { background: #fda40b; color: #111820; }
.jl-trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.jl-trust-row span { color: #fff; border: 1px solid rgba(255,255,255,.28); padding: 8px 12px; font-size: 12px; font-weight: 700; background: rgba(255,255,255,.08); }
.jl-hero-panel { background: rgba(255,255,255,.94); padding: 24px; border-top: 5px solid #fda40b; box-shadow: 0 24px 60px rgba(0,0,0,.28); }
.jl-panel-top { color: #d88400; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 800; margin-bottom: 16px; }
.jl-panel-card { padding: 18px 0; border-bottom: 1px solid #e8e8e8; }
.jl-panel-card:last-child { border-bottom: 0; }
.jl-panel-card strong { display: block; font-size: 42px; line-height: 1; color: #111820; letter-spacing: -1px; }
.jl-panel-card span { display: block; margin-top: 7px; line-height: 1.45; color: #526070; }
.jl-section { padding: 96px 0; }
.jl-section-head { max-width: 780px; margin-bottom: 42px; }
.jl-section-head h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.1; letter-spacing: -1.4px; margin: 0 0 14px; text-transform: none; }
.jl-section-head p { font-size: 17px; color: #5a6572; line-height: 1.7; }
.jl-section-head.light h2, .jl-section-head.light p { color: #fff; }
.jl-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.jl-product-tile { background: #fff; box-shadow: 0 16px 45px rgba(16,24,40,.09); transition: .25s ease; height: 100%; }
.jl-product-tile:hover { transform: translateY(-6px); box-shadow: 0 22px 60px rgba(16,24,40,.14); }
.jl-product-tile a { color: inherit; display: block; height: 100%; }
.jl-product-tile img { width: 100%; height: 245px; object-fit: cover; display: block; }
.jl-product-content { padding: 24px; }
.jl-product-content span { color: #d88400; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }
.jl-product-content h3 { font-size: 23px; line-height: 1.25; margin: 9px 0 12px; text-transform: none; }
.jl-product-content p { color: #66717f; line-height: 1.62; min-height: 100px; }
.jl-product-content em { color: #111820; font-style: normal; font-weight: 800; border-bottom: 2px solid #fda40b; }
.jl-center-action { text-align: center; margin-top: 40px; }
.jl-about-band { background: #f6f7f4; }
.jl-about-row { display: flex; align-items: center; }
.jl-about-img { width: 100%; height: 560px; object-fit: cover; box-shadow: 0 24px 65px rgba(16,24,40,.16); }
.jl-about-copy { padding-left: 48px; }
.jl-about-copy h2 { font-size: clamp(32px, 3.8vw, 52px); line-height: 1.08; letter-spacing: -1.5px; margin-bottom: 20px; text-transform: none; }
.jl-about-copy p { color: #5b6674; line-height: 1.8; font-size: 16px; }
.jl-about-copy ul { padding-left: 0; margin: 24px 0; list-style: none; }
.jl-about-copy li { position: relative; padding-left: 28px; margin-bottom: 12px; font-weight: 700; }
.jl-about-copy li::before { content: "\eed8"; font-family: IcoFont; color: #fda40b; position: absolute; left: 0; top: 0; }
.jl-text-link { color: #111820; font-weight: 800; border-bottom: 2px solid #fda40b; }
.jl-capabilities { background: #101820; position: relative; }
.jl-capabilities::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 10%, rgba(253,164,11,.16), transparent 28%); pointer-events: none; }
.jl-capabilities .container { position: relative; z-index: 2; }
.jl-cap-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.jl-cap-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); padding: 30px 24px; min-height: 260px; }
.jl-cap-card i { color: #fda40b; font-size: 42px; }
.jl-cap-card h3 { color: #fff; font-size: 22px; line-height: 1.2; margin: 22px 0 12px; text-transform: none; }
.jl-cap-card p { color: rgba(255,255,255,.72); line-height: 1.7; }
.jl-application-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #dfe4e8; }
.jl-application-grid div { background: #fff; padding: 30px; min-height: 210px; }
.jl-application-grid strong { display: block; font-size: 22px; line-height: 1.2; margin-bottom: 14px; }
.jl-application-grid span { color: #66717f; line-height: 1.7; }
.jl-cta { position: relative; background-size: cover; background-position: center; padding: 84px 0; }
.jl-cta-overlay { position: absolute; inset: 0; background: rgba(7,15,27,.82); }
.jl-cta-inner { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 40px; align-items: center; }
.jl-cta h2 { color: #fff; font-size: clamp(32px, 4vw, 52px); max-width: 760px; line-height: 1.1; letter-spacing: -1.4px; margin: 0 0 14px; text-transform: none; }
.jl-cta p { color: rgba(255,255,255,.76); max-width: 760px; line-height: 1.75; }

@media (max-width: 1199px) {
  .jl-hero-inner { grid-template-columns: minmax(0, 1fr) 290px; gap: 32px; }
  .jl-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jl-cap-grid, .jl-application-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .jl-hero { min-height: auto; padding: 110px 0 80px; }
  .jl-hero-inner { grid-template-columns: 1fr; }
  .jl-hero-panel { max-width: 520px; }
  .jl-about-row { display: block; }
  .jl-about-copy { padding-left: 0; padding-top: 34px; }
  .jl-about-img { height: 420px; }
  .jl-cta-inner { display: block; }
  .jl-cta .jl-btn { margin-top: 18px; }
}
@media (max-width: 767px) {
  .jl-hero { padding: 84px 0 58px; }
  .jl-hero-overlay { background: linear-gradient(180deg, rgba(5,12,22,.90), rgba(5,12,22,.72)); }
  .jl-hero h1 { font-size: 40px; line-height: 1.04; letter-spacing: -1.5px; }
  .jl-hero p { font-size: 15.5px; line-height: 1.65; }
  .jl-hero-actions { display: grid; grid-template-columns: 1fr; }
  .jl-btn { width: 100%; }
  .jl-trust-row span { width: 100%; text-align: center; }
  .jl-panel-card strong { font-size: 34px; }
  .jl-section { padding: 62px 0; }
  .jl-section-head { margin-bottom: 28px; }
  .jl-section-head h2, .jl-about-copy h2, .jl-cta h2 { font-size: 32px; }
  .jl-product-grid, .jl-cap-grid, .jl-application-grid { grid-template-columns: 1fr; }
  .jl-product-tile img { height: 220px; }
  .jl-product-content p { min-height: auto; }
  .jl-about-img { height: 300px; }
  .jl-cap-card, .jl-application-grid div { min-height: auto; }
  .jl-cta { padding: 62px 0; }
}

/* Disable legacy fixed sticky header; it caused repeated/overlapping header blocks while scrolling. */
.hd-sec.sticky_menu {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 50 !important;
  animation: none !important;
}

/* Clean export header: replaces the legacy template header layout. */
.site-header-export { background:#fff; color:#101820; position:relative; z-index:100; font-family:'Inter', Arial, sans-serif; }
.export-header-wrap { width:min(1170px, calc(100% - 32px)); margin:0 auto; }
.export-topbar { background:#101820; color:#fff; font-size:13px; }
.export-topbar .export-header-wrap { min-height:40px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.export-topbar-left span { color:#fda40b; font-weight:700; letter-spacing:.2px; }
.export-topbar-right { display:flex; align-items:center; gap:22px; white-space:nowrap; }
.export-topbar-right a, .export-topbar-right span { color:rgba(255,255,255,.86); }
.export-topbar-right i { color:#fda40b; margin-right:6px; }
.export-navbar { background:#fff; border-bottom:1px solid #edf0f3; box-shadow:0 8px 24px rgba(16,24,32,.05); }
.export-navbar-inner { min-height:82px; display:flex; align-items:center; gap:24px; position:relative; }
.export-brand { display:flex; align-items:center; gap:12px; flex:0 0 auto; color:#101820; }
.export-brand:hover { color:#101820; text-decoration:none; }
.export-brand span { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; background:#fda40b; color:#101820; font-weight:900; letter-spacing:.5px; }
.export-brand strong { font-size:23px; line-height:1; letter-spacing:-.5px; white-space:nowrap; }
.export-main-nav { flex:1 1 auto; display:flex; justify-content:flex-end; }
.export-main-nav ul { list-style:none; margin:0; padding:0; display:flex; align-items:center; }
.export-main-nav li { position:relative; }
.export-main-nav > ul > li > a { display:flex; align-items:center; min-height:82px; padding:0 11px; color:#101820; font-size:14px; font-weight:800; }
.export-main-nav > ul > li > a:hover { color:#d88400; text-decoration:none; }
.export-main-nav .has-submenu > a:after { content:""; width:6px; height:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin-left:8px; margin-top:-4px; }
.export-main-nav li ul { position:absolute; left:0; top:100%; min-width:270px; background:#fff; border-top:3px solid #fda40b; box-shadow:0 18px 45px rgba(16,24,32,.16); display:block; opacity:0; visibility:hidden; transform:translateY(10px); transition:.18s ease; z-index:200; }
.export-main-nav li:hover > ul { opacity:1; visibility:visible; transform:translateY(0); }
.export-main-nav li ul li a { display:block; padding:12px 16px; color:#263241; font-size:13px; font-weight:700; border-bottom:1px solid #f1f2f4; line-height:1.35; }
.export-main-nav li ul li a:hover { background:#f7f7f4; color:#d88400; text-decoration:none; }
.export-quote-btn { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 18px; background:#fda40b; color:#101820; font-weight:900; border-radius:3px; white-space:nowrap; }
.export-quote-btn:hover { color:#101820; background:#ffb331; text-decoration:none; }
.export-nav-toggle, .export-burger { display:none; }
/* Hide old meanmenu output if the legacy script still injects it. */
.site-header-export + .mean-container, .mobile-nav-menu, .mean-container { display:none !important; }

@media (max-width:1199px) {
  .export-navbar-inner { gap:14px; }
  .export-main-nav > ul > li > a { padding:0 7px; font-size:13px; }
  .export-brand strong { font-size:21px; }
  .export-quote-btn { padding:10px 13px; font-size:13px; }
}
@media (max-width:991px) {
  .export-topbar { display:none; }
  .export-navbar-inner { min-height:72px; }
  .export-brand span { width:38px; height:38px; }
  .export-brand strong { font-size:20px; }
  .export-burger { display:flex; width:44px; height:44px; background:#101820; align-items:center; justify-content:center; flex-direction:column; gap:5px; margin-left:auto; cursor:pointer; }
  .export-burger span { width:20px; height:2px; background:#fff; display:block; }
  .export-quote-btn { display:none; }
  .export-main-nav { position:absolute; left:0; right:0; top:72px; background:#fff; box-shadow:0 18px 45px rgba(16,24,32,.14); display:none; max-height:calc(100vh - 72px); overflow:auto; }
  .export-nav-toggle:checked ~ .export-main-nav { display:block; }
  .export-main-nav ul { display:block; }
  .export-main-nav > ul > li > a { min-height:0; padding:15px 18px; border-bottom:1px solid #edf0f3; justify-content:space-between; }
  .export-main-nav li ul { position:static; min-width:0; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:0; background:#f7f8f9; display:block; }
  .export-main-nav li ul li a { padding:11px 28px; font-size:12.5px; }
}
@media (max-width:420px) {
  .export-header-wrap { width:calc(100% - 24px); }
  .export-brand strong { font-size:18px; }
  .export-brand span { width:34px; height:34px; }
}
.export-nav-toggle {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
@media (min-width:992px) { .export-nav-toggle { display:none !important; } }

/* Jialian professional export homepage redesign. */
:root { --jl-navy:#0b1420; --jl-navy-2:#111c2a; --jl-ink:#111827; --jl-muted:#647181; --jl-line:#e6e9ee; --jl-soft:#f5f7f9; --jl-gold:#f5a623; --jl-gold-2:#ffb536; }
html { scroll-behavior:smooth; }
body.jl-site-body { background:#fff; }
.jl-pro-wrap { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.jl-pro-header { position:sticky; top:0; z-index:1000; background:#fff; box-shadow:0 10px 30px rgba(11,20,32,.06); font-family:'Inter', Arial, sans-serif; }
.jl-pro-topbar { background:var(--jl-navy); color:#dbe3ec; font-size:12px; }
.jl-pro-topbar .jl-pro-wrap { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.jl-pro-topbar span:first-child { color:var(--jl-gold); font-weight:800; letter-spacing:.4px; }
.jl-pro-navrow { background:#fff; }
.jl-pro-navinner { min-height:78px; display:flex; align-items:center; gap:28px; }
.jl-pro-brand { display:flex; align-items:center; gap:12px; color:var(--jl-ink); flex:0 0 auto; }
.jl-pro-brand:hover { color:var(--jl-ink); text-decoration:none; }
.jl-pro-brand span { width:44px; height:44px; display:grid; place-items:center; background:var(--jl-gold); color:var(--jl-navy); font-weight:900; letter-spacing:.5px; }
.jl-pro-brand strong { font-size:19px; line-height:1; letter-spacing:.5px; white-space:nowrap; }
.jl-pro-brand em { display:block; font-style:normal; font-size:11px; color:var(--jl-muted); margin-top:4px; letter-spacing:.6px; text-transform:uppercase; }
.jl-pro-menu { flex:1; display:flex; justify-content:center; align-items:center; gap:26px; }
.jl-pro-menu a { color:#263241; font-size:14px; font-weight:800; position:relative; padding:29px 0; }
.jl-pro-menu a:after { content:""; position:absolute; left:0; right:0; bottom:20px; height:2px; background:var(--jl-gold); transform:scaleX(0); transform-origin:left; transition:.2s ease; }
.jl-pro-menu a:hover { color:#0b1420; text-decoration:none; }
.jl-pro-menu a:hover:after { transform:scaleX(1); }
.jl-pro-quote { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; background:var(--jl-gold); color:var(--jl-navy); border-radius:4px; font-weight:900; white-space:nowrap; }
.jl-pro-quote:hover { background:var(--jl-gold-2); color:var(--jl-navy); text-decoration:none; }
.jl-pro-toggle { position:absolute; opacity:0; pointer-events:none; width:1px; height:1px; }
.jl-pro-burger { display:none; }
.mean-container, .mobile-nav-menu { display:none !important; }
.jl-pro-home { font-family:'Inter', Arial, sans-serif; color:var(--jl-ink); background:#fff; overflow:hidden; }
.jl-pro-home a { text-decoration:none; }
.jl-pro-kicker { display:inline-block; color:var(--jl-gold); font-size:12px; font-weight:900; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:15px; }
.jl-pro-kicker.dark { color:#d98a00; }
.jl-pro-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 24px; border-radius:4px; font-weight:900; transition:.22s ease; }
.jl-pro-btn-primary { background:var(--jl-gold); color:var(--jl-navy); box-shadow:0 14px 35px rgba(245,166,35,.25); }
.jl-pro-btn-primary:hover { background:var(--jl-gold-2); color:var(--jl-navy); transform:translateY(-2px); }
.jl-pro-btn-ghost { color:#fff; border:1px solid rgba(255,255,255,.34); background:rgba(255,255,255,.08); }
.jl-pro-btn-ghost:hover { color:#fff; background:rgba(255,255,255,.16); transform:translateY(-2px); }
.jl-pro-btn-dark { background:var(--jl-navy); color:#fff; width:100%; }
.jl-pro-btn-dark:hover { background:#1b2a3d; color:#fff; }
.jl-hero-pro { position:relative; min-height:720px; display:flex; align-items:center; background-size:cover; background-position:center; }
.jl-hero-pro:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,14,23,.94) 0%, rgba(8,14,23,.82) 48%, rgba(8,14,23,.34) 100%); }
.jl-hero-pro:after { content:""; position:absolute; right:-160px; bottom:-180px; width:520px; height:520px; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.jl-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:58px; align-items:center; }
.jl-hero-copy-pro { color:#fff; max-width:800px; }
.jl-hero-copy-pro h1 { color:#fff; font-size:68px; line-height:1.01; letter-spacing:-2.4px; margin:0 0 24px; text-transform:none; }
.jl-hero-copy-pro p { max-width:720px; color:rgba(255,255,255,.82); font-size:18px; line-height:1.72; margin:0; }
.jl-pro-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.jl-hero-metrics { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-top:34px; max-width:720px; }
.jl-hero-metrics div { border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.07); padding:18px 16px; }
.jl-hero-metrics strong { display:block; color:#fff; font-size:25px; line-height:1; }
.jl-hero-metrics span { display:block; color:rgba(255,255,255,.68); font-size:12px; font-weight:700; margin-top:8px; text-transform:uppercase; letter-spacing:.7px; }
.jl-selection-card { background:#fff; padding:30px; border-radius:18px; border-top:5px solid var(--jl-gold); box-shadow:0 28px 80px rgba(0,0,0,.28); }
.jl-selection-card h2 { font-size:28px; line-height:1.15; margin:0 0 20px; text-transform:none; color:var(--jl-ink); }
.jl-selection-card ul { list-style:none; margin:0 0 24px; padding:0; }
.jl-selection-card li { padding:15px 0; border-bottom:1px solid var(--jl-line); }
.jl-selection-card li span { display:block; color:#d98a00; font-size:11px; text-transform:uppercase; font-weight:900; letter-spacing:.9px; }
.jl-selection-card li strong { display:block; color:#1c2735; font-size:14px; line-height:1.45; margin-top:4px; }
.jl-pro-section { padding:96px 0; }
.jl-pro-soft { background:var(--jl-soft); }
.jl-pro-section-head { max-width:790px; margin-bottom:42px; }
.jl-pro-section-head.center { text-align:center; margin-left:auto; margin-right:auto; }
.jl-pro-section-head.light h2, .jl-pro-section-head.light p { color:#fff; }
.jl-pro-section-head h2 { font-size:46px; line-height:1.1; letter-spacing:-1.5px; margin:0; color:var(--jl-ink); text-transform:none; }
.jl-product-pro-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:26px; }
.jl-product-pro-card { background:#fff; border-radius:18px; overflow:hidden; border:1px solid var(--jl-line); box-shadow:0 16px 45px rgba(11,20,32,.08); transition:.24s ease; }
.jl-product-pro-card:hover { transform:translateY(-7px); box-shadow:0 26px 65px rgba(11,20,32,.15); }
.jl-product-pro-card a { display:block; color:inherit; }
.jl-product-pro-card img { width:100%; height:255px; display:block; object-fit:cover; transition:.35s ease; }
.jl-product-pro-card:hover img { transform:scale(1.045); }
.jl-product-pro-body { padding:24px; position:relative; }
.jl-product-pro-body:before { content:""; position:absolute; left:24px; right:24px; top:0; height:4px; background:var(--jl-gold); }
.jl-product-pro-body > span { color:#d98a00; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.9px; }
.jl-product-pro-body h3 { font-size:24px; line-height:1.22; margin:9px 0 12px; text-transform:none; color:var(--jl-ink); }
.jl-product-pro-body p { color:var(--jl-muted); line-height:1.65; min-height:78px; margin:0 0 18px; }
.jl-spec-tags { display:flex; flex-wrap:wrap; gap:8px; }
.jl-spec-tags em { font-style:normal; font-size:11px; font-weight:900; color:#263241; background:#f0f3f5; border:1px solid #e0e5eb; border-radius:999px; padding:7px 10px; }
.jl-condition-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.jl-condition-grid div { background:#fff; border:1px solid var(--jl-line); border-radius:16px; padding:26px; box-shadow:0 12px 35px rgba(11,20,32,.055); }
.jl-condition-grid i { width:52px; height:52px; display:grid; place-items:center; background:rgba(245,166,35,.13); color:var(--jl-gold); border-radius:14px; font-size:30px; }
.jl-condition-grid strong { display:block; margin:18px 0 8px; font-size:21px; color:var(--jl-ink); }
.jl-condition-grid span { color:var(--jl-muted); line-height:1.62; }
.jl-custom-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:56px; align-items:center; }
.jl-custom-image { position:relative; }
.jl-custom-image:after { content:""; position:absolute; inset:auto -18px -18px auto; width:46%; height:46%; border:8px solid var(--jl-gold); z-index:-1; }
.jl-custom-image img { width:100%; height:560px; object-fit:cover; border-radius:18px; box-shadow:0 26px 70px rgba(11,20,32,.16); }
.jl-custom-copy h2 { font-size:46px; line-height:1.08; letter-spacing:-1.5px; margin:0 0 18px; text-transform:none; }
.jl-custom-copy p { color:var(--jl-muted); line-height:1.75; font-size:16px; }
.jl-capability-list { display:grid; gap:14px; margin-top:26px; }
.jl-capability-list div { border-left:4px solid var(--jl-gold); background:#fff; box-shadow:0 12px 34px rgba(11,20,32,.06); border-radius:0 14px 14px 0; padding:18px 20px; }
.jl-capability-list strong { display:block; color:var(--jl-ink); font-size:18px; margin-bottom:6px; }
.jl-capability-list span { color:var(--jl-muted); line-height:1.6; }
.jl-process-section { background:var(--jl-navy); position:relative; }
.jl-process-section:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 10%, rgba(245,166,35,.16), transparent 28%); }
.jl-process-section .jl-pro-wrap { position:relative; z-index:1; }
.jl-process-grid { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); border:1px solid rgba(255,255,255,.13); border-radius:18px; overflow:hidden; }
.jl-process-grid div { padding:28px 18px; min-height:190px; background:rgba(255,255,255,.055); border-right:1px solid rgba(255,255,255,.12); counter-increment:step; }
.jl-process-grid { counter-reset:step; }
.jl-process-grid div:last-child { border-right:0; }
.jl-process-grid div:before { content:"0" counter(step); color:var(--jl-gold); font-weight:900; letter-spacing:1px; display:block; margin-bottom:20px; }
.jl-process-grid strong { display:block; color:#fff; font-size:18px; line-height:1.25; margin-bottom:10px; }
.jl-process-grid span { color:rgba(255,255,255,.68); line-height:1.55; font-size:14px; }
.jl-quality-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.jl-quality-panel, .jl-trust-panel { border-radius:18px; padding:30px; background:#fff; border:1px solid var(--jl-line); box-shadow:0 16px 45px rgba(11,20,32,.07); }
.jl-quality-panel h3, .jl-trust-panel h3 { margin:0 0 20px; font-size:25px; text-transform:none; }
.jl-quality-panel ul { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.jl-quality-panel li { padding:16px 18px; background:#f7f9fb; border-left:4px solid var(--jl-gold); border-radius:0 12px 12px 0; }
.jl-quality-panel strong { display:block; color:var(--jl-ink); }
.jl-quality-panel span, .jl-trust-panel span { color:var(--jl-muted); line-height:1.6; }
.jl-trust-panel { background:var(--jl-navy); color:#fff; }
.jl-trust-panel h3, .jl-trust-panel strong { color:#fff; }
.jl-trust-panel div { display:grid; grid-template-columns:80px 1fr; gap:16px; align-items:start; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.jl-trust-panel div:last-child { border-bottom:0; }
.jl-trust-panel strong { color:var(--jl-gold); font-size:22px; }
.jl-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; align-items:start; }
.jl-accordion { display:grid; gap:12px; }
.jl-accordion details { background:#fff; border:1px solid var(--jl-line); border-radius:14px; box-shadow:0 12px 30px rgba(11,20,32,.05); overflow:hidden; }
.jl-accordion summary { cursor:pointer; padding:20px 24px; font-weight:900; color:var(--jl-ink); list-style:none; display:flex; justify-content:space-between; gap:18px; }
.jl-accordion summary::-webkit-details-marker { display:none; }
.jl-accordion summary:after { content:"+"; color:var(--jl-gold); font-size:22px; line-height:1; }
.jl-accordion details[open] summary:after { content:"–"; }
.jl-accordion p { margin:0; padding:0 24px 22px; color:var(--jl-muted); line-height:1.65; }
.jl-final-cta { position:relative; background-size:cover; background-position:center; padding:96px 0; color:#fff; text-align:center; }
.jl-final-cta:before { content:""; position:absolute; inset:0; background:rgba(8,14,23,.86); }
.jl-final-cta .jl-pro-wrap { position:relative; z-index:1; max-width:850px; }
.jl-final-cta h2 { color:#fff; font-size:54px; line-height:1.05; letter-spacing:-1.5px; margin:0 0 16px; text-transform:none; }
.jl-final-cta p { color:rgba(255,255,255,.76); line-height:1.7; font-size:17px; margin:0 0 30px; }
.jl-pro-footer { background:#0b1420; color:#d9e1ea; font-family:'Inter', Arial, sans-serif; }
.jl-pro-footer-grid { display:grid; grid-template-columns:1.35fr .8fr .8fr 1fr; gap:34px; padding:66px 0 48px; }
.jl-pro-footer .footer-brand strong { color:#fff; }
.jl-pro-footer .footer-brand em { color:#aeb8c4; }
.jl-pro-footer p { color:#aeb8c4; line-height:1.75; margin-top:18px; max-width:390px; }
.jl-pro-footer h3 { color:#fff; font-size:16px; margin:0 0 18px; text-transform:none; }
.jl-pro-footer ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.jl-pro-footer a { color:#aeb8c4; }
.jl-pro-footer a:hover { color:var(--jl-gold); text-decoration:none; }
.jl-pro-contact-list li { color:#aeb8c4; line-height:1.55; }
.jl-pro-footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding:18px 0; }
.jl-pro-footer-bottom .jl-pro-wrap { display:flex; justify-content:space-between; gap:20px; color:#aeb8c4; }
.jl-pro-footer-bottom span { color:var(--jl-gold); font-weight:800; }
@media (max-width:1199px){ .jl-pro-menu{gap:18px}.jl-product-pro-grid,.jl-home-product-grid,.jl-condition-grid{grid-template-columns:repeat(2,1fr)}.jl-process-grid{grid-template-columns:repeat(3,1fr)}.jl-process-grid div{border-bottom:1px solid rgba(255,255,255,.12)}.jl-pro-footer-grid{grid-template-columns:1fr 1fr}.jl-hero-grid{grid-template-columns:minmax(0,1fr) 350px}.jl-hero-copy-pro h1{font-size:58px} }
@media (max-width:991px){ .jl-pro-topbar{display:none}.jl-pro-navinner{min-height:72px}.jl-pro-burger{display:flex; width:44px; height:44px; background:var(--jl-navy); margin-left:auto; flex-direction:column; justify-content:center; align-items:center; gap:5px; cursor:pointer}.jl-pro-burger span{display:block;width:20px;height:2px;background:#fff}.jl-pro-menu{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;box-shadow:0 18px 45px rgba(11,20,32,.14);padding:12px 20px;z-index:20}.jl-pro-toggle:checked ~ .jl-pro-menu{display:grid}.jl-pro-menu a{padding:13px 0;border-bottom:1px solid var(--jl-line)}.jl-pro-menu a:after{display:none}.jl-pro-quote{display:none}.jl-hero-pro{min-height:auto;padding:86px 0}.jl-hero-grid,.jl-custom-grid,.jl-quality-grid,.jl-faq-grid{grid-template-columns:1fr}.jl-selection-card{max-width:560px}.jl-custom-image img{height:380px}.jl-process-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:767px){ .jl-pro-wrap{width:calc(100% - 28px)}.jl-pro-brand span{width:38px;height:38px}.jl-pro-brand strong{font-size:16px}.jl-pro-brand em{font-size:9px}.jl-hero-pro{padding:64px 0}.jl-hero-pro:before{background:linear-gradient(180deg,rgba(8,14,23,.94),rgba(8,14,23,.76))}.jl-hero-copy-pro h1{font-size:39px;letter-spacing:-1px}.jl-hero-copy-pro p{font-size:15.5px}.jl-pro-actions{display:grid}.jl-pro-btn{width:100%}.jl-hero-metrics,.jl-product-pro-grid,.jl-condition-grid,.jl-process-grid{grid-template-columns:1fr}.jl-pro-section{padding:64px 0}.jl-pro-section-head h2,.jl-custom-copy h2,.jl-final-cta h2{font-size:32px}.jl-product-pro-card img{height:220px}.jl-product-pro-body p{min-height:auto}.jl-custom-image img{height:300px}.jl-trust-panel div{grid-template-columns:1fr;gap:4px}.jl-pro-footer-grid{grid-template-columns:1fr}.jl-pro-footer-bottom .jl-pro-wrap{display:grid;text-align:center}.jl-selection-card{padding:24px}.jl-final-cta{padding:70px 0} }

/* Scoped refinement for homepage Quality & Qualification section only. */
.jl-quality-section { background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); }
.jl-quality-heading { max-width: 860px; }
.jl-quality-heading p { margin: 16px 0 0; color: var(--jl-muted); font-size: 17px; line-height: 1.72; max-width: 760px; }
.refined-quality-grid { align-items: stretch; gap: 30px; }
.refined-inspection-card,
.refined-trust-card { min-height: 560px; }
.refined-inspection-card { background: rgba(255,255,255,.96); border: 1px solid #e7ebf0; box-shadow: 0 18px 46px rgba(11,20,32,.065); padding: 34px; }
.quality-card-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid #e9edf2; margin-bottom: 18px; }
.quality-card-title span { display: block; color: var(--jl-ink); font-size: 25px; font-weight: 900; line-height: 1.15; }
.quality-card-title em { color: #d98a00; font-style: normal; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; }
.refined-inspection-card ul { gap: 12px; }
.refined-inspection-card li { background: #f8fafc; border: 1px solid #edf1f5; border-left: 4px solid var(--jl-gold); border-radius: 12px; padding: 18px 20px; transition: .2s ease; }
.refined-inspection-card li:hover { background: #fff; box-shadow: 0 12px 28px rgba(11,20,32,.06); transform: translateY(-2px); }
.refined-inspection-card li strong { font-size: 17px; margin-bottom: 6px; }
.refined-inspection-card li span { display: block; color: #5f6c7a; line-height: 1.62; }
.refined-trust-card { position: relative; overflow: hidden; background: radial-gradient(circle at 85% 0%, rgba(245,166,35,.25), transparent 30%), linear-gradient(145deg, #0a111c 0%, #111c2a 54%, #202b38 100%); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 24px 60px rgba(11,20,32,.22); padding: 34px; }
.refined-trust-card:before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; pointer-events: none; }
.trust-card-title { position: relative; z-index: 1; margin-bottom: 26px; }
.trust-card-title span { display: block; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.12; margin-bottom: 10px; }
.trust-card-title p { color: rgba(255,255,255,.72); line-height: 1.68; max-width: 380px; margin: 0; }
.trust-support-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.trust-support-grid div { display: block; min-height: 154px; padding: 22px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.065); border-radius: 14px; backdrop-filter: blur(2px); }
.trust-support-grid div:hover { background: rgba(255,255,255,.095); border-color: rgba(245,166,35,.42); }
.trust-support-grid strong { display: block; color: var(--jl-gold); font-size: 30px; line-height: 1; margin-bottom: 14px; }
.trust-support-grid span { display: block; color: rgba(255,255,255,.78); line-height: 1.58; }
@media (max-width: 991px) {
  .refined-inspection-card, .refined-trust-card { min-height: auto; }
  .trust-support-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  .jl-quality-heading p { font-size: 15.5px; }
  .refined-inspection-card, .refined-trust-card { padding: 24px; border-radius: 16px; }
  .quality-card-title { display: block; }
  .quality-card-title em { display: inline-block; margin-top: 10px; }
  .trust-support-grid { grid-template-columns: 1fr; }
  .trust-support-grid div { min-height: auto; }
  .trust-card-title span { font-size: 26px; }
}


/* Global typography: professional export machinery style. */
html, body, button, input, textarea, select {
  font-family: 'Inter', Arial, sans-serif;
}
h1, h2, h3,
.section-title,
.jl-pro-section-head h2,
.jl-hero-copy-pro h1,
.jl-product-pro-body h3,
.jl-condition-grid strong,
.jl-custom-copy h2,
.jl-process-grid strong,
.jl-quality-panel h3,
.jl-trust-panel h3,
.quality-card-title span,
.trust-card-title span,
.jl-final-cta h2,
.export-head h2,
.export-hero h1,
.export-copy h2,
.export-cta h2,
.page-heading h1,
.jialian-product-body h2,
.jialian-detail-summary h1,
.jialian-detail-box h2,
.footer-widget h2,
.jl-pro-footer h3 {
  font-family: 'Sora', 'Inter', Arial, sans-serif;
  letter-spacing: -0.04em;
}
.jl-pro-brand strong,
.export-brand strong,
.jialian-logo strong {
  font-family: 'Sora', 'Inter', Arial, sans-serif;
  letter-spacing: -0.035em;
}

/* Scoped fix: Quality & Qualification Trust Support card layout. */
.jl-quality-section .trust-card {
  background: linear-gradient(145deg, #071522, #132a42);
  border-radius: 28px;
  padding: 36px;
  color: #fff;
  overflow: hidden;
  min-height: 560px;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 24px 60px rgba(11,20,32,0.22);
  position: static;
  filter: none;
  backdrop-filter: none;
  transform: none;
}
.jl-quality-section .trust-header {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 28px;
  align-items: start;
}
.jl-quality-section .trust-header h3 {
  font-family: 'Sora', 'Inter', Arial, sans-serif;
  color: #fff;
  font-size: 36px;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin: 0;
  text-transform: none;
}
.jl-quality-section .trust-header p {
  color: #c6d0dc;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  max-width: 360px;
}
.jl-quality-section .trust-divider {
  height: 1px;
  background: rgba(255,255,255,0.14);
  margin: 30px 0;
}
.jl-quality-section .trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.jl-quality-section .trust-item {
  min-width: 0;
  min-height: 150px;
  padding: 24px;
  border-radius: 18px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  display: block;
  position: static;
  overflow: hidden;
  filter: none;
  backdrop-filter: none;
  transform: none;
}
.jl-quality-section .trust-item strong {
  display: block;
  color: #f6a800;
  font-family: 'Sora', 'Inter', Arial, sans-serif;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin-bottom: 14px;
  word-break: normal;
  overflow-wrap: normal;
}
.jl-quality-section .trust-item span {
  display: block;
  color: #d6dee8;
  font-size: 14px;
  line-height: 1.55;
}
@media (max-width: 991px) {
  .jl-quality-section .trust-card { min-height: auto; }
}
@media (max-width: 768px) {
  .jl-quality-section .quality-grid,
  .jl-quality-section .jl-quality-grid {
    grid-template-columns: 1fr;
  }
  .jl-quality-section .trust-header {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .jl-quality-section .trust-grid {
    grid-template-columns: 1fr;
  }
  .jl-quality-section .trust-card {
    padding: 26px;
    border-radius: 22px;
  }
  .jl-quality-section .trust-header h3 {
    font-size: 30px;
  }
  .jl-quality-section .trust-item {
    min-height: auto;
  }
}

/* Targeted homepage polish pass - May 3. */
.jl-hero-pro { background-position: center center; }
.jl-hero-pro:before { background: linear-gradient(90deg, rgba(8,14,23,.84) 0%, rgba(8,14,23,.68) 48%, rgba(8,14,23,.22) 100%); }
.jl-hero-copy-pro h1 { text-wrap: balance; }
.jl-selection-card { border: 1px solid rgba(255,255,255,.45); }
.jl-pro-section-head p { margin: 14px 0 0; color: var(--jl-muted); line-height: 1.7; max-width: 760px; }
.jl-product-pro-card a { min-height: 100%; display: flex; flex-direction: column; }
.jl-product-pro-card img { height: 235px; object-fit: cover; }
.jl-product-pro-body { flex: 1; display: flex; flex-direction: column; }
.jl-product-pro-body p { min-height: 78px; }
.jl-spec-tags { margin-top: auto; padding-top: 4px; }
.jl-home-products-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.jl-hero-pro { min-height: 720px; background-position: center center; }
.jl-hero-pro:before { background: linear-gradient(90deg, rgba(7,21,34,.16) 0%, rgba(7,21,34,.08) 48%, rgba(7,21,34,0) 100%); }
.jl-hero-pro-video { overflow: hidden; background: #071522; }
.jl-hero-video-wrap { position: absolute; inset: 0; z-index: 0; }
.jl-hero-video { width: 100%; height: 100%; object-fit: cover; display: block; }
.jl-hero-pro-video:before { background: linear-gradient(90deg, rgba(7,21,34,.38) 0%, rgba(7,21,34,.2) 48%, rgba(7,21,34,.08) 100%); z-index: 1; }
.jl-hero-pro-video:after { z-index: 1; }
.jl-hero-pro-video .jl-hero-grid { position: relative; z-index: 2; }
.jl-home-product-banner { position: relative; overflow: hidden; border-radius: 20px; margin: 0 0 34px; box-shadow: 0 22px 60px rgba(11,20,32,.12); background: var(--jl-navy); }
.jl-home-product-banner img { width: 100%; aspect-ratio: 21 / 9; min-height: 270px; max-height: 430px; display: block; object-fit: cover; object-position: center center; }
.jl-home-factory-image { align-self: start; margin-top: 0; }
.jl-home-factory-image:after { display: none; }
.jl-home-factory-image img { width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; object-fit: contain; object-position: center center; border-radius: 18px; box-shadow: none; background: transparent; }
.jl-custom-grid { align-items: start; }
.jl-home-factory-capability-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 6px; }
.jl-home-factory-capability-list div { width: 100%; }
.jl-hero-grid { grid-template-columns: minmax(0,.98fr) 330px; gap: 42px; }
.jl-hero-copy-pro { position: relative; max-width: 720px; padding: 26px 30px 30px 0; text-shadow: 0 3px 18px rgba(0,0,0,.28); }
.jl-hero-copy-pro:before { content: ""; position: absolute; inset: -24px 0 -24px -28px; width: min(760px, calc(100% + 30px)); border-radius: 24px; background: linear-gradient(90deg, rgba(6,24,42,.34), rgba(6,24,42,.14) 64%, rgba(6,24,42,0)); pointer-events: none; z-index: -1; }
.jl-selection-card { max-width: 330px; justify-self: end; padding: 24px; background: rgba(255,255,255,.9); border-top-width: 4px; box-shadow: 0 18px 52px rgba(11,20,32,.22); transform: translateY(26px); }
.jl-selection-card h2 { font-size: 24px; }
.jl-selection-card li { padding: 12px 0; }
.jl-selection-card .jl-pro-btn { min-height: 48px; }
.jl-hero-simple { display: block; }
.jl-hero-simple .jl-hero-copy-pro { max-width: 680px; padding: 0; }
.jl-hero-simple .jl-hero-copy-pro:before { inset: -34px -46px -34px -34px; width: calc(100% + 80px); background: linear-gradient(90deg, rgba(4,24,47,.42), rgba(4,24,47,.2) 64%, rgba(4,24,47,0)); border-radius: 0; }
.jl-hero-simple .jl-pro-kicker { color: #8bd63f; margin-bottom: 18px; }
.jl-hero-simple h1 { max-width: 660px; font-size: clamp(44px, 5vw, 68px); line-height: 1.03; margin-bottom: 20px; }
.jl-hero-simple h1 span { color: #8bd63f; }
.jl-hero-simple p { max-width: 620px; font-size: 18px; line-height: 1.68; }
.jl-hero-simple .jl-pro-actions { margin-top: 32px; }
.jl-hero-simple .jl-pro-btn-primary { background: #8bd63f; color: #071522; box-shadow: 0 14px 35px rgba(139,214,63,.22); }
.jl-hero-simple .jl-pro-btn-primary:hover { background: #9bea4a; color: #071522; }
.jl-home-product-banner { margin-bottom: 28px; }
.jl-home-product-banner img { aspect-ratio: 21 / 8; min-height: 220px; max-height: 340px; object-position: center center; }
.jl-home-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.jl-home-product-card { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--jl-line); border-radius: 18px; overflow: hidden; box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.jl-home-product-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); border-color: rgba(245,166,35,.35); }
.jl-home-product-image { display: block; height: 245px; overflow: hidden; background: var(--jl-navy); }
.jl-home-product-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.jl-home-product-card:hover .jl-home-product-image img { transform: scale(1.045); }
.jl-home-product-body { flex: 1; min-height: 365px; padding: 24px; display: flex; flex-direction: column; }
.jl-home-product-cat { align-self: flex-start; color: #d98a00; font-size: 12px; font-weight: 900; letter-spacing: .9px; text-transform: uppercase; margin-bottom: 10px; }
.jl-home-product-body h3 { color: var(--jl-ink); font-size: 24px; line-height: 1.22; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jl-home-product-body h3 a { color: var(--jl-ink); }
.jl-home-product-body h3 a:hover { color: #d98a00; text-decoration: none; }
.jl-home-product-body p { color: var(--jl-muted); line-height: 1.65; margin: 0 0 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jl-home-product-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.jl-home-product-tags span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 10px; border-radius: 999px; background: #f0f3f5; border: 1px solid #e0e5eb; color: #263241; font-size: 11px; font-weight: 900; }
.jl-home-product-actions { display: flex; gap: 10px; margin-top: 20px; }
.jl-home-product-details,
.jl-home-product-quote { flex: 1; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 900; transition: transform .22s ease, background .22s ease, color .22s ease; }
.jl-home-product-details { background: var(--jl-navy); color: #fff; }
.jl-home-product-quote { background: var(--jl-gold); color: var(--jl-navy); }
.jl-home-product-details:hover,
.jl-home-product-quote:hover { text-decoration: none; transform: translateY(-2px); }
.jl-home-product-details:hover { color: #fff; background: #1b2a3d; }
.jl-home-product-quote:hover { color: var(--jl-navy); background: var(--jl-gold-2); }
.jl-home-product-more { display: flex; justify-content: center; margin-top: 42px; }
.jl-condition-grid div { min-height: 260px; display: flex; flex-direction: column; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.jl-condition-grid div:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(11,20,32,.12); border-color: rgba(245,166,35,.45); }
.jl-condition-grid i { width: 62px; height: 62px; font-size: 34px; }
.jl-condition-grid span { display: block; }
.jl-condition-grid em { display: inline-flex; align-self: flex-start; margin-top: auto; padding: 8px 11px; border-radius: 999px; background: #101820; color: #fff; font-style: normal; font-size: 11px; font-weight: 800; line-height: 1.3; }
.jl-capability-list div span { font-size: 15px; }
.jl-process-grid { position: relative; }
.jl-process-grid div { min-height: 220px; position: relative; }
.jl-process-grid div:not(:last-child):after { content: ""; position: absolute; top: 44px; right: -8px; width: 16px; height: 16px; border-top: 1px solid rgba(255,255,255,.28); border-right: 1px solid rgba(255,255,255,.28); transform: rotate(45deg); background: #0b1420; z-index: 2; }
.jl-process-grid div:before { font-size: 18px; color: #ffc04d; }
.jl-quality-section .trust-item { min-height: 158px; }
.jl-accordion details { box-shadow: 0 14px 34px rgba(11,20,32,.075); }
.jl-accordion p { color: #465466; }
.jl-faq-engineer { width: auto; margin-top: 24px; }
.jl-final-cta { background-position: center; }
.jl-final-cta:before { background: rgba(8,14,23,.74); }
.jl-final-cta .jl-pro-btn { min-height: 58px; padding: 17px 34px; font-size: 16px; width: auto; }

/* Homepage motion polish */
.jl-home-motion-enabled .jl-hero-video { transform: scale(1.035); animation: jlHomeVideoFloat 16s ease-in-out infinite alternate; }
.jl-home-motion-enabled .jl-motion-in,
.jl-home-motion-enabled .jl-motion-stagger {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--jl-motion-delay, 0ms);
  will-change: opacity, transform;
}
.jl-home-motion-enabled .jl-motion-stagger {
  transform: translate3d(0, 44px, 0) scale(.985);
}
.jl-home-motion-enabled .jl-motion-in.is-visible,
.jl-home-motion-enabled .jl-motion-stagger.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.jl-home-motion-enabled .jl-hero-copy-pro .jl-motion-in {
  transform: translate3d(0, 26px, 0);
}
.jl-home-motion-enabled .jl-home-product-card.is-visible,
.jl-home-motion-enabled .jl-condition-grid div.is-visible,
.jl-home-motion-enabled .jl-home-factory-capability-list div.is-visible,
.jl-home-motion-enabled .jl-process-grid div.is-visible,
.jl-home-motion-enabled .trust-grid .trust-item.is-visible,
.jl-home-motion-enabled .jl-accordion details.is-visible {
  animation: jlHomeFadeUp .82s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--jl-motion-delay, 0ms);
}
.jl-home-motion-enabled .jl-home-product-card,
.jl-home-motion-enabled .jl-condition-grid div,
.jl-home-motion-enabled .jl-home-factory-capability-list div,
.jl-home-motion-enabled .jl-process-grid div,
.jl-home-motion-enabled .trust-grid .trust-item,
.jl-home-motion-enabled .jl-accordion details {
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background-color .28s ease;
}
.jl-home-motion-enabled .jl-hero-copy-pro .jl-pro-btn,
.jl-home-motion-enabled .jl-home-product-actions a,
.jl-home-motion-enabled .jl-home-product-tags span,
.jl-home-motion-enabled .jl-capability-list div,
.jl-home-motion-enabled .jl-accordion details,
.jl-home-motion-enabled .trust-item {
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background-color .24s ease,
    color .24s ease;
}
.jl-home-motion-enabled .jl-hero-copy-pro .jl-pro-btn:hover,
.jl-home-motion-enabled .jl-home-product-tags span:hover {
  transform: translateY(-2px);
}
.jl-home-motion-enabled .jl-accordion details[open] {
  transform: translateY(-2px);
}

@keyframes jlHomeFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 42px, 0) scale(.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes jlHomeVideoFloat {
  from { transform: scale(1.03) translate3d(0, 0, 0); }
  to { transform: scale(1.08) translate3d(-10px, -6px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .jl-home-motion-enabled .jl-hero-video,
  .jl-home-motion-enabled .jl-motion-in,
  .jl-home-motion-enabled .jl-motion-stagger,
  .jl-home-motion-enabled .jl-home-product-card.is-visible,
  .jl-home-motion-enabled .jl-condition-grid div.is-visible,
  .jl-home-motion-enabled .jl-home-factory-capability-list div.is-visible,
  .jl-home-motion-enabled .jl-process-grid div.is-visible,
  .jl-home-motion-enabled .trust-grid .trust-item.is-visible,
  .jl-home-motion-enabled .jl-accordion details.is-visible {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Global motion for non-home pages */
.jl-site-motion-enabled .jl-site-motion-hero,
.jl-site-motion-enabled .jl-site-motion-block,
.jl-site-motion-enabled .jl-site-motion-head,
.jl-site-motion-enabled .jl-site-motion-product-detail,
.jl-site-motion-enabled .jl-site-motion-archive-accent,
.jl-site-motion-enabled .jl-site-motion-card {
  opacity: 0;
  will-change: opacity, transform;
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--jl-motion-delay, 0ms);
}
.jl-site-motion-enabled .jl-site-motion-hero {
  transform: translate3d(0, 18px, 0);
}
.jl-site-motion-enabled .jl-site-motion-block {
  transform: translate3d(0, 34px, 0);
}
.jl-site-motion-enabled .jl-site-motion-head {
  transform: translate3d(0, 26px, 0);
}
.jl-site-motion-enabled .jl-site-motion-product-detail {
  transform: translate3d(0, 34px, 0);
}
.jl-site-motion-enabled .jl-site-motion-archive-accent {
  transform: translate3d(0, 18px, 0) scale(.98);
}
.jl-site-motion-enabled .jl-site-motion-card {
  transform: translate3d(0, 38px, 0) scale(.988);
}
.jl-site-motion-enabled .jl-site-motion-hero.is-visible,
.jl-site-motion-enabled .jl-site-motion-block.is-visible,
.jl-site-motion-enabled .jl-site-motion-head.is-visible,
.jl-site-motion-enabled .jl-site-motion-product-detail.is-visible,
.jl-site-motion-enabled .jl-site-motion-archive-accent.is-visible,
.jl-site-motion-enabled .jl-site-motion-card.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.jl-site-motion-enabled .product-archive-hero-tags span,
.jl-site-motion-enabled .applications-hero-tags span,
.jl-site-motion-enabled .jl-news-hero-tags span,
.jl-site-motion-enabled .product-archive-hero-actions > *,
.jl-site-motion-enabled .applications-hero .jl-pro-btn,
.jl-site-motion-enabled .jl-news-readmore {
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background-color .24s ease,
    color .24s ease,
    border-color .24s ease;
}
.jl-site-motion-enabled .product-archive-hero-tags span:hover,
.jl-site-motion-enabled .applications-hero-tags span:hover,
.jl-site-motion-enabled .jl-news-hero-tags span:hover,
.jl-site-motion-enabled .product-archive-hero-actions > *:hover,
.jl-site-motion-enabled .applications-hero .jl-pro-btn:hover {
  transform: translateY(-2px);
}
.jl-site-motion-enabled .product-archive-model-card img,
.jl-site-motion-enabled .applications-card img,
.jl-site-motion-enabled .jl-news-featured-image img,
.jl-site-motion-enabled .jl-news-card-image img {
  transition: transform .5s ease, filter .5s ease;
}
.jl-site-motion-enabled .product-archive-model-card.is-visible img,
.jl-site-motion-enabled .applications-card.is-visible img,
.jl-site-motion-enabled .jl-news-featured-card.is-visible img,
.jl-site-motion-enabled .jl-news-card.is-visible img {
  animation: jlArchiveImageSettle .95s cubic-bezier(.22, 1, .36, 1) both;
}
.jl-site-motion-enabled .product-archive-model-card:hover img,
.jl-site-motion-enabled .applications-card:hover img,
.jl-site-motion-enabled .jl-news-featured-card:hover img,
.jl-site-motion-enabled .jl-news-card:hover img {
  filter: saturate(1.03);
}
.jl-site-motion-enabled .product-single-page .product-single-hero-copy.jl-site-motion-product-detail {
  transform: translate3d(-34px, 0, 0);
}
.jl-site-motion-enabled .product-single-page .product-single-hero-media.jl-site-motion-product-detail {
  transform: translate3d(34px, 0, 0) scale(.985);
}
.jl-site-motion-enabled .product-single-page .product-single-overview-card.jl-site-motion-product-detail {
  transform: translate3d(-28px, 0, 0);
}
.jl-site-motion-enabled .product-single-page .product-single-gallery-card.jl-site-motion-product-detail,
.jl-site-motion-enabled .product-single-page .product-single-table-card.jl-site-motion-product-detail {
  transform: translate3d(28px, 0, 0) scale(.99);
}
.jl-site-motion-enabled .product-single-page .product-single-hero-copy.jl-site-motion-product-detail.is-visible,
.jl-site-motion-enabled .product-single-page .product-single-hero-media.jl-site-motion-product-detail.is-visible,
.jl-site-motion-enabled .product-single-page .product-single-overview-card.jl-site-motion-product-detail.is-visible,
.jl-site-motion-enabled .product-single-page .product-single-gallery-card.jl-site-motion-product-detail.is-visible,
.jl-site-motion-enabled .product-single-page .product-single-table-card.jl-site-motion-product-detail.is-visible {
  transform: translate3d(0, 0, 0) scale(1);
}
.jl-site-motion-enabled .product-single-page .product-single-hero-media img,
.jl-site-motion-enabled .product-single-page .product-single-gallery-card img,
.jl-site-motion-enabled .product-single-page .product-single-real-gallery-item img,
.jl-site-motion-enabled .product-single-page .product-single-related-card img {
  transition: transform .45s ease, filter .45s ease;
}
.jl-site-motion-enabled .product-single-page .product-single-hero-media.is-visible img {
  animation: jlProductHeroImageIn 1s cubic-bezier(.22, 1, .36, 1) both;
}
.jl-site-motion-enabled .product-single-page .product-single-table-card.is-visible {
  animation: jlProductTableIn .76s cubic-bezier(.22, 1, .36, 1) both;
}
.jl-site-motion-enabled .product-single-page .product-single-real-gallery-item.is-visible,
.jl-site-motion-enabled .product-single-page .product-single-related-card.is-visible,
.jl-site-motion-enabled .product-single-page .product-single-quality-cards > div.is-visible {
  animation: jlProductCardRise .78s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--jl-motion-delay, 0ms);
}
.jl-site-motion-enabled .product-single-page .product-single-real-gallery-item:hover img,
.jl-site-motion-enabled .product-single-page .product-single-related-card:hover img {
  filter: saturate(1.04);
}
.jl-site-motion-enabled .footer-cta-section {
  overflow: hidden;
}
.jl-site-motion-enabled .footer-cta-section:before {
  transition: opacity .7s ease, transform 1.1s ease;
}
.jl-site-motion-enabled .footer-cta-section.is-visible:before {
  opacity: 1;
  transform: scale(1.015);
}
.jl-site-motion-enabled .footer-cta-grid > div:last-child.jl-site-motion-card,
.jl-site-motion-enabled .jl-site-motion-footer-action,
.jl-site-motion-enabled .jl-site-motion-footer-link {
  opacity: 0;
  will-change: opacity, transform;
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--jl-motion-delay, 0ms);
}
.jl-site-motion-enabled .footer-cta-grid > div:last-child.jl-site-motion-card {
  transform: translate3d(26px, 0, 0);
}
.jl-site-motion-enabled .jl-site-motion-footer-action {
  transform: translate3d(0, 18px, 0) scale(.985);
}
.jl-site-motion-enabled .jl-site-motion-footer-link {
  transform: translate3d(0, 14px, 0);
}
.jl-site-motion-enabled .footer-cta-grid > div:last-child.jl-site-motion-card.is-visible,
.jl-site-motion-enabled .jl-site-motion-footer-action.is-visible,
.jl-site-motion-enabled .jl-site-motion-footer-link.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.jl-site-motion-enabled .footer-links-col li,
.jl-site-motion-enabled .footer-contact-list li,
.jl-site-motion-enabled .footer-inquiry-btn,
.jl-site-motion-enabled .footer-trust-list span,
.jl-site-motion-enabled .footer-bottom-grid nav a {
  transition:
    transform .24s ease,
    color .24s ease,
    border-color .24s ease,
    background-color .24s ease;
}
.jl-site-motion-enabled .footer-links-col li:hover,
.jl-site-motion-enabled .footer-contact-list li:hover,
.jl-site-motion-enabled .footer-trust-list span:hover {
  transform: translateY(-2px);
}

@keyframes jlProductHeroImageIn {
  from {
    transform: scale(1.08) translate3d(10px, 0, 0);
    filter: blur(2px);
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes jlProductTableIn {
  from {
    opacity: 0;
    transform: translate3d(28px, 0, 0) scale(.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes jlProductCardRise {
  from {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes jlArchiveImageSettle {
  from {
    transform: scale(1.06) translate3d(0, 10px, 0);
    filter: blur(1.5px);
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .jl-site-motion-enabled .jl-site-motion-hero,
  .jl-site-motion-enabled .jl-site-motion-block,
  .jl-site-motion-enabled .jl-site-motion-head,
  .jl-site-motion-enabled .jl-site-motion-product-detail,
  .jl-site-motion-enabled .jl-site-motion-archive-accent,
  .jl-site-motion-enabled .jl-site-motion-card,
  .jl-site-motion-enabled .jl-site-motion-footer-action,
  .jl-site-motion-enabled .jl-site-motion-footer-link {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .jl-site-motion-enabled .product-single-page .product-single-hero-media.is-visible img,
  .jl-site-motion-enabled .product-single-page .product-single-table-card.is-visible,
  .jl-site-motion-enabled .product-single-page .product-single-real-gallery-item.is-visible,
  .jl-site-motion-enabled .product-single-page .product-single-related-card.is-visible,
  .jl-site-motion-enabled .product-single-page .product-single-quality-cards > div.is-visible,
  .jl-site-motion-enabled .product-archive-model-card.is-visible img,
  .jl-site-motion-enabled .applications-card.is-visible img,
  .jl-site-motion-enabled .jl-news-featured-card.is-visible img,
  .jl-site-motion-enabled .jl-news-card.is-visible img {
    animation: none !important;
  }
}

@media (max-width: 1199px) {
  .jl-hero-grid { grid-template-columns: minmax(0,1fr) 310px; gap: 34px; }
  .jl-selection-card { max-width: 310px; }
  .jl-process-grid div:not(:last-child):after { display: none; }
}
@media (max-width: 991px) {
  .jl-hero-grid { grid-template-columns: 1fr; }
  .jl-hero-copy-pro { max-width: 760px; padding-right: 0; }
  .jl-hero-simple .jl-hero-copy-pro { max-width: 720px; }
  .jl-selection-card { justify-self: start; max-width: 520px; transform: none; }
  .jl-home-product-banner img { aspect-ratio: 16 / 7; max-height: 300px; }
  .jl-home-factory-image { margin-top: 0; }
  .jl-home-factory-capability-list { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .jl-hero-pro { background-position: right center; }
  .jl-hero-pro:before { background: linear-gradient(180deg, rgba(7,21,34,.46), rgba(7,21,34,.18)); }
  .jl-hero-pro-video:before { background: linear-gradient(180deg, rgba(7,21,34,.58), rgba(7,21,34,.26)); }
  .jl-hero-copy-pro { padding: 18px 0 0; }
  .jl-hero-copy-pro:before { inset: -16px -14px -16px -14px; width: auto; border-radius: 18px; background: linear-gradient(180deg, rgba(6,24,42,.42), rgba(6,24,42,.16)); }
  .jl-hero-simple h1 { font-size: 38px; }
  .jl-hero-simple p { font-size: 15.5px; }
  .jl-hero-simple .jl-hero-copy-pro:before { inset: -16px -14px -16px -14px; width: auto; border-radius: 18px; }
  .jl-selection-card { max-width: none; padding: 22px; background: rgba(255,255,255,.94); }
  .jl-home-product-banner img { aspect-ratio: 16 / 9; min-height: 0; max-height: none; }
  .jl-home-product-banner { border-radius: 16px; margin-bottom: 24px; }
  .jl-product-pro-card img { height: 225px; }
  .jl-product-pro-body p { min-height: auto; }
  .jl-home-product-grid { grid-template-columns: 1fr; }
  .jl-home-product-image { height: 230px; }
  .jl-home-product-body { min-height: auto; }
  .jl-home-product-actions { display: grid; grid-template-columns: 1fr; }
  .jl-home-product-more .jl-pro-btn { width: 100%; }
  .jl-condition-grid div { min-height: auto; }
  .jl-condition-grid em { margin-top: 18px; }
  .jl-process-grid div { min-height: auto; }
  .jl-final-cta .jl-pro-btn, .jl-faq-engineer { width: 100%; }
}

/* About page upgrade - scoped to About only. */
.jl-about-page {
  --about-navy: #0b1420;
  --about-navy-2: #111c2a;
  --about-ink: #111827;
  --about-muted: #647181;
  --about-line: #e6e9ee;
  --about-soft: #f5f7f9;
  --about-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--about-ink);
  background: #fff;
  overflow: hidden;
}
.jl-about-page * { box-sizing: border-box; }
.jl-about-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.jl-about-kicker { display: inline-block; color: var(--about-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.jl-about-kicker.dark { color: #d98a00; }
.jl-about-page h1,
.jl-about-page h2,
.jl-about-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.jl-about-page p { color: var(--about-muted); line-height: 1.75; }
.jl-about-hero { position: relative; min-height: 460px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; }
.jl-about-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.82) 0%, rgba(8,14,23,.58) 52%, rgba(8,14,23,.18) 100%); }
.jl-about-hero:after { content: ""; position: absolute; right: -120px; bottom: -180px; width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.jl-about-hero .jl-about-wrap { position: relative; z-index: 1; }
.jl-about-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; }
.jl-about-hero p { color: rgba(255,255,255,.82); max-width: 680px; font-size: 19px; margin: 0; }
.jl-about-section { padding: 96px 0; }
.jl-about-soft { background: var(--about-soft); }
.jl-about-profile-grid,
.jl-about-strength-grid,
.jl-about-capability-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 58px; align-items: center; }
.jl-about-copy h2,
.jl-about-section-head h2 { color: var(--about-ink); font-size: 46px; line-height: 1.1; margin: 0 0 18px; }
.jl-about-copy p { font-size: 16px; margin: 0 0 18px; }
.jl-about-section-head { max-width: 780px; margin-bottom: 42px; }
.jl-about-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.jl-about-section-head.light h2 { color: #fff; }
.jl-about-section-head.light .jl-about-kicker { color: var(--about-gold); }
.jl-about-section-head p { margin: 14px 0 0; max-width: 720px; }
.jl-about-profile-media { position: relative; min-width: 0; }
.jl-about-profile-media img { width: 100%; height: 520px; object-fit: cover; display: block; border-radius: 18px; box-shadow: 0 26px 70px rgba(11,20,32,.16); }
.jl-about-profile-media:after { content: ""; position: absolute; right: -18px; bottom: -18px; width: 44%; height: 42%; border: 8px solid var(--about-gold); z-index: -1; }
.jl-about-data-card { position: absolute; left: 24px; bottom: 24px; display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; min-width: 270px; padding: 22px; border-radius: 16px; background: rgba(255,255,255,.94); border-top: 4px solid var(--about-gold); box-shadow: 0 18px 50px rgba(11,20,32,.24); }
.jl-about-data-card strong { color: var(--about-ink); font-family: 'Sora', 'Inter', Arial, sans-serif; font-size: 22px; line-height: 1; }
.jl-about-data-card span { color: var(--about-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }
.jl-about-buyer-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.jl-about-buyer-card,
.jl-about-philosophy-card { min-width: 0; background: #fff; border: 1px solid var(--about-line); border-radius: 18px; padding: 28px; box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.jl-about-buyer-card:hover,
.jl-about-philosophy-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.jl-about-buyer-card i { width: 58px; height: 58px; display: grid; place-items: center; background: rgba(245,166,35,.13); color: var(--about-gold); border-radius: 16px; font-size: 32px; margin-bottom: 22px; }
.jl-about-buyer-card h3,
.jl-about-philosophy-card h3 { font-size: 22px; line-height: 1.2; color: var(--about-ink); margin: 0 0 12px; }
.jl-about-buyer-card p,
.jl-about-philosophy-card p { margin: 0; font-size: 15px; }
.jl-about-strength-grid { grid-template-columns: 1.04fr .96fr; }
.jl-about-strength-media { min-width: 0; }
.jl-about-strength-media img { width: 100%; height: 480px; object-fit: cover; display: block; border-radius: 18px; box-shadow: 0 24px 60px rgba(11,20,32,.14); }
.jl-about-strength-list { display: grid; gap: 12px; margin-top: 28px; }
.jl-about-strength-list div { display: grid; grid-template-columns: 58px 1fr; gap: 16px; align-items: center; padding: 17px 18px; background: #fff; border: 1px solid var(--about-line); border-left: 4px solid var(--about-gold); border-radius: 0 14px 14px 0; box-shadow: 0 12px 34px rgba(11,20,32,.055); }
.jl-about-strength-list span { color: #d98a00; font-weight: 900; letter-spacing: 1px; }
.jl-about-strength-list strong { color: var(--about-ink); font-size: 16px; }
.jl-about-video-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.jl-about-video-card { overflow: hidden; border-radius: 22px; background: #071522; box-shadow: 0 26px 70px rgba(11,20,32,.16); }
.jl-about-video-card video { width: 100%; display: block; aspect-ratio: 16 / 9; background: #071522; }
.jl-about-capability-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.jl-about-capability-grid { grid-template-columns: .9fr 1.1fr; align-items: start; }
.jl-about-capability-tags { display: flex; flex-wrap: wrap; gap: 12px; align-content: flex-start; }
.jl-about-capability-tags span { display: inline-flex; align-items: center; min-height: 52px; padding: 14px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--about-line); color: #263241; font-weight: 900; box-shadow: 0 10px 26px rgba(11,20,32,.055); }
.jl-about-capability-tags span:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--about-gold); margin-right: 10px; flex: 0 0 auto; }
.jl-about-trust-section { position: relative; background: radial-gradient(circle at 20% 10%, rgba(245,166,35,.18), transparent 28%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.jl-about-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.jl-about-trust-card { min-width: 0; min-height: 190px; padding: 26px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.jl-about-trust-card strong { display: block; color: var(--about-gold); font-family: 'Sora', 'Inter', Arial, sans-serif; font-size: 26px; line-height: 1.1; letter-spacing: -0.04em; margin-bottom: 16px; }
.jl-about-trust-card span { display: block; color: #d6dee8; line-height: 1.6; }
.jl-about-philosophy-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.jl-about-philosophy-card { position: relative; overflow: hidden; min-height: 190px; }
.jl-about-philosophy-card:before { content: ""; position: absolute; left: 28px; top: 0; width: 46px; height: 4px; background: var(--about-gold); }
.jl-about-cta { position: relative; padding: 96px 0; background-size: cover; background-position: center; text-align: center; color: #fff; }
.jl-about-cta:before { content: ""; position: absolute; inset: 0; background: rgba(8,14,23,.72); }
.jl-about-cta .jl-about-wrap { position: relative; z-index: 1; max-width: 850px; }
.jl-about-cta h2 { color: #fff; font-size: 52px; line-height: 1.06; margin: 0 0 18px; }
.jl-about-cta p { color: rgba(255,255,255,.78); font-size: 17px; margin: 0 0 30px; }
.jl-about-cta .jl-pro-btn { min-height: 58px; padding: 17px 34px; font-size: 16px; width: auto; }
@media (max-width: 1199px) {
  .jl-about-buyer-grid,
  .jl-about-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .jl-about-hero h1 { font-size: 56px; }
}
@media (max-width: 991px) {
  .jl-about-profile-grid,
  .jl-about-strength-grid,
  .jl-about-capability-grid { grid-template-columns: 1fr; }
  .jl-about-profile-media img { height: 420px; }
  .jl-about-strength-media img { height: 360px; margin-top: 0; }
  .jl-about-video-card { border-radius: 18px; }
}
@media (max-width: 767px) {
  .jl-about-wrap { width: calc(100% - 28px); }
  .jl-about-hero { min-height: 390px; background-position: center; }
  .jl-about-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.82), rgba(8,14,23,.58)); }
  .jl-about-hero h1 { font-size: 42px; }
  .jl-about-hero p { font-size: 16px; }
  .jl-about-section { padding: 64px 0; }
  .jl-about-copy h2,
  .jl-about-section-head h2,
  .jl-about-cta h2 { font-size: 32px; }
  .jl-about-buyer-grid,
  .jl-about-trust-grid,
  .jl-about-philosophy-grid { grid-template-columns: 1fr; }
  .jl-about-profile-media img { height: 320px; }
  .jl-about-profile-media:after { display: none; }
  .jl-about-data-card { position: relative; left: auto; bottom: auto; min-width: 0; margin: -46px 16px 0; }
  .jl-about-buyer-card,
  .jl-about-philosophy-card,
  .jl-about-trust-card { min-height: auto; padding: 24px; }
  .jl-about-strength-media img { height: 260px; }
  .jl-about-video-card { border-radius: 16px; }
  .jl-about-strength-list div { grid-template-columns: 46px 1fr; }
  .jl-about-capability-tags { display: grid; grid-template-columns: 1fr; }
  .jl-about-capability-tags span { border-radius: 14px; }
  .jl-about-cta { padding: 72px 0; }
  .jl-about-cta .jl-pro-btn { width: 100%; }
}

/* Contact page upgrade - scoped to Contact only. */
.jl-contact-page {
  --contact-navy: #0b1420;
  --contact-navy-2: #111c2a;
  --contact-ink: #111827;
  --contact-muted: #647181;
  --contact-line: #e6e9ee;
  --contact-soft: #f5f7f9;
  --contact-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--contact-ink);
  background: #fff;
  overflow: hidden;
}
.jl-contact-page * { box-sizing: border-box; }
.jl-contact-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.jl-contact-kicker { display: inline-block; color: var(--contact-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.jl-contact-kicker.dark { color: #d98a00; }
.jl-contact-page h1,
.jl-contact-page h2,
.jl-contact-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.jl-contact-page p { color: var(--contact-muted); line-height: 1.72; }
.jl-contact-hero { position: relative; min-height: 500px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; }
.jl-contact-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.84) 0%, rgba(8,14,23,.62) 52%, rgba(8,14,23,.2) 100%); }
.jl-contact-hero:after { content: ""; position: absolute; right: -130px; bottom: -180px; width: 480px; height: 480px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.jl-contact-hero .jl-contact-wrap { position: relative; z-index: 1; }
.jl-contact-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; }
.jl-contact-hero p { color: rgba(255,255,255,.84); max-width: 760px; font-size: 19px; margin: 0; }
.jl-contact-hero-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.jl-contact-hero-tags span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.jl-contact-section { padding: 96px 0; }
.jl-contact-soft { background: var(--contact-soft); }
.jl-contact-main-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.jl-contact-main-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 34px; align-items: start; }
.jl-contact-form-card { min-width: 0; background: #fff; border: 1px solid var(--contact-line); border-radius: 22px; padding: 34px; box-shadow: 0 22px 60px rgba(11,20,32,.09); }
.jl-contact-form-card h2,
.jl-contact-section-head h2 { color: var(--contact-ink); font-size: 44px; line-height: 1.1; margin: 0 0 14px; }
.jl-contact-form-card > p,
.jl-contact-section-head p { margin: 0 0 28px; max-width: 760px; }
.jl-contact-form { margin-top: 28px; }
.jl-contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.jl-contact-form label { min-width: 0; margin: 0; display: grid; gap: 8px; color: var(--contact-ink); font-weight: 800; }
.jl-contact-form label span { font-size: 13px; color: #273445; }
.jl-contact-form input,
.jl-contact-form select,
.jl-contact-form textarea { width: 100%; min-width: 0; height: 54px; border: 1px solid #dfe5eb; border-radius: 12px; background: #f9fbfd; color: var(--contact-ink); padding: 0 15px; font-family: 'Inter', Arial, sans-serif; font-size: 14px; outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.jl-contact-form textarea { height: 144px; resize: vertical; padding-top: 14px; line-height: 1.55; }
.jl-contact-form input:focus,
.jl-contact-form select:focus,
.jl-contact-form textarea:focus { background: #fff; border-color: rgba(245,166,35,.75); box-shadow: 0 0 0 4px rgba(245,166,35,.12); }
.jl-contact-message { grid-column: 1 / -1; }
.jl-contact-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; margin-top: 20px; padding: 15px 32px; border: 0; border-radius: 4px; background: var(--contact-gold); color: var(--contact-navy); font-weight: 900; box-shadow: 0 14px 35px rgba(245,166,35,.25); transition: transform .22s ease, background .22s ease; }
.jl-contact-submit:hover { background: #ffb536; transform: translateY(-2px); }
.jl-contact-form small { display: block; margin-top: 14px; color: var(--contact-muted); line-height: 1.5; }
.jl-contact-side { display: grid; gap: 20px; min-width: 0; }
.jl-contact-info-card { padding: 32px; border-radius: 22px; background: radial-gradient(circle at 82% 0%, rgba(245,166,35,.23), transparent 30%), linear-gradient(145deg, #071522, #132a42); color: #fff; box-shadow: 0 22px 60px rgba(11,20,32,.2); overflow: hidden; }
.jl-contact-info-card h2 { color: #fff; font-size: 32px; line-height: 1.1; margin: 0 0 22px; }
.jl-contact-info-card ul,
.jl-contact-fast-card ul { list-style: none; margin: 0; padding: 0; }
.jl-contact-info-card li { padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.13); }
.jl-contact-info-card li:last-child { border-bottom: 0; padding-bottom: 0; }
.jl-contact-info-card span { display: block; color: var(--contact-gold); font-size: 11px; font-weight: 900; letter-spacing: .9px; text-transform: uppercase; margin-bottom: 6px; }
.jl-contact-info-card a,
.jl-contact-info-card strong { display: block; color: #dce5ef; line-height: 1.55; font-weight: 700; word-break: break-word; }
.jl-contact-info-card a:hover { color: var(--contact-gold); text-decoration: none; }
.jl-contact-fast-card { padding: 28px; border-radius: 18px; background: #fff; border: 1px solid var(--contact-line); border-left: 5px solid var(--contact-gold); box-shadow: 0 16px 45px rgba(11,20,32,.07); }
.jl-contact-fast-card h3 { color: var(--contact-ink); font-size: 25px; margin: 0 0 10px; }
.jl-contact-fast-card p { margin: 0 0 18px; }
.jl-contact-fast-card li { position: relative; padding-left: 24px; color: #384657; font-weight: 800; line-height: 1.55; margin-top: 8px; }
.jl-contact-fast-card li:before { content: ""; position: absolute; left: 0; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--contact-gold); }
.jl-contact-section-head { max-width: 820px; margin-bottom: 42px; }
.jl-contact-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.jl-contact-section-head.light h2 { color: #fff; }
.jl-contact-help-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.jl-contact-help-card { min-width: 0; background: #fff; border: 1px solid var(--contact-line); border-radius: 18px; padding: 28px; box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.jl-contact-help-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.jl-contact-help-card i { width: 58px; height: 58px; display: grid; place-items: center; background: rgba(245,166,35,.13); color: var(--contact-gold); border-radius: 16px; font-size: 32px; margin-bottom: 20px; }
.jl-contact-help-card h3 { color: var(--contact-ink); font-size: 22px; line-height: 1.2; margin: 0 0 12px; }
.jl-contact-help-card p { margin: 0; font-size: 15px; }
.jl-contact-shortcut-section { background: #fff; }
.jl-contact-shortcut-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 54px; align-items: start; }
.jl-contact-shortcuts { display: flex; flex-wrap: wrap; gap: 12px; }
.jl-contact-shortcuts a { display: inline-flex; align-items: center; min-height: 52px; padding: 14px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--contact-line); color: #263241; font-weight: 900; box-shadow: 0 10px 26px rgba(11,20,32,.055); }
.jl-contact-shortcuts a:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--contact-gold); margin-right: 10px; flex: 0 0 auto; }
.jl-contact-shortcuts a:hover { color: var(--contact-navy); border-color: rgba(245,166,35,.65); box-shadow: 0 16px 40px rgba(11,20,32,.1); text-decoration: none; transform: translateY(-2px); }
.jl-contact-process-section { position: relative; background: var(--contact-navy); color: #fff; }
.jl-contact-process-section:before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 10%, rgba(245,166,35,.16), transparent 28%); }
.jl-contact-process-section .jl-contact-wrap { position: relative; z-index: 1; }
.jl-contact-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; overflow: hidden; counter-reset: contact-step; }
.jl-contact-process-grid div { min-width: 0; min-height: 220px; padding: 30px 24px; background: rgba(255,255,255,.055); border-right: 1px solid rgba(255,255,255,.12); counter-increment: contact-step; position: relative; }
.jl-contact-process-grid div:last-child { border-right: 0; }
.jl-contact-process-grid div:before { content: "0" counter(contact-step); display: block; color: var(--contact-gold); font-weight: 900; font-size: 18px; letter-spacing: 1px; margin-bottom: 24px; }
.jl-contact-process-grid strong { display: block; color: #fff; font-family: 'Sora', 'Inter', Arial, sans-serif; font-size: 20px; line-height: 1.25; letter-spacing: -0.04em; margin-bottom: 12px; }
.jl-contact-process-grid span { display: block; color: rgba(255,255,255,.7); line-height: 1.58; }
.jl-contact-cta { position: relative; padding: 96px 0; background-size: cover; background-position: center; text-align: center; color: #fff; }
.jl-contact-cta:before { content: ""; position: absolute; inset: 0; background: rgba(8,14,23,.72); }
.jl-contact-cta .jl-contact-wrap { position: relative; z-index: 1; max-width: 850px; }
.jl-contact-cta h2 { color: #fff; font-size: 52px; line-height: 1.06; margin: 0 0 18px; }
.jl-contact-cta p { color: rgba(255,255,255,.78); font-size: 17px; margin: 0 0 30px; }
.jl-contact-cta .jl-pro-btn { min-height: 58px; padding: 17px 34px; font-size: 16px; width: auto; }
@media (max-width: 1199px) {
  .jl-contact-help-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .jl-contact-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .jl-contact-process-grid div:nth-child(2) { border-right: 0; }
  .jl-contact-process-grid div { border-bottom: 1px solid rgba(255,255,255,.12); }
  .jl-contact-process-grid div:nth-child(n+3) { border-bottom: 0; }
}
@media (max-width: 991px) {
  .jl-contact-main-grid,
  .jl-contact-shortcut-grid { grid-template-columns: 1fr; }
  .jl-contact-hero h1 { font-size: 56px; }
}
@media (max-width: 767px) {
  .jl-contact-wrap { width: calc(100% - 28px); }
  .jl-contact-hero { min-height: 430px; background-position: center; }
  .jl-contact-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.84), rgba(8,14,23,.58)); }
  .jl-contact-hero h1 { font-size: 42px; }
  .jl-contact-hero p { font-size: 16px; }
  .jl-contact-hero-tags { display: grid; grid-template-columns: 1fr; }
  .jl-contact-section { padding: 64px 0; }
  .jl-contact-form-card { padding: 24px; border-radius: 18px; }
  .jl-contact-form-card h2,
  .jl-contact-section-head h2,
  .jl-contact-cta h2 { font-size: 32px; }
  .jl-contact-form-grid,
  .jl-contact-help-grid,
  .jl-contact-process-grid { grid-template-columns: 1fr; }
  .jl-contact-process-grid div,
  .jl-contact-process-grid div:nth-child(2),
  .jl-contact-process-grid div:nth-child(n+3) { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); min-height: auto; }
  .jl-contact-process-grid div:last-child { border-bottom: 0; }
  .jl-contact-info-card,
  .jl-contact-fast-card,
  .jl-contact-help-card { padding: 24px; }
  .jl-contact-shortcuts { display: grid; grid-template-columns: 1fr; }
  .jl-contact-shortcuts a { border-radius: 14px; }
  .jl-contact-submit,
  .jl-contact-cta .jl-pro-btn { width: 100%; }
  .jl-contact-cta { padding: 72px 0; }
}

/* News & Insights listing - scoped to blog/news templates only. */
.jl-news-page {
  --news-navy: #0b1420;
  --news-navy-2: #111c2a;
  --news-ink: #111827;
  --news-muted: #647181;
  --news-line: #e6e9ee;
  --news-soft: #f5f7f9;
  --news-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--news-ink);
  background: #fff;
  overflow: hidden;
}
.jl-news-page * { box-sizing: border-box; }
.jl-news-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.jl-news-kicker { display: inline-block; color: var(--news-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.jl-news-kicker.dark { color: #d98a00; }
.jl-news-page h1,
.jl-news-page h2,
.jl-news-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.jl-news-page p { color: var(--news-muted); line-height: 1.72; }
.jl-news-hero { position: relative; min-height: 500px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; }
.jl-news-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.84) 0%, rgba(8,14,23,.62) 52%, rgba(8,14,23,.2) 100%); }
.jl-news-hero:after { content: ""; position: absolute; right: -130px; bottom: -180px; width: 480px; height: 480px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.jl-news-hero .jl-news-wrap { position: relative; z-index: 1; }
.jl-news-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; }
.jl-news-hero p { color: rgba(255,255,255,.84); max-width: 820px; font-size: 19px; margin: 0; }
.jl-news-hero-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.jl-news-hero-tags span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.jl-news-section { padding: 96px 0; }
.jl-news-featured-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.jl-news-list-section { background: var(--news-soft); }
.jl-news-section-head { max-width: 820px; margin-bottom: 38px; }
.jl-news-section-head h2 { color: var(--news-ink); font-size: 44px; line-height: 1.1; margin: 0; }
.jl-news-featured-card { display: grid; grid-template-columns: 1.08fr .92fr; gap: 0; overflow: hidden; background: #fff; border: 1px solid var(--news-line); border-radius: 22px; box-shadow: 0 22px 60px rgba(11,20,32,.09); }
.jl-news-featured-image { min-height: 430px; overflow: hidden; background: var(--news-navy); }
.jl-news-featured-image img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; display: block; transition: transform .35s ease; }
.jl-news-featured-card:hover .jl-news-featured-image img { transform: scale(1.045); }
.jl-news-featured-copy { padding: 42px; display: flex; flex-direction: column; justify-content: center; }
.jl-news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 15px; }
.jl-news-meta span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 10px; border-radius: 999px; background: rgba(245,166,35,.14); color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.jl-news-meta time { color: var(--news-muted); font-size: 13px; font-weight: 800; }
.jl-news-featured-copy h2 { font-size: 38px; line-height: 1.15; margin: 0 0 16px; }
.jl-news-featured-copy h2 a,
.jl-news-card-body h3 a { color: var(--news-ink); }
.jl-news-featured-copy h2 a:hover,
.jl-news-card-body h3 a:hover { color: #d98a00; text-decoration: none; }
.jl-news-featured-copy p { margin: 0 0 26px; font-size: 16px; }
.jl-news-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 52px; padding: 14px 24px; border-radius: 4px; background: var(--news-gold); color: var(--news-navy); font-weight: 900; box-shadow: 0 14px 35px rgba(245,166,35,.25); transition: .22s ease; }
.jl-news-btn:hover { background: #ffb536; color: var(--news-navy); text-decoration: none; transform: translateY(-2px); }
.jl-news-topic-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: -12px 0 36px; }
.jl-news-topic-tabs a,
.jl-news-topic-tabs span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--news-line); color: #263241; font-weight: 900; font-size: 13px; box-shadow: 0 8px 20px rgba(11,20,32,.045); }
.jl-news-topic-tabs a.active,
.jl-news-topic-tabs a:hover { background: var(--news-navy); border-color: var(--news-navy); color: #fff; text-decoration: none; }
.jl-news-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 34px; align-items: start; }
.jl-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.jl-news-card { min-width: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--news-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease; }
.jl-news-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); }
.jl-news-card-image { display: block; height: 235px; overflow: hidden; background: var(--news-navy); }
.jl-news-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.jl-news-card:hover .jl-news-card-image img { transform: scale(1.045); }
.jl-news-card-body { padding: 24px; display: flex; flex-direction: column; min-height: 300px; }
.jl-news-card-body h3 { font-size: 24px; line-height: 1.22; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jl-news-card-body p { margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jl-news-readmore { margin-top: auto; color: #d98a00; font-weight: 900; }
.jl-news-readmore:hover { color: var(--news-navy); text-decoration: none; }
.jl-news-sidebar { display: grid; gap: 20px; min-width: 0; }
.jl-news-widget { min-width: 0; padding: 26px; background: #fff; border: 1px solid var(--news-line); border-radius: 18px; box-shadow: 0 16px 45px rgba(11,20,32,.07); }
.jl-news-widget h2 { color: var(--news-ink); font-size: 24px; line-height: 1.15; margin: 0 0 16px; }
.jl-news-widget p { margin: 0 0 14px; }
.jl-news-search-widget form { display: grid; gap: 10px; }
.jl-news-search-widget input { width: 100%; height: 52px; border: 1px solid #dfe5eb; border-radius: 12px; background: #f9fbfd; padding: 0 14px; outline: none; }
.jl-news-search-widget input:focus { border-color: rgba(245,166,35,.75); box-shadow: 0 0 0 4px rgba(245,166,35,.12); background: #fff; }
.jl-news-search-widget button { min-height: 50px; border: 0; border-radius: 4px; background: var(--news-navy); color: #fff; font-weight: 900; }
.jl-news-inquiry-widget { background: radial-gradient(circle at 82% 0%, rgba(245,166,35,.23), transparent 30%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.jl-news-inquiry-widget h2 { color: #fff; }
.jl-news-inquiry-widget p { color: #d6dee8; }
.jl-news-topic-cloud { display: flex; flex-wrap: wrap; gap: 9px; }
.jl-news-topic-cloud span { display: inline-flex; padding: 8px 10px; border-radius: 999px; background: #f0f3f5; color: #263241; font-size: 12px; font-weight: 900; }
.jl-news-mini-contact p { margin: 0 0 10px; word-break: break-word; }
.jl-news-empty { padding: 28px; border-radius: 18px; background: #fff; border: 1px dashed #cfd7df; color: var(--news-muted); line-height: 1.7; }
.jl-news-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.jl-news-pagination .page-numbers { min-width: 42px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--news-line); color: var(--news-ink); font-weight: 900; }
.jl-news-pagination .page-numbers.current,
.jl-news-pagination .page-numbers:hover { background: var(--news-gold); border-color: var(--news-gold); color: var(--news-navy); text-decoration: none; }
@media (min-width: 1200px) {
  .jl-news-layout { grid-template-columns: minmax(0, 1fr) 350px; }
}
@media (max-width: 1199px) {
  .jl-news-featured-card { grid-template-columns: 1fr; }
  .jl-news-featured-image, .jl-news-featured-image img { min-height: 360px; }
  .jl-news-layout { grid-template-columns: 1fr; }
  .jl-news-sidebar { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .jl-news-wrap { width: calc(100% - 28px); }
  .jl-news-hero { min-height: 430px; }
  .jl-news-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.84), rgba(8,14,23,.58)); }
  .jl-news-hero h1 { font-size: 42px; }
  .jl-news-hero p { font-size: 16px; }
  .jl-news-hero-tags, .jl-news-sidebar, .jl-news-grid { grid-template-columns: 1fr; display: grid; }
  .jl-news-section { padding: 64px 0; }
  .jl-news-section-head h2 { font-size: 32px; }
  .jl-news-featured-copy { padding: 26px; }
  .jl-news-featured-copy h2 { font-size: 28px; }
  .jl-news-featured-image, .jl-news-featured-image img { min-height: 260px; }
  .jl-news-card-image { height: 225px; }
  .jl-news-card-body { min-height: auto; }
  .jl-news-topic-tabs { display: grid; grid-template-columns: 1fr; }
  .jl-news-topic-tabs a, .jl-news-topic-tabs span { border-radius: 14px; }
  .jl-news-widget { padding: 24px; }
  .jl-news-pagination { justify-content: center; }
  .jl-news-btn { width: 100%; }
}

/* Single post / article insight page - scoped styles only. */
.single-news-page {
  --single-news-navy: #0b1420;
  --single-news-navy-2: #132a42;
  --single-news-ink: #071522;
  --single-news-text: #344054;
  --single-news-muted: #647181;
  --single-news-line: #e6e9ee;
  --single-news-soft: #f5f7f9;
  --single-news-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--single-news-text);
  background: #fff;
  overflow: hidden;
}
.single-news-page * { box-sizing: border-box; }
.single-news-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.single-news-page h1,
.single-news-page h2,
.single-news-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.single-news-kicker { display: inline-block; color: var(--single-news-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.single-news-kicker.dark { color: #d98a00; }
.single-news-hero { position: relative; min-height: 560px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; }
.single-news-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.88) 0%, rgba(8,14,23,.68) 52%, rgba(8,14,23,.26) 100%); }
.single-news-hero:after { content: ""; position: absolute; right: -130px; bottom: -180px; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.single-news-hero .single-news-wrap { position: relative; z-index: 1; }
.single-news-hero-copy { max-width: 920px; }
.single-news-hero h1 { color: #fff; font-size: 58px; line-height: 1.06; margin: 0 0 22px; }
.single-news-hero p { color: rgba(255,255,255,.82); max-width: 780px; font-size: 18px; line-height: 1.72; margin: 0; }
.single-news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; }
.single-news-meta span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 10px; border-radius: 999px; background: rgba(245,166,35,.16); color: var(--single-news-gold); font-size: 11px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.single-news-meta time,
.single-news-meta em { color: rgba(255,255,255,.72); font-size: 13px; font-style: normal; font-weight: 800; }
.single-news-meta.small time { color: var(--single-news-muted); }
.single-news-section { padding: 96px 0; }
.single-news-main-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.single-news-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 42px; align-items: start; }
.single-news-article { min-width: 0; background: #fff; border: 1px solid var(--single-news-line); border-radius: 22px; padding: 38px; box-shadow: 0 22px 60px rgba(11,20,32,.08); }
.single-news-article-meta { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; padding: 16px; border-radius: 16px; background: #f8fafc; border: 1px solid var(--single-news-line); margin-bottom: 32px; }
.single-news-article-meta span { display: block; color: #d98a00; font-size: 10px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 5px; }
.single-news-article-meta strong { display: block; color: var(--single-news-ink); font-size: 13px; line-height: 1.35; }
.single-news-featured-image { margin: 0 0 34px; overflow: hidden; border-radius: 18px; }
.single-news-featured-image img { display: block; width: 100%; height: auto; object-fit: cover; }
.single-news-article-content,
.article-content { font-size: 16px; line-height: 1.75; color: var(--single-news-text); }
.single-news-article-content p,
.article-content p { margin: 0 0 18px; }
.single-news-article-content h2,
.article-content h2 { margin-top: 42px; margin-bottom: 16px; font-size: 30px; line-height: 1.2; color: var(--single-news-ink); }
.single-news-article-content h3,
.article-content h3 { margin-top: 30px; margin-bottom: 12px; font-size: 22px; color: var(--single-news-ink); }
.single-news-article-content h4,
.article-content h4 { margin-top: 24px; margin-bottom: 10px; font-size: 18px; color: var(--single-news-ink); }
.single-news-article-content ul,
.single-news-article-content ol,
.article-content ul,
.article-content ol { margin: 0 0 22px 22px; padding: 0; }
.single-news-article-content li,
.article-content li { margin-bottom: 8px; }
.single-news-article-content a,
.article-content a { color: #0b3b66; font-weight: 800; }
.single-news-article-content a:hover,
.article-content a:hover { color: #d98a00; }
.single-news-article-content img,
.article-content img { border-radius: 18px; margin: 28px 0; max-width: 100%; height: auto; object-fit: cover; }
.single-news-article-content figure,
.article-content figure { max-width: 100%; margin: 30px 0; }
.single-news-article-content figcaption,
.article-content figcaption { color: var(--single-news-muted); font-size: 13px; text-align: center; margin-top: 8px; }
.single-news-article-content blockquote,
.article-content blockquote { border-left: 4px solid var(--single-news-gold); background: #f7f9fc; padding: 20px 24px; border-radius: 14px; margin: 30px 0; color: var(--single-news-navy-2); font-weight: 600; }
.single-news-article-content table,
.article-content table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; margin: 28px 0; }
.single-news-article-content th,
.single-news-article-content td,
.article-content th,
.article-content td { border: 1px solid var(--single-news-line); padding: 12px 14px; text-align: left; }
.single-news-article-content pre,
.article-content pre { overflow-x: auto; background: var(--single-news-navy); color: #e6edf5; padding: 18px; border-radius: 14px; }
.single-news-page-links { margin-top: 24px; }
.single-news-mid-cta { margin: 42px 0 0; padding: 30px; border-radius: 18px; background: radial-gradient(circle at 86% 0%, rgba(245,166,35,.22), transparent 30%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.single-news-mid-cta h2 { color: #fff; font-size: 30px; line-height: 1.16; margin: 0 0 12px; }
.single-news-mid-cta p { color: #d6dee8; line-height: 1.65; margin: 0 0 20px; }
.single-news-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 24px; border-radius: 4px; background: var(--single-news-gold); color: var(--single-news-navy); font-weight: 900; box-shadow: 0 14px 35px rgba(245,166,35,.25); transition: .22s ease; }
.single-news-btn:hover { background: #ffb536; color: var(--single-news-navy); text-decoration: none; transform: translateY(-2px); }
.single-news-post-footer { margin-top: 36px; padding-top: 30px; border-top: 1px solid var(--single-news-line); }
.single-news-tags,
.single-news-share { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 18px; }
.single-news-tags strong,
.single-news-share strong { color: var(--single-news-ink); margin-right: 4px; }
.single-news-tags a,
.single-news-share a { display: inline-flex; min-height: 34px; align-items: center; padding: 8px 11px; border-radius: 999px; background: #f0f3f5; color: #263241; font-size: 12px; font-weight: 900; }
.single-news-tags a:hover,
.single-news-share a:hover { background: var(--single-news-gold); color: var(--single-news-navy); text-decoration: none; }
.single-news-company-note { margin: 24px 0; padding: 20px 22px; border-left: 4px solid var(--single-news-gold); border-radius: 0 14px 14px 0; background: #f8fafc; color: var(--single-news-text); font-weight: 700; line-height: 1.65; }
.single-news-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.single-news-post-nav a { display: block; min-height: 100%; padding: 18px; border: 1px solid var(--single-news-line); border-radius: 14px; background: #fff; color: var(--single-news-ink); }
.single-news-post-nav a:hover { border-color: rgba(245,166,35,.6); text-decoration: none; }
.single-news-post-nav span { display: block; color: #d98a00; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 6px; }
.single-news-post-nav strong { display: block; line-height: 1.35; }
.single-news-comments { margin-top: 36px; }
.single-news-sidebar { display: grid; gap: 20px; min-width: 0; align-self: start; position: sticky; top: 118px; }
.single-news-widget { min-width: 0; padding: 26px; background: #fff; border: 1px solid var(--single-news-line); border-radius: 18px; box-shadow: 0 16px 45px rgba(11,20,32,.07); }
.single-news-widget h2 { color: var(--single-news-ink); font-size: 24px; line-height: 1.15; margin: 0 0 16px; }
.single-news-widget p { color: var(--single-news-muted); line-height: 1.65; margin: 0 0 14px; word-break: break-word; }
.single-news-inquiry-card { background: radial-gradient(circle at 82% 0%, rgba(245,166,35,.23), transparent 30%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.single-news-inquiry-card h2 { color: #fff; }
.single-news-inquiry-card p { color: #d6dee8; }
.single-news-product-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.single-news-product-tags a { display: inline-flex; padding: 9px 11px; border-radius: 999px; background: #f0f3f5; color: #263241; font-size: 12px; font-weight: 900; }
.single-news-product-tags a:hover { background: var(--single-news-gold); color: var(--single-news-navy); text-decoration: none; }
.single-news-recent-list { display: grid; gap: 14px; }
.single-news-recent-list a { display: grid; grid-template-columns: 74px 1fr; gap: 12px; align-items: center; color: var(--single-news-ink); }
.single-news-recent-list a:hover { color: #d98a00; text-decoration: none; }
.single-news-recent-list img { width: 74px; height: 62px; object-fit: cover; border-radius: 10px; }
.single-news-recent-list strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.35; }
.single-news-recent-list em { display: block; color: var(--single-news-muted); font-size: 12px; font-style: normal; margin-top: 5px; }
.single-news-related-section { background: var(--single-news-soft); }
.single-news-section-head { max-width: 820px; margin-bottom: 38px; }
.single-news-section-head h2 { color: var(--single-news-ink); font-size: 44px; line-height: 1.1; margin: 0; }
.single-news-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.single-news-related-card { min-width: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--single-news-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease; }
.single-news-related-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); }
.single-news-related-image { display: block; height: 220px; overflow: hidden; background: var(--single-news-navy); }
.single-news-related-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.single-news-related-card:hover .single-news-related-image img { transform: scale(1.045); }
.single-news-related-body { padding: 22px; }
.single-news-related-body h3 { font-size: 22px; line-height: 1.25; margin: 0 0 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.single-news-related-body h3 a { color: var(--single-news-ink); }
.single-news-related-body h3 a:hover { color: #d98a00; text-decoration: none; }
.single-news-readmore { color: #d98a00; font-weight: 900; }
.single-news-readmore:hover { color: var(--single-news-navy); text-decoration: none; }
.single-news-empty { padding: 28px; border-radius: 18px; background: #fff; border: 1px dashed #cfd7df; color: var(--single-news-muted); line-height: 1.7; }
@media (max-width: 1199px) {
  .single-news-layout { grid-template-columns: 1fr; }
  .single-news-sidebar { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .single-news-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .single-news-wrap { width: calc(100% - 28px); }
  .single-news-hero { min-height: 440px; }
  .single-news-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.86), rgba(8,14,23,.62)); }
  .single-news-hero h1 { font-size: 36px; }
  .single-news-hero p { font-size: 15.5px; }
  .single-news-section { padding: 64px 0; }
  .single-news-article { padding: 24px; border-radius: 18px; }
  .single-news-article-meta,
  .single-news-post-nav,
  .single-news-sidebar,
  .single-news-related-grid { grid-template-columns: 1fr; }
  .single-news-article-content h2,
  .article-content h2 { font-size: 25px; }
  .single-news-article-content h3,
  .article-content h3 { font-size: 20px; }
  .single-news-mid-cta { padding: 24px; }
  .single-news-mid-cta h2,
  .single-news-section-head h2 { font-size: 30px; }
  .single-news-widget { padding: 24px; }
  .single-news-related-image { height: 220px; }
  .single-news-btn { width: 100%; }
}

/* Product archive / Product Range page - scoped styles only. */
.product-archive-page {
  --product-archive-navy: #0b1420;
  --product-archive-navy-2: #132a42;
  --product-archive-ink: #111827;
  --product-archive-muted: #647181;
  --product-archive-line: #e6e9ee;
  --product-archive-soft: #f5f7f9;
  --product-archive-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--product-archive-ink);
  background: #fff;
  overflow: hidden;
}
.product-archive-page * { box-sizing: border-box; }
.product-archive-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.product-archive-page h1,
.product-archive-page h2,
.product-archive-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.product-archive-page p { color: var(--product-archive-muted); line-height: 1.72; }
.product-archive-kicker { display: inline-block; color: var(--product-archive-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.product-archive-kicker.dark { color: #d98a00; }
.product-archive-hero { position: relative; min-height: 540px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; }
.product-archive-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.84) 0%, rgba(8,14,23,.62) 52%, rgba(8,14,23,.2) 100%); }
.product-archive-hero:after { content: ""; position: absolute; right: -130px; bottom: -180px; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.product-archive-hero .product-archive-wrap { position: relative; z-index: 1; }
.product-archive-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; max-width: 900px; }
.product-archive-hero p { color: rgba(255,255,255,.84); max-width: 820px; font-size: 19px; margin: 0; }
.product-archive-hero-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.product-archive-hero-tags span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.product-archive-section { padding: 96px 0; }
.product-archive-type-section,
.product-archive-faq-section { background: #fff; }
.product-archive-guide-section,
.product-archive-why-section { background: var(--product-archive-soft); }
.product-archive-models-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.product-archive-section-head { max-width: 820px; margin-bottom: 42px; }
.product-archive-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.product-archive-section-head h2 { color: var(--product-archive-ink); font-size: 46px; line-height: 1.1; margin: 0; }
.product-archive-section-head p { margin: 14px 0 0; max-width: 760px; }
.product-archive-type-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.product-archive-type-card,
.product-archive-model-card { min-width: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--product-archive-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.product-archive-type-card:hover,
.product-archive-model-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); border-color: rgba(245,166,35,.35); }
.product-archive-type-image,
.product-archive-model-image { display: block; height: 240px; overflow: hidden; background: var(--product-archive-navy); }
.product-archive-type-image img,
.product-archive-model-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.product-archive-type-card:hover img,
.product-archive-model-card:hover img { transform: scale(1.045); }
.product-archive-type-body,
.product-archive-model-body { padding: 24px; display: flex; flex-direction: column; }
.product-archive-type-body { min-height: 300px; }
.product-archive-type-body h3,
.product-archive-model-body h3 { color: var(--product-archive-ink); font-size: 24px; line-height: 1.22; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-archive-model-body h3 a { color: var(--product-archive-ink); }
.product-archive-model-body h3 a:hover { color: #d98a00; text-decoration: none; }
.product-archive-type-body p,
.product-archive-model-body p { margin: 0 0 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-archive-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.product-archive-tags span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 10px; border-radius: 999px; background: #f0f3f5; border: 1px solid #e0e5eb; color: #263241; font-size: 11px; font-weight: 900; }
.product-archive-card-link { margin-top: 20px; color: #d98a00; font-weight: 900; }
.product-archive-card-link:hover { color: var(--product-archive-navy); text-decoration: none; }
.product-archive-guide-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 54px; align-items: start; }
.product-archive-filter-panel { display: grid; gap: 18px; }
.product-archive-filter-group { padding: 24px; border-radius: 18px; background: #fff; border: 1px solid var(--product-archive-line); box-shadow: 0 16px 45px rgba(11,20,32,.07); }
.product-archive-filter-group h3 { color: var(--product-archive-ink); font-size: 22px; margin: 0 0 16px; }
.product-archive-filter-group div { display: flex; flex-wrap: wrap; gap: 10px; }
.product-archive-filter-group a { display: inline-flex; align-items: center; min-height: 38px; padding: 9px 12px; border-radius: 999px; background: #f8fafc; border: 1px solid var(--product-archive-line); color: #263241; font-size: 13px; font-weight: 900; }
.product-archive-filter-group a:hover { background: var(--product-archive-navy); border-color: var(--product-archive-navy); color: #fff; text-decoration: none; }
.product-archive-model-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.product-archive-model-card { display: flex; flex-direction: column; }
.product-archive-model-body { flex: 1; min-height: 330px; }
.product-archive-model-cat { display: inline-flex; align-self: flex-start; color: #d98a00; font-size: 12px; font-weight: 900; letter-spacing: .9px; text-transform: uppercase; margin-bottom: 10px; }
.product-archive-model-actions { display: flex; gap: 10px; margin-top: 20px; }
.product-archive-details,
.product-archive-quote { flex: 1; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 900; }
.product-archive-details { background: var(--product-archive-navy); color: #fff; }
.product-archive-quote { background: var(--product-archive-gold); color: var(--product-archive-navy); }
.product-archive-details:hover,
.product-archive-quote:hover { text-decoration: none; transform: translateY(-2px); }
.product-archive-details:hover { color: #fff; background: #1b2a3d; }
.product-archive-quote:hover { color: var(--product-archive-navy); background: #ffb536; }
.product-archive-why-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.product-archive-why-card { min-width: 0; background: #fff; border: 1px solid var(--product-archive-line); border-radius: 18px; padding: 28px; box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.product-archive-why-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.product-archive-why-card i { width: 58px; height: 58px; display: grid; place-items: center; background: rgba(245,166,35,.13); color: var(--product-archive-gold); border-radius: 16px; font-size: 32px; margin-bottom: 22px; }
.product-archive-why-card h3 { font-size: 22px; line-height: 1.2; color: var(--product-archive-ink); margin: 0 0 12px; }
.product-archive-why-card p { margin: 0; font-size: 15px; }
.product-archive-faq-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 48px; align-items: start; }
.product-archive-accordion { display: grid; gap: 12px; }
.product-archive-accordion details { background: #fff; border: 1px solid var(--product-archive-line); border-radius: 14px; box-shadow: 0 14px 34px rgba(11,20,32,.075); overflow: hidden; }
.product-archive-accordion summary { cursor: pointer; padding: 20px 24px; font-weight: 900; color: var(--product-archive-ink); list-style: none; display: flex; justify-content: space-between; gap: 18px; }
.product-archive-accordion summary::-webkit-details-marker { display: none; }
.product-archive-accordion summary:after { content: "+"; color: var(--product-archive-gold); font-size: 22px; line-height: 1; }
.product-archive-accordion details[open] summary:after { content: "–"; }
.product-archive-accordion p { margin: 0; padding: 0 24px 22px; color: #465466; line-height: 1.65; }
@media (max-width: 1199px) {
  .product-archive-type-grid,
  .product-archive-model-grid,
  .product-archive-why-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .product-archive-guide-grid,
  .product-archive-faq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .product-archive-wrap { width: calc(100% - 28px); }
  .product-archive-hero { min-height: 440px; }
  .product-archive-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.84), rgba(8,14,23,.58)); }
  .product-archive-hero h1 { font-size: 40px; }
  .product-archive-hero p { font-size: 16px; }
  .product-archive-hero-tags { display: grid; grid-template-columns: 1fr; }
  .product-archive-section { padding: 64px 0; }
  .product-archive-section-head h2 { font-size: 32px; }
  .product-archive-type-grid,
  .product-archive-model-grid,
  .product-archive-why-grid { grid-template-columns: 1fr; }
  .product-archive-type-image,
  .product-archive-model-image { height: 225px; }
  .product-archive-type-body,
  .product-archive-model-body { min-height: auto; }
  .product-archive-filter-group div { display: grid; grid-template-columns: 1fr; }
  .product-archive-filter-group a { border-radius: 14px; }
  .product-archive-model-actions { display: grid; grid-template-columns: 1fr; }
}

/* Product single / machinery detail page - scoped styles only. */
.product-single-page {
  --product-single-navy: #0b1420;
  --product-single-navy-2: #132a42;
  --product-single-ink: #111827;
  --product-single-muted: #647181;
  --product-single-line: #e6e9ee;
  --product-single-soft: #f5f7f9;
  --product-single-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--product-single-ink);
  background: #fff;
  overflow: hidden;
}
.product-single-page * { box-sizing: border-box; }
.product-single-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.product-single-page h1,
.product-single-page h2,
.product-single-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.product-single-page p { color: var(--product-single-muted); line-height: 1.72; }
.product-single-kicker { display: inline-block; color: var(--product-single-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.product-single-kicker.dark { color: #d98a00; }
.product-single-hero { position: relative; padding: 96px 0 80px; background: radial-gradient(circle at 78% 12%, rgba(245,166,35,.16), transparent 28%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.product-single-hero-grid { display: grid; grid-template-columns: minmax(0, .98fr) minmax(360px, 1.02fr); gap: 56px; align-items: center; }
.product-single-hero-copy h1 { color: #fff; font-size: 58px; line-height: 1.04; margin: 0 0 22px; }
.product-single-hero-copy p { color: rgba(255,255,255,.78); font-size: 17px; margin: 0; }
.product-single-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.product-single-actions.center { justify-content: center; }
.product-single-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 15px 24px; border-radius: 4px; font-weight: 900; transition: .22s ease; }
.product-single-btn.primary { background: var(--product-single-gold); color: var(--product-single-navy); box-shadow: 0 14px 35px rgba(245,166,35,.25); }
.product-single-btn.ghost { color: #fff; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.product-single-btn:hover { text-decoration: none; transform: translateY(-2px); }
.product-single-btn.primary:hover { color: var(--product-single-navy); background: #ffb536; }
.product-single-btn.ghost:hover { color: #fff; background: rgba(255,255,255,.15); }
.product-single-highlights { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.product-single-highlights span { display: inline-flex; align-items: center; min-height: 38px; padding: 9px 12px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); font-size: 12px; font-weight: 900; }
.product-single-hero-media { border-radius: 24px; overflow: hidden; box-shadow: 0 28px 80px rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.12); }
.product-single-hero-media img { width: 100%; height: 520px; object-fit: cover; display: block; }
.product-single-specs-section { margin-top: -42px; position: relative; z-index: 3; }
.product-single-specs-card { padding: 30px; background: #fff; border: 1px solid var(--product-single-line); border-radius: 22px; box-shadow: 0 22px 60px rgba(11,20,32,.11); }
.product-single-specs-card h2 { font-size: 30px; color: var(--product-single-ink); margin: 0 0 20px; }
.product-single-specs-card > div { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.product-single-specs-card p { margin: 0; padding: 16px; border-radius: 14px; background: #f8fafc; border: 1px solid var(--product-single-line); }
.product-single-specs-card span { display: block; color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 6px; }
.product-single-specs-card strong { display: block; color: var(--product-single-ink); line-height: 1.45; }
.product-single-section { padding: 96px 0; }
.product-single-soft { background: var(--product-single-soft); }
.product-single-section-head { max-width: 820px; margin-bottom: 42px; }
.product-single-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.product-single-section-head.light h2 { color: #fff; }
.product-single-section-head h2,
.product-single-overview-card h2 { color: var(--product-single-ink); font-size: 46px; line-height: 1.1; margin: 0 0 16px; }
.product-single-overview-grid { display: grid; grid-template-columns: minmax(0, .96fr) minmax(320px, .74fr); gap: 38px; align-items: start; }
.product-single-overview-card { min-width: 0; padding: 34px; background: #fff; border: 1px solid var(--product-single-line); border-radius: 22px; box-shadow: 0 18px 50px rgba(11,20,32,.07); }
.product-single-content { max-width: 780px; font-size: 16px; line-height: 1.75; color: #344054; }
.product-single-content p { margin: 0 0 18px; }
.product-single-content h2 { margin-top: 42px; margin-bottom: 16px; font-size: 30px; line-height: 1.2; color: #071522; }
.product-single-content h3 { margin-top: 30px; margin-bottom: 12px; font-size: 22px; color: #071522; }
.product-single-content ul,
.product-single-content ol { margin: 0 0 22px 22px; padding: 0; }
.product-single-content li { margin-bottom: 8px; }
.product-single-content img { border-radius: 18px; margin: 28px 0; max-width: 100%; height: auto; object-fit: cover; }
.product-single-content table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; }
.product-single-content blockquote { border-left: 4px solid var(--product-single-gold); background: #f7f9fc; padding: 20px 24px; border-radius: 14px; margin: 30px 0; color: var(--product-single-navy-2); font-weight: 600; }
.product-single-gallery-card { display: grid; gap: 18px; }
.product-single-gallery-card img { width: 100%; height: 300px; object-fit: cover; display: block; border-radius: 18px; box-shadow: 0 20px 50px rgba(11,20,32,.12); }
.product-single-real-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.product-single-real-gallery-item { min-width: 0; position: relative; display: block; overflow: hidden; border-radius: 18px; background: #0b1420; box-shadow: 0 16px 42px rgba(11,20,32,.1); }
.product-single-real-gallery-item:hover { text-decoration: none; transform: translateY(-4px); box-shadow: 0 24px 56px rgba(11,20,32,.16); }
.product-single-real-gallery-item img { width: 100%; height: 240px; display: block; object-fit: cover; transition: transform .35s ease; }
.product-single-real-gallery-item:hover img { transform: scale(1.04); }
.product-single-real-gallery-item span { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; min-height: 28px; padding: 6px 10px; border-radius: 999px; background: rgba(7,21,34,.7); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; }
.product-single-advantage-grid,
.product-single-application-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.product-single-advantage-grid div,
.product-single-application-grid div { min-width: 0; padding: 26px; background: #fff; border: 1px solid var(--product-single-line); border-radius: 18px; box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.product-single-advantage-grid div:hover,
.product-single-application-grid div:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.product-single-advantage-grid h3,
.product-single-application-grid h3 { color: var(--product-single-ink); font-size: 21px; line-height: 1.22; margin: 0 0 10px; }
.product-single-advantage-grid p,
.product-single-application-grid p { margin: 0; }
.product-single-application-grid i { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 20px; background: rgba(245,166,35,.13); color: var(--product-single-gold); border-radius: 16px; font-size: 32px; }
.product-single-options-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.product-single-options-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 48px; align-items: start; }
.product-single-options-list { display: flex; flex-wrap: wrap; gap: 12px; }
.product-single-options-list span { display: inline-flex; align-items: center; min-height: 52px; padding: 14px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--product-single-line); color: #263241; font-weight: 900; box-shadow: 0 10px 26px rgba(11,20,32,.055); }
.product-single-options-list span:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--product-single-gold); margin-right: 10px; flex: 0 0 auto; }
.product-single-table-wrap { overflow-x: auto; border-radius: 18px; box-shadow: 0 18px 50px rgba(11,20,32,.08); }
.product-single-table-wrap table { width: 100%; min-width: 720px; border-collapse: collapse; background: #fff; }
.product-single-table-wrap th,
.product-single-table-wrap td { padding: 18px 20px; border-bottom: 1px solid var(--product-single-line); text-align: left; vertical-align: top; }
.product-single-table-wrap th { width: 260px; background: #f8fafc; color: var(--product-single-ink); font-weight: 900; }
.product-single-table-wrap td { color: var(--product-single-muted); line-height: 1.65; }
.product-single-quality-section { background: radial-gradient(circle at 20% 10%, rgba(245,166,35,.16), transparent 28%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.product-single-quality-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 48px; align-items: center; }
.product-single-quality-cards { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.product-single-quality-cards div { min-height: 150px; padding: 24px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.product-single-quality-cards span { display: block; color: var(--product-single-gold); font-weight: 900; margin-bottom: 18px; }
.product-single-quality-cards strong { display: block; color: #fff; font-size: 18px; line-height: 1.4; }
.product-single-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.product-single-related-card { min-width: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--product-single-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease; }
.product-single-related-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); }
.product-single-related-card img { width: 100%; height: 210px; object-fit: cover; display: block; transition: transform .35s ease; }
.product-single-related-card:hover img { transform: scale(1.045); }
.product-single-related-card div { padding: 22px; }
.product-single-related-card span { color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.product-single-related-card h3 { font-size: 21px; line-height: 1.25; margin: 8px 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-single-related-card h3 a { color: var(--product-single-ink); }
.product-single-related-card h3 a:hover { color: #d98a00; text-decoration: none; }
.product-single-related-card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-single-card-link { color: #d98a00; font-weight: 900; }
.product-single-card-link:hover { color: var(--product-single-navy); text-decoration: none; }
.product-single-faq-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 48px; align-items: start; }
.product-single-accordion { display: grid; gap: 12px; }
.product-single-accordion details { background: #fff; border: 1px solid var(--product-single-line); border-radius: 14px; box-shadow: 0 14px 34px rgba(11,20,32,.075); overflow: hidden; }
.product-single-accordion summary { cursor: pointer; padding: 20px 24px; font-weight: 900; color: var(--product-single-ink); list-style: none; display: flex; justify-content: space-between; gap: 18px; }
.product-single-accordion summary::-webkit-details-marker { display: none; }
.product-single-accordion summary:after { content: "+"; color: var(--product-single-gold); font-size: 22px; line-height: 1; }
.product-single-accordion details[open] summary:after { content: "–"; }
.product-single-accordion p { margin: 0; padding: 0 24px 22px; color: #465466; line-height: 1.65; }
@media (max-width: 1199px) {
  .product-single-hero-grid,
  .product-single-overview-grid,
  .product-single-options-grid,
  .product-single-quality-grid,
  .product-single-faq-grid { grid-template-columns: 1fr; }
  .product-single-specs-card > div,
  .product-single-advantage-grid,
  .product-single-application-grid,
  .product-single-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .product-single-hero-media img { height: 440px; }
  .product-single-real-gallery-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .product-single-wrap { width: calc(100% - 28px); }
  .product-single-hero { padding: 64px 0 82px; }
  .product-single-hero-copy h1 { font-size: 36px; }
  .product-single-hero-copy p { font-size: 15.5px; }
  .product-single-actions { display: grid; grid-template-columns: 1fr; }
  .product-single-btn { width: 100%; }
  .product-single-highlights { display: grid; grid-template-columns: 1fr; }
  .product-single-hero-media img { height: 300px; }
  .product-single-specs-card { padding: 24px; }
  .product-single-specs-card > div,
  .product-single-advantage-grid,
  .product-single-application-grid,
  .product-single-quality-cards,
  .product-single-related-grid { grid-template-columns: 1fr; }
  .product-single-section { padding: 64px 0; }
  .product-single-section-head h2,
  .product-single-overview-card h2 { font-size: 32px; }
  .product-single-overview-card { padding: 24px; }
  .product-single-gallery-card img { height: 230px; }
  .product-single-real-gallery-grid { grid-template-columns: 1fr; }
  .product-single-real-gallery-item img { height: 220px; }
  .product-single-options-list { display: grid; grid-template-columns: 1fr; }
  .product-single-options-list span { border-radius: 14px; }
  .product-single-related-card img { height: 225px; }
}

/* Applications / Working Conditions page - scoped styles only. */
.applications-page {
  --applications-navy: #0b1420;
  --applications-navy-2: #132a42;
  --applications-ink: #111827;
  --applications-muted: #647181;
  --applications-line: #e6e9ee;
  --applications-soft: #f5f7f9;
  --applications-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--applications-ink);
  background: #fff;
  overflow: hidden;
}
.applications-page * { box-sizing: border-box; }
.applications-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.applications-page h1,
.applications-page h2,
.applications-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.applications-page p { color: var(--applications-muted); line-height: 1.72; }
.applications-kicker { display: inline-block; color: var(--applications-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.applications-kicker.dark { color: #d98a00; }
.applications-hero { position: relative; min-height: 540px; display: flex; align-items: center; background-size: contain; background-repeat: no-repeat; background-position: right center; background-color: #d7dee6; color: #fff; }
.applications-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.88) 0%, rgba(8,14,23,.68) 36%, rgba(8,14,23,.18) 68%, rgba(8,14,23,0) 100%); }
.applications-hero:after { content: ""; position: absolute; right: -130px; bottom: -180px; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.applications-hero .applications-wrap { position: relative; z-index: 1; }
.applications-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; max-width: 940px; }
.applications-hero p { color: rgba(255,255,255,.84); max-width: 820px; font-size: 19px; margin: 0; }
.applications-hero-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.applications-hero-tags span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.applications-section { padding: 96px 0; }
.applications-overview-section { background: #fff; }
.applications-overview-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 56px; align-items: end; }
.applications-section-head { max-width: 820px; margin-bottom: 42px; }
.applications-overview-grid .applications-section-head { margin-bottom: 0; }
.applications-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.applications-section-head h2 { color: var(--applications-ink); font-size: 46px; line-height: 1.1; margin: 0; }
.applications-section-head p,
.applications-overview-grid > p { margin: 0; max-width: 760px; font-size: 17px; }
.applications-grid-section { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); padding-top: 0; }
.applications-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.applications-card { min-width: 0; background: #fff; border: 1px solid var(--applications-line); border-radius: 18px; overflow: hidden; box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.applications-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); border-color: rgba(245,166,35,.35); }
.applications-card-image { display: block; height: 240px; overflow: hidden; background: var(--applications-navy); }
.applications-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.applications-card:hover .applications-card-image img { transform: scale(1.045); }
.applications-card-body { padding: 24px; display: flex; flex-direction: column; min-height: 430px; }
.applications-card-body > span { color: #d98a00; font-size: 12px; font-weight: 900; letter-spacing: .9px; text-transform: uppercase; margin-bottom: 10px; }
.applications-card-body h3 { color: var(--applications-ink); font-size: 24px; line-height: 1.22; margin: 0 0 12px; }
.applications-card-body p { margin: 0 0 18px; }
.applications-card-body strong { color: var(--applications-ink); font-size: 14px; margin-top: auto; margin-bottom: 10px; }
.applications-card-body ul { margin: 0 0 20px 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.applications-card-body li { position: relative; padding-left: 18px; color: #465466; line-height: 1.45; }
.applications-card-body li:before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--applications-gold); }
.applications-card-link { color: #d98a00; font-weight: 900; }
.applications-card-link:hover { color: var(--applications-navy); text-decoration: none; }
.applications-why-section { background: var(--applications-soft); }
.applications-why-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.applications-why-grid div { min-width: 0; background: #fff; border: 1px solid var(--applications-line); border-radius: 18px; padding: 28px; box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.applications-why-grid div:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.applications-why-grid i { width: 58px; height: 58px; display: grid; place-items: center; background: rgba(245,166,35,.13); color: var(--applications-gold); border-radius: 16px; font-size: 32px; margin-bottom: 22px; }
.applications-why-grid h3 { color: var(--applications-ink); font-size: 22px; line-height: 1.2; margin: 0 0 12px; }
.applications-why-grid p { margin: 0; font-size: 15px; }
.applications-selection-cta { position: relative; min-height: 520px; display: flex; align-items: center; padding: 84px 0; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #132331; text-align: center; color: #fff; overflow: hidden; }
.applications-selection-cta:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,21,34,.86) 0%, rgba(7,21,34,.66) 52%, rgba(7,21,34,.42) 100%); }
.applications-selection-cta .applications-wrap { position: relative; z-index: 1; max-width: 860px; }
.applications-selection-cta h2 { color: #fff; font-size: 46px; line-height: 1.08; margin: 0 0 16px; }
.applications-selection-cta p { color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.72; margin: 0 auto 28px; max-width: 760px; }
.applications-selection-cta .jl-pro-btn { min-height: 54px; padding: 15px 30px; }
.applications-capability-section { background: #fff; }
.applications-capability-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 54px; align-items: start; }
.applications-capability-tags { display: flex; flex-wrap: wrap; gap: 12px; }
.applications-capability-tags a { display: inline-flex; align-items: center; min-height: 52px; padding: 14px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--applications-line); color: #263241; font-weight: 900; box-shadow: 0 10px 26px rgba(11,20,32,.055); }
.applications-capability-tags a:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--applications-gold); margin-right: 10px; flex: 0 0 auto; }
.applications-capability-tags a:hover { color: var(--applications-navy); border-color: rgba(245,166,35,.65); box-shadow: 0 16px 40px rgba(11,20,32,.1); text-decoration: none; transform: translateY(-2px); }
.applications-faq-section { background: var(--applications-soft); }
.applications-faq-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 48px; align-items: start; }
.applications-accordion { display: grid; gap: 12px; }
.applications-accordion details { background: #fff; border: 1px solid var(--applications-line); border-radius: 14px; box-shadow: 0 14px 34px rgba(11,20,32,.075); overflow: hidden; }
.applications-accordion summary { cursor: pointer; padding: 20px 24px; font-weight: 900; color: var(--applications-ink); list-style: none; display: flex; justify-content: space-between; gap: 18px; }
.applications-accordion summary::-webkit-details-marker { display: none; }
.applications-accordion summary:after { content: "+"; color: var(--applications-gold); font-size: 22px; line-height: 1; }
.applications-accordion details[open] summary:after { content: "–"; }
.applications-accordion p { margin: 0; padding: 0 24px 22px; color: #465466; line-height: 1.65; }
@media (max-width: 1199px) {
  .applications-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .applications-why-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .applications-overview-grid,
  .applications-capability-grid,
  .applications-faq-grid { grid-template-columns: 1fr; }
  .applications-overview-grid .applications-section-head { margin-bottom: 18px; }
}
@media (max-width: 767px) {
  .applications-wrap { width: calc(100% - 28px); }
  .applications-hero { min-height: 460px; background-size: cover; background-position: 72% center; }
  .applications-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.84), rgba(8,14,23,.58)); }
  .applications-hero h1 { font-size: 38px; }
  .applications-hero p { font-size: 16px; }
  .applications-hero-tags { display: grid; grid-template-columns: 1fr; }
  .applications-selection-cta { min-height: 420px; padding: 68px 0; background-size: cover; background-position: 64% center; }
  .applications-selection-cta h2 { font-size: 32px; }
  .applications-selection-cta .jl-pro-btn { width: 100%; }
  .applications-section { padding: 64px 0; }
  .applications-section-head h2 { font-size: 32px; }
  .applications-grid-section { padding-top: 0; }
  .applications-card-grid,
  .applications-why-grid { grid-template-columns: 1fr; }
  .applications-card-image { height: 225px; }
  .applications-card-body { min-height: auto; }
  .applications-capability-tags { display: grid; grid-template-columns: 1fr; }
  .applications-capability-tags a { border-radius: 14px; }
}

/* Application single / working-condition detail pages - scoped styles only. */
.application-single-page {
  --app-detail-navy: #0b1420;
  --app-detail-navy-2: #132a42;
  --app-detail-ink: #111827;
  --app-detail-muted: #647181;
  --app-detail-line: #e6e9ee;
  --app-detail-soft: #f5f7f9;
  --app-detail-gold: #f5a623;
  font-family: 'Inter', Arial, sans-serif;
  color: var(--app-detail-ink);
  background: #fff;
  overflow: hidden;
}
.application-single-page * { box-sizing: border-box; }
.application-single-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.application-single-page h1,
.application-single-page h2,
.application-single-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.application-single-page p { color: var(--app-detail-muted); line-height: 1.72; }
.application-single-kicker { display: inline-block; color: var(--app-detail-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.application-single-kicker.dark { color: #d98a00; }
.application-single-hero { position: relative; min-height: 560px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; }
.application-single-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.86) 0%, rgba(8,14,23,.64) 52%, rgba(8,14,23,.24) 100%); }
.application-single-hero:after { content: ""; position: absolute; right: -130px; bottom: -180px; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.application-single-hero .application-single-wrap { position: relative; z-index: 1; }
.application-single-hero h1 { color: #fff; font-size: 60px; line-height: 1.04; margin: 0 0 18px; max-width: 960px; }
.application-single-hero p { color: rgba(255,255,255,.84); max-width: 820px; font-size: 19px; margin: 0; }
.application-single-hero-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.application-single-hero-tags span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.application-single-section { padding: 96px 0; }
.application-single-challenge-section,
.application-single-products-section,
.application-single-options-section { background: #fff; }
.application-single-works-section,
.application-single-inquiry-section,
.application-single-related-section { background: var(--app-detail-soft); }
.application-single-section-head { max-width: 820px; margin-bottom: 42px; }
.application-single-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.application-single-section-head h2 { color: var(--app-detail-ink); font-size: 46px; line-height: 1.1; margin: 0; }
.application-single-section-head p { margin: 14px 0 0; }
.application-single-challenge-grid,
.application-single-works-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.application-single-challenge-grid div,
.application-single-works-grid div { min-width: 0; background: #fff; border: 1px solid var(--app-detail-line); border-radius: 18px; padding: 28px; box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.application-single-challenge-grid div:hover,
.application-single-works-grid div:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.application-single-challenge-grid span { display: block; color: #d98a00; font-weight: 900; margin-bottom: 18px; }
.application-single-challenge-grid h3,
.application-single-works-grid h3 { color: var(--app-detail-ink); font-size: 22px; line-height: 1.2; margin: 0 0 12px; }
.application-single-challenge-grid p,
.application-single-works-grid p { margin: 0; }
.application-single-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.application-single-product-card { min-width: 0; background: #fff; border: 1px solid var(--app-detail-line); border-radius: 18px; overflow: hidden; box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease; }
.application-single-product-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); }
.application-single-product-image { display: block; height: 230px; overflow: hidden; background: var(--app-detail-navy); }
.application-single-product-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.application-single-product-card:hover img { transform: scale(1.045); }
.application-single-product-card > div { padding: 24px; display: flex; flex-direction: column; min-height: 330px; }
.application-single-product-card span { color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.application-single-product-card h3 { color: var(--app-detail-ink); font-size: 23px; line-height: 1.22; margin: 8px 0 12px; }
.application-single-product-card p { margin: 0 0 16px; }
.application-single-product-card em { display: block; margin-top: auto; color: #465466; font-style: normal; font-weight: 800; }
.application-single-product-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.application-single-product-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 900; }
.application-single-product-actions a:first-child { background: var(--app-detail-navy); color: #fff; }
.application-single-product-actions a:last-child { background: var(--app-detail-gold); color: var(--app-detail-navy); }
.application-single-product-actions a:hover { text-decoration: none; transform: translateY(-2px); }
.application-single-use-grid,
.application-single-options-grid,
.application-single-inquiry-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 54px; align-items: start; }
.application-single-use-list,
.application-single-options-list { display: flex; flex-wrap: wrap; gap: 12px; }
.application-single-use-list span,
.application-single-options-list span { display: inline-flex; align-items: center; min-height: 52px; padding: 14px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--app-detail-line); color: #263241; font-weight: 900; box-shadow: 0 10px 26px rgba(11,20,32,.055); }
.application-single-use-list span:before,
.application-single-options-list span:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--app-detail-gold); margin-right: 10px; flex: 0 0 auto; }
.application-single-step-list { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.application-single-step-list div { padding: 22px; border-radius: 16px; background: #fff; border: 1px solid var(--app-detail-line); box-shadow: 0 12px 34px rgba(11,20,32,.06); }
.application-single-step-list span { display: block; color: var(--app-detail-gold); font-weight: 900; margin-bottom: 14px; }
.application-single-step-list strong { display: block; color: var(--app-detail-ink); line-height: 1.35; }
.application-single-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.application-single-related-grid article { min-width: 0; background: #fff; border: 1px solid var(--app-detail-line); border-radius: 18px; overflow: hidden; box-shadow: 0 16px 45px rgba(11,20,32,.08); }
.application-single-related-grid img { width: 100%; height: 220px; object-fit: cover; display: block; }
.application-single-related-grid article > div { padding: 22px; }
.application-single-related-grid h3 { font-size: 22px; line-height: 1.25; margin: 0 0 12px; }
.application-single-related-grid h3 a { color: var(--app-detail-ink); }
.application-single-related-grid h3 a:hover { color: #d98a00; text-decoration: none; }
.application-single-related-grid p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.application-single-card-link { color: #d98a00; font-weight: 900; }
.application-single-card-link:hover { color: var(--app-detail-navy); text-decoration: none; }
@media (max-width: 1199px) {
  .application-single-challenge-grid,
  .application-single-works-grid,
  .application-single-product-grid,
  .application-single-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .application-single-use-grid,
  .application-single-options-grid,
  .application-single-inquiry-grid { grid-template-columns: 1fr; }
  .application-single-step-list { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .application-single-wrap { width: calc(100% - 28px); }
  .application-single-hero { min-height: 460px; }
  .application-single-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.86), rgba(8,14,23,.6)); }
  .application-single-hero h1 { font-size: 36px; }
  .application-single-hero p { font-size: 16px; }
  .application-single-hero-tags { display: grid; grid-template-columns: 1fr; }
  .application-single-section { padding: 64px 0; }
  .application-single-section-head h2 { font-size: 32px; }
  .application-single-challenge-grid,
  .application-single-works-grid,
  .application-single-product-grid,
  .application-single-related-grid,
  .application-single-step-list { grid-template-columns: 1fr; }
  .application-single-product-image { height: 225px; }
  .application-single-product-card > div { min-height: auto; }
  .application-single-product-actions { grid-template-columns: 1fr; }
  .application-single-use-list,
  .application-single-options-list { display: grid; grid-template-columns: 1fr; }
  .application-single-use-list span,
  .application-single-options-list span { border-radius: 14px; }
}

/* Custom Solutions page */
.custom-solutions-page {
  --custom-solutions-navy: #071522;
  --custom-solutions-navy-2: #132a42;
  --custom-solutions-ink: #111827;
  --custom-solutions-muted: #647181;
  --custom-solutions-line: #e6e9ee;
  --custom-solutions-soft: #f5f7f9;
  --custom-solutions-gold: #f5a623;
  color: var(--custom-solutions-ink);
  background: #fff;
  overflow-x: hidden;
}
.custom-solutions-page * { box-sizing: border-box; }
.custom-solutions-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.custom-solutions-page h1,
.custom-solutions-page h2,
.custom-solutions-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.custom-solutions-page p { color: var(--custom-solutions-muted); line-height: 1.72; }
.custom-solutions-kicker { display: inline-block; color: var(--custom-solutions-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.custom-solutions-kicker.dark { color: #d98a00; }
.custom-solutions-hero { position: relative; min-height: 620px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; overflow: hidden; }
.custom-solutions-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.84) 0%, rgba(8,14,23,.58) 58%, rgba(8,14,23,.22) 100%); }
.custom-solutions-hero:after { content: ""; position: absolute; right: -150px; bottom: -190px; width: 540px; height: 540px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.custom-solutions-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .55fr); gap: 48px; align-items: center; }
.custom-solutions-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; max-width: 880px; }
.custom-solutions-hero p { color: rgba(255,255,255,.84); max-width: 820px; font-size: 19px; margin: 0; }
.custom-solutions-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.custom-solutions-actions .jl-pro-btn { min-height: 58px; padding: 17px 30px; }
.custom-solutions-btn-outline { min-height: 58px; display: inline-flex; align-items: center; justify-content: center; padding: 16px 28px; border-radius: 4px; border: 1px solid rgba(255,255,255,.32); color: #fff; font-weight: 900; background: rgba(255,255,255,.08); }
.custom-solutions-btn-outline:hover { background: #fff; color: var(--custom-solutions-navy); text-decoration: none; transform: translateY(-2px); }
.custom-solutions-hero-panel { min-width: 0; padding: 30px; border-radius: 24px; background: rgba(7,21,34,.72); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 26px 80px rgba(0,0,0,.22); }
.custom-solutions-hero-panel strong { display: block; color: #fff; font-size: 22px; line-height: 1.2; margin-bottom: 20px; }
.custom-solutions-hero-tags { display: grid; gap: 12px; }
.custom-solutions-hero-tags span { display: flex; align-items: center; min-height: 48px; padding: 12px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.custom-solutions-hero-tags span:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--custom-solutions-gold); margin-right: 10px; flex: 0 0 auto; }
.custom-solutions-section { padding: 96px 0; }
.custom-solutions-why-section,
.custom-solutions-types-section,
.custom-solutions-quality-section { background: #fff; }
.custom-solutions-customize-section,
.custom-solutions-quote-section { background: var(--custom-solutions-soft); }
.custom-solutions-section-head { max-width: 820px; margin-bottom: 42px; }
.custom-solutions-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.custom-solutions-section-head.light h2,
.custom-solutions-section-head.light p { color: #fff; }
.custom-solutions-section-head h2 { color: var(--custom-solutions-ink); font-size: 46px; line-height: 1.1; margin: 0; }
.custom-solutions-section-head p { margin: 14px 0 0; max-width: 760px; }
.custom-solutions-why-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; }
.custom-solutions-why-card { min-width: 0; padding: 28px; border-radius: 18px; background: #fff; border: 1px solid var(--custom-solutions-line); box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.custom-solutions-why-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.custom-solutions-why-card i { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background: #fff4df; color: #d98a00; font-size: 25px; margin-bottom: 22px; }
.custom-solutions-why-card h3 { color: var(--custom-solutions-ink); font-size: 22px; line-height: 1.22; margin: 0 0 12px; }
.custom-solutions-why-card p { margin: 0; }
.custom-solutions-split-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 56px; align-items: start; }
.custom-solutions-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.custom-solutions-check-grid div,
.custom-solutions-info-grid div { min-width: 0; display: flex; align-items: center; min-height: 64px; padding: 18px 20px; border-radius: 16px; background: #fff; border: 1px solid var(--custom-solutions-line); box-shadow: 0 12px 34px rgba(11,20,32,.055); color: #263241; font-weight: 900; line-height: 1.35; }
.custom-solutions-check-grid span,
.custom-solutions-info-grid span { color: var(--custom-solutions-gold); font-size: 19px; margin-right: 12px; flex: 0 0 auto; }
.custom-solutions-type-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.custom-solutions-type-card { min-width: 0; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--custom-solutions-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.custom-solutions-type-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); border-color: rgba(245,166,35,.35); }
.custom-solutions-type-image { display: block; height: 238px; overflow: hidden; background: var(--custom-solutions-navy); }
.custom-solutions-type-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.custom-solutions-type-card:hover img { transform: scale(1.045); }
.custom-solutions-type-body { padding: 24px; min-height: 300px; display: flex; flex-direction: column; }
.custom-solutions-type-body h3 { color: var(--custom-solutions-ink); font-size: 24px; line-height: 1.22; margin: 0 0 12px; }
.custom-solutions-type-body p { margin: 0 0 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.custom-solutions-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.custom-solutions-tags span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 10px; border-radius: 999px; background: #f0f3f5; border: 1px solid #e0e5eb; color: #263241; font-size: 11px; font-weight: 900; }
.custom-solutions-card-link { margin-top: 20px; color: #d98a00; font-weight: 900; }
.custom-solutions-card-link:hover { color: var(--custom-solutions-navy); text-decoration: none; }
.custom-solutions-process-section { background: radial-gradient(circle at 15% 15%, rgba(245,166,35,.16), transparent 28%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.custom-solutions-process-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; }
.custom-solutions-process-grid div { position: relative; min-width: 0; min-height: 154px; padding: 24px 18px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.custom-solutions-process-grid div:not(:last-child):after { content: ""; position: absolute; top: 50%; right: -14px; width: 14px; height: 1px; background: rgba(245,166,35,.5); }
.custom-solutions-process-grid span { display: block; color: var(--custom-solutions-gold); font-size: 24px; font-weight: 900; margin-bottom: 22px; }
.custom-solutions-process-grid strong { display: block; color: #fff; line-height: 1.35; }
.custom-solutions-quote-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 36px; align-items: stretch; }
.custom-solutions-quote-card { min-width: 0; padding: 36px; border-radius: 24px; background: #fff; border: 1px solid var(--custom-solutions-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); }
.custom-solutions-quote-card h2 { color: var(--custom-solutions-ink); font-size: 42px; line-height: 1.1; margin: 0 0 14px; letter-spacing: -0.04em; }
.custom-solutions-quote-card p { margin: 0 0 26px; }
.custom-solutions-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.custom-solutions-quality-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 56px; align-items: center; }
.custom-solutions-quality-media { min-height: 420px; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 70px rgba(11,20,32,.16); }
.custom-solutions-quality-media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }
.custom-solutions-quality-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.custom-solutions-quality-list div { min-width: 0; padding: 17px 18px; border-radius: 16px; background: #f7f9fc; border: 1px solid var(--custom-solutions-line); color: #263241; font-weight: 900; }
.custom-solutions-quality-list div:before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--custom-solutions-gold); margin-right: 10px; vertical-align: middle; }
@media (max-width: 1199px) {
  .custom-solutions-hero-grid,
  .custom-solutions-split-grid,
  .custom-solutions-quote-grid,
  .custom-solutions-quality-grid { grid-template-columns: 1fr; }
  .custom-solutions-why-grid,
  .custom-solutions-type-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .custom-solutions-process-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .custom-solutions-process-grid div:after { display: none; }
}
@media (max-width: 767px) {
  .custom-solutions-wrap { width: calc(100% - 28px); }
  .custom-solutions-hero { min-height: 560px; }
  .custom-solutions-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.86), rgba(8,14,23,.62)); }
  .custom-solutions-hero h1 { font-size: 36px; }
  .custom-solutions-hero p { font-size: 16px; }
  .custom-solutions-hero-panel { padding: 22px; border-radius: 18px; }
  .custom-solutions-actions,
  .custom-solutions-hero-tags { display: grid; grid-template-columns: 1fr; }
  .custom-solutions-actions .jl-pro-btn,
  .custom-solutions-btn-outline { width: 100%; }
  .custom-solutions-section { padding: 64px 0; }
  .custom-solutions-section-head h2,
  .custom-solutions-quote-card h2 { font-size: 32px; }
  .custom-solutions-why-grid,
  .custom-solutions-check-grid,
  .custom-solutions-type-grid,
  .custom-solutions-process-grid,
  .custom-solutions-info-grid,
  .custom-solutions-quality-list { grid-template-columns: 1fr; }
  .custom-solutions-type-image { height: 225px; }
  .custom-solutions-type-body { min-height: auto; }
  .custom-solutions-quote-card { padding: 26px; }
  .custom-solutions-quality-media,
  .custom-solutions-quality-media img { min-height: 280px; }
}

/* Factory & Certificates page */
.factory-page {
  --factory-navy: #071522;
  --factory-navy-2: #132a42;
  --factory-ink: #111827;
  --factory-muted: #647181;
  --factory-line: #e6e9ee;
  --factory-soft: #f5f7f9;
  --factory-gold: #f5a623;
  color: var(--factory-ink);
  background: #fff;
  overflow-x: hidden;
}
.factory-page * { box-sizing: border-box; }
.factory-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.factory-page h1,
.factory-page h2,
.factory-page h3 { font-family: 'Sora', 'Inter', Arial, sans-serif; letter-spacing: -0.04em; text-transform: none; }
.factory-page p { color: var(--factory-muted); line-height: 1.72; }
.factory-kicker { display: inline-block; color: var(--factory-gold); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 15px; }
.factory-kicker.dark { color: #d98a00; }
.factory-hero { position: relative; min-height: 560px; display: flex; align-items: center; background-size: cover; background-position: center; color: #fff; overflow: hidden; }
.factory-hero:before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,23,.82) 0%, rgba(8,14,23,.58) 54%, rgba(8,14,23,.2) 100%); }
.factory-hero:after { content: ""; position: absolute; right: -140px; bottom: -180px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.factory-hero .factory-wrap { position: relative; z-index: 1; }
.factory-hero h1 { color: #fff; font-size: 64px; line-height: 1.02; margin: 0 0 18px; max-width: 900px; }
.factory-hero p { color: rgba(255,255,255,.84); max-width: 820px; font-size: 19px; margin: 0; }
.factory-hero-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.factory-hero-tags span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 900; }
.factory-section { padding: 96px 0; }
.factory-overview-section,
.factory-quality-section,
.factory-delivery-section { background: #fff; }
.factory-process-section,
.certificates-section { background: var(--factory-soft); }
.factory-section-head { max-width: 820px; margin-bottom: 42px; }
.factory-section-head.center { text-align: center; margin-left: auto; margin-right: auto; }
.factory-section-head h2 { color: var(--factory-ink); font-size: 46px; line-height: 1.1; margin: 0; }
.factory-section-head p { margin: 14px 0 0; max-width: 760px; }
.factory-overview-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 56px; align-items: center; }
.factory-overview-grid .factory-section-head { margin-bottom: 0; }
.factory-overview-media,
.factory-delivery-media { position: relative; min-height: 430px; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 70px rgba(11,20,32,.16); background: var(--factory-navy); }
.factory-overview-media img,
.factory-delivery-media img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; display: block; }
.factory-media-badge { position: absolute; left: 24px; bottom: 24px; width: min(260px, calc(100% - 48px)); padding: 18px 20px; border-radius: 18px; background: rgba(7,21,34,.86); border: 1px solid rgba(255,255,255,.14); color: #fff; }
.factory-media-badge strong { display: block; color: var(--factory-gold); font-size: 30px; line-height: 1; margin-bottom: 6px; }
.factory-media-badge span { color: rgba(255,255,255,.82); font-weight: 800; line-height: 1.35; }
.factory-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.factory-process-card { min-width: 0; overflow: hidden; border-radius: 20px; background: #fff; border: 1px solid var(--factory-line); box-shadow: 0 14px 38px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.factory-process-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(52,145,19,.35); }
.factory-process-media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #e9eef3; }
.factory-process-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .3s ease; }
.factory-process-card:hover .factory-process-media img { transform: scale(1.04); }
.factory-process-media span { position: absolute; left: 18px; top: 18px; z-index: 2; display: inline-flex; min-width: 46px; height: 46px; align-items: center; justify-content: center; padding: 0 12px; border-radius: 999px; background: rgba(7,21,34,.84); color: #fff; font-size: 14px; font-weight: 700; }
.factory-process-body { padding: 22px 22px 24px; }
.factory-process-body h3 { color: var(--factory-ink); font-size: 21px; line-height: 1.24; margin: 0 0 10px; }
.factory-process-body p { margin: 0; }
.factory-quality-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.factory-quality-card { min-width: 0; padding: 30px; border-radius: 18px; background: #fff; border: 1px solid var(--factory-line); box-shadow: 0 16px 45px rgba(11,20,32,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.factory-quality-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(245,166,35,.42); }
.factory-quality-card:before { content: ""; display: block; width: 42px; height: 4px; border-radius: 999px; background: var(--factory-gold); margin-bottom: 22px; }
.factory-quality-card h3 { color: var(--factory-ink); font-size: 22px; line-height: 1.2; margin: 0 0 12px; }
.factory-quality-card p { margin: 0; }
.factory-certificate-group-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; margin-bottom: 32px; }
.factory-certificate-group-card { min-width: 0; min-height: 178px; padding: 24px; border-radius: 18px; background: #fff; border: 1px solid var(--factory-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); }
.factory-certificate-group-count { display: inline-flex; min-height: 30px; align-items: center; padding: 0 12px; border-radius: 999px; background: rgba(52,145,19,.10); color: #349113; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.factory-certificate-group-card h3 { color: var(--factory-ink); font-size: 20px; line-height: 1.24; margin: 16px 0 12px; }
.factory-certificate-group-card p { margin: 0; }
.factory-certificates-carousel { position: relative; }
.factory-certificates-carousel .owl-stage-outer { background: transparent; }
.factory-certificate-slide { min-width: 0; overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid var(--factory-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.factory-certificate-slide:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(11,20,32,.13); border-color: rgba(52,145,19,.35); }
.factory-certificate-media { display: block; aspect-ratio: 4 / 5; padding: 18px; background: linear-gradient(180deg, #eef3f8 0%, #f9fbfd 100%); }
.factory-certificate-media img { width: 100%; height: 100%; display: block; border-radius: 14px; object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px rgba(9,21,34,.07); }
.factory-certificate-body { padding: 22px 22px 24px; min-height: 176px; }
.factory-certificate-eyebrow { display: inline-block; margin-bottom: 10px; color: #349113; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.factory-certificate-body h3 { color: var(--factory-ink); font-size: 20px; line-height: 1.25; margin: 0 0 10px; }
.factory-certificate-body p { margin: 0; }
.factory-certificates-carousel .owl-stage { display: flex; }
.factory-certificates-carousel .owl-item { display: flex; }
.factory-certificates-carousel .owl-item .factory-certificate-slide { height: 100%; }
.factory-certificates-carousel .owl-nav { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.factory-certificates-carousel .owl-nav button.owl-prev,
.factory-certificates-carousel .owl-nav button.owl-next { width: 46px; height: 46px; border-radius: 999px; background: #fff; border: 1px solid var(--factory-line); color: var(--factory-ink); font-size: 18px; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; }
.factory-certificates-carousel .owl-nav button.owl-prev:hover,
.factory-certificates-carousel .owl-nav button.owl-next:hover { background: #349113; border-color: #349113; color: #fff; transform: translateY(-2px); }
.factory-certificates-carousel .owl-dots { display: flex; justify-content: center; gap: 8px; margin-top: 14px; }
.factory-certificates-carousel .owl-dot span { display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(7,21,34,.18); transition: transform .2s ease, background .2s ease; }
.factory-certificates-carousel .owl-dot.active span,
.factory-certificates-carousel .owl-dot:hover span { background: #349113; transform: scale(1.05); }
.factory-delivery-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 56px; align-items: center; }
.factory-delivery-grid .factory-section-head { margin-bottom: 0; }
.factory-delivery-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.factory-delivery-list div { min-width: 0; padding: 17px 18px; border-radius: 16px; background: #f7f9fc; border: 1px solid var(--factory-line); color: #263241; font-weight: 900; line-height: 1.35; }
.factory-delivery-list div:before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--factory-gold); margin-right: 10px; vertical-align: middle; }
@media (max-width: 1199px) {
  .factory-overview-grid,
  .factory-delivery-grid { grid-template-columns: 1fr; }
  .factory-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .factory-quality-grid,
  .factory-certificate-group-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .factory-wrap { width: calc(100% - 28px); }
  .factory-hero { min-height: 480px; }
  .factory-hero:before { background: linear-gradient(180deg, rgba(8,14,23,.86), rgba(8,14,23,.62)); }
  .factory-hero h1 { font-size: 36px; }
  .factory-hero p { font-size: 16px; }
  .factory-hero-tags { display: grid; grid-template-columns: 1fr; }
  .factory-section { padding: 64px 0; }
  .factory-section-head h2 { font-size: 32px; }
  .factory-process-grid,
  .factory-quality-grid,
  .factory-certificate-group-grid,
  .factory-delivery-list { grid-template-columns: 1fr; }
  .factory-overview-media,
  .factory-delivery-media,
  .factory-overview-media img,
  .factory-delivery-media img { min-height: 280px; }
  .factory-certificate-slide { border-radius: 16px; }
  .factory-certificate-body { min-height: auto; }
  .factory-certificate-media { aspect-ratio: 5 / 6; }
  .factory-certificates-carousel .owl-nav { justify-content: center; }
  .factory-process-body { padding: 20px 18px 22px; }
  .factory-process-body h3 { font-size: 19px; }
}

/* Product detail refinements - scoped */
.product-single-page .product-single-positioning { max-width: 740px; color: rgba(255,255,255,.86); font-size: 18px; line-height: 1.65; }
.product-single-page .product-single-hero-grid { grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr); }
.product-single-page .product-single-hero-media { position: relative; border-radius: 28px; box-shadow: 0 34px 95px rgba(0,0,0,.38); }
.product-single-page .product-single-hero-media img { height: 560px; }
.product-single-page .product-single-media-badge { position: absolute; top: 22px; left: 22px; z-index: 2; display: inline-flex; min-height: 38px; align-items: center; padding: 9px 14px; border-radius: 999px; background: var(--product-single-gold); color: var(--product-single-navy); font-size: 12px; font-weight: 900; box-shadow: 0 12px 30px rgba(0,0,0,.22); }
.product-single-page .product-single-highlights span:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--product-single-gold); margin-right: 8px; flex: 0 0 auto; }
.product-single-page .product-single-specs-card { padding: 34px; }
.product-single-page .product-single-specs-card > div { gap: 14px; }
.product-single-page .product-single-specs-card p { position: relative; min-height: 122px; padding: 18px 18px 18px 58px; background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.product-single-page .product-single-specs-card p i { position: absolute; left: 18px; top: 20px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #d98a00; background: rgba(245,166,35,.14); font-size: 17px; }
.product-single-page .product-single-specs-card span { color: #536273; font-size: 11px; margin-bottom: 8px; }
.product-single-page .product-single-specs-card strong { color: #0b1420; font-size: 15px; font-weight: 900; }
.product-single-page .product-single-overview-bullets { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.product-single-page .product-single-overview-bullets li { position: relative; margin: 0; padding-left: 24px; color: #263241; font-weight: 800; }
.product-single-page .product-single-overview-bullets li:before { content: ""; position: absolute; left: 0; top: .58em; width: 8px; height: 8px; border-radius: 50%; background: var(--product-single-gold); }
.product-single-page .product-single-gallery-card img { height: 310px; border-radius: 20px; box-shadow: 0 22px 55px rgba(11,20,32,.14); }
.product-single-page .product-single-advantage-grid div { min-height: 228px; }
.product-single-page .product-single-advantage-grid div:before { content: ""; display: block; width: 42px; height: 4px; border-radius: 999px; background: var(--product-single-gold); margin-bottom: 20px; }
.product-single-page .product-single-application-grid div { min-height: 235px; }
.product-single-page .product-single-application-grid i { width: 64px; height: 64px; font-size: 34px; }
.product-single-page .product-single-options-section { background: linear-gradient(180deg, #fff 0%, #f5f7f9 100%); }
.product-single-page .product-single-options-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.product-single-page .product-single-options-list span { min-width: 0; justify-content: flex-start; border-radius: 16px; min-height: 62px; padding: 17px 18px; }
.product-single-page .product-single-options-list span:before { content: "\2713"; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: var(--product-single-navy); font-size: 14px; font-weight: 900; }
.product-single-page .product-single-table-card { padding: 18px; border-radius: 22px; background: #fff; border: 1px solid var(--product-single-line); box-shadow: 0 18px 50px rgba(11,20,32,.08); }
.product-single-page .product-single-table-wrap { box-shadow: none; border: 1px solid var(--product-single-line); }
.product-single-page .product-single-table-wrap th { background: #f3f6f9; color: #0b1420; }
.product-single-page .product-single-table-wrap td { color: #344054; font-weight: 600; }
.product-single-page .product-single-inquiry-cta .product-single-actions { margin-top: 30px; }
.product-single-page .product-single-quality-section .product-single-section-head p { color: rgba(255,255,255,.72); margin: 0; }
.product-single-page .product-single-quality-cards div { min-height: 172px; padding: 28px; }
.product-single-page .product-single-quality-cards span { font-size: 28px; line-height: 1; margin-bottom: 22px; }
.product-single-page .product-single-related-card { display: flex; flex-direction: column; height: 100%; }
.product-single-page .product-single-related-card > a { display: block; overflow: hidden; }
.product-single-page .product-single-related-card img { height: 220px; }
.product-single-page .product-single-related-card div { display: flex; flex-direction: column; flex: 1; min-height: 275px; }
.product-single-page .product-single-related-card p { margin-bottom: 18px; }
.product-single-page .product-single-card-link { margin-top: auto; display: inline-flex; align-items: center; }
@media (max-width: 1199px) {
  .product-single-page .product-single-hero-grid { grid-template-columns: 1fr; }
  .product-single-page .product-single-hero-media img { height: 460px; }
}
@media (max-width: 767px) {
  .product-single-page .product-single-hero-media img { height: 320px; }
  .product-single-page .product-single-media-badge { top: 14px; left: 14px; }
  .product-single-page .product-single-specs-card p { min-height: auto; }
  .product-single-page .product-single-options-list { grid-template-columns: 1fr; }
  .product-single-page .product-single-gallery-card img { height: 230px; }
  .product-single-page .product-single-advantage-grid div,
  .product-single-page .product-single-application-grid div { min-height: auto; }
  .product-single-page .product-single-table-card { padding: 10px; }
  .product-single-page .product-single-inquiry-cta .product-single-actions { grid-template-columns: 1fr; }
  .product-single-page .product-single-related-card div { min-height: auto; }
}

/* Product archive refinement: working-condition guide replaces duplicate product cards. */
.product-archive-condition-section { background: #fff; }
.product-archive-condition-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.product-archive-condition-card { min-width: 0; min-height: 315px; display: flex; flex-direction: column; padding: 30px; border-radius: 18px; background: #fff; border: 1px solid var(--product-archive-line); box-shadow: 0 16px 45px rgba(11,20,32,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.product-archive-condition-card:hover { transform: translateY(-7px); box-shadow: 0 26px 65px rgba(11,20,32,.15); border-color: rgba(245,166,35,.38); }
.product-archive-condition-card i { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 18px; background: rgba(245,166,35,.13); color: var(--product-archive-gold); font-size: 34px; margin-bottom: 24px; }
.product-archive-condition-card h3 { color: var(--product-archive-ink); font-size: 24px; line-height: 1.22; margin: 0 0 12px; }
.product-archive-condition-card p { margin: 0 0 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-archive-recommended { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--product-archive-line); }
.product-archive-recommended span { display: block; color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: .9px; text-transform: uppercase; margin-bottom: 6px; }
.product-archive-recommended strong { display: block; color: var(--product-archive-ink); font-size: 16px; line-height: 1.35; }
.product-archive-guide-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; margin-top: 26px; padding: 15px 24px; border-radius: 4px; background: var(--product-archive-gold); color: var(--product-archive-navy); font-weight: 900; box-shadow: 0 14px 35px rgba(245,166,35,.25); }
.product-archive-guide-btn:hover { color: var(--product-archive-navy); background: #ffb536; text-decoration: none; transform: translateY(-2px); }
.product-archive-model-body { min-height: 360px; }
.product-archive-model-body .product-archive-tags { margin-top: auto; }
.product-archive-model-actions { margin-top: 20px; }
@media (max-width: 1199px) {
  .product-archive-condition-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .product-archive-condition-grid { grid-template-columns: 1fr; }
  .product-archive-condition-card { min-height: auto; padding: 26px; }
  .product-archive-guide-btn { width: 100%; }
}

/* Product archive v2: product-center ordering and CTA refinements. */
.product-archive-page { scroll-behavior: smooth; }
.product-archive-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.product-archive-hero-actions .jl-pro-btn,
.product-archive-hero-link { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; padding: 16px 28px; border-radius: 4px; font-weight: 900; }
.product-archive-hero-link { color: #fff; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.08); }
.product-archive-hero-link:hover { color: var(--product-archive-navy); background: #fff; text-decoration: none; transform: translateY(-2px); }
.product-archive-category-section { background: #fff; padding-bottom: 72px; }
.product-archive-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.product-archive-category-card { min-width: 0; min-height: 168px; display: grid; grid-template-columns: 56px minmax(0,1fr); grid-template-rows: auto 1fr; gap: 8px 16px; align-items: start; padding: 22px; border-radius: 18px; background: #fff; border: 1px solid var(--product-archive-line); box-shadow: 0 12px 34px rgba(11,20,32,.06); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.product-archive-category-card:hover { transform: translateY(-5px); box-shadow: 0 22px 55px rgba(11,20,32,.12); border-color: rgba(245,166,35,.42); text-decoration: none; }
.product-archive-category-card i { grid-row: 1 / span 2; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: rgba(245,166,35,.13); color: var(--product-archive-gold); font-size: 30px; }
.product-archive-category-card strong { color: var(--product-archive-ink); font-size: 17px; line-height: 1.25; }
.product-archive-category-card span { color: var(--product-archive-muted); font-size: 14px; line-height: 1.55; }
.product-archive-models-section { background: linear-gradient(180deg, #f8fafc 0%, #fff 100%); padding-top: 88px; }
.product-archive-model-image { height: 245px; }
.product-archive-model-body { min-height: 365px; }
.product-archive-model-body p { -webkit-line-clamp: 3; }
.product-archive-selection-cta { padding: 88px 0; background: radial-gradient(circle at 15% 20%, rgba(245,166,35,.16), transparent 30%), linear-gradient(145deg, #071522, #132a42); color: #fff; }
.product-archive-selection-grid { display: grid; grid-template-columns: minmax(0,.94fr) minmax(330px,.72fr); gap: 56px; align-items: center; }
.product-archive-selection-grid h2 { color: #fff; font-size: 48px; line-height: 1.08; margin: 0 0 16px; }
.product-archive-selection-grid p { color: rgba(255,255,255,.78); font-size: 17px; margin: 0 0 30px; max-width: 720px; }
.product-archive-selection-list { min-width: 0; padding: 30px; border-radius: 22px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.product-archive-selection-list strong { grid-column: 1 / -1; color: #fff; font-size: 22px; line-height: 1.2; margin-bottom: 6px; }
.product-archive-selection-list span { min-width: 0; display: flex; align-items: center; min-height: 48px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.86); font-weight: 800; }
.product-archive-selection-list span:before { content: "\2713"; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--product-archive-gold); color: var(--product-archive-navy); font-size: 13px; font-weight: 900; margin-right: 10px; flex: 0 0 auto; }
.product-archive-condition-section { background: #fff; }
.product-archive-condition-card { min-height: 230px; padding: 26px; box-shadow: 0 12px 34px rgba(11,20,32,.055); }
.product-archive-condition-card i { width: 56px; height: 56px; font-size: 30px; margin-bottom: 22px; }
.product-archive-condition-card h3 { margin-bottom: 18px; }
.product-archive-recommended { padding-top: 16px; }
.product-archive-application-cta { display: none; }
@media (max-width: 1199px) {
  .product-archive-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .product-archive-selection-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .product-archive-hero-actions { display: grid; grid-template-columns: 1fr; }
  .product-archive-hero-actions .jl-pro-btn,
  .product-archive-hero-link { width: 100%; }
  .product-archive-category-grid { grid-template-columns: 1fr; }
  .product-archive-category-card { min-height: auto; }
  .product-archive-model-image { height: 230px; }
  .product-archive-selection-cta { padding: 68px 0; }
  .product-archive-selection-grid h2 { font-size: 32px; }
  .product-archive-selection-list { grid-template-columns: 1fr; padding: 24px; }
  .product-archive-selection-grid .jl-pro-btn { width: 100%; }
  .product-archive-condition-card { min-height: auto; }
}

/* Global header / navigation refinement */
.site-header-main { position: sticky; top: 0; z-index: 2000; background: #fff; font-family: 'Inter', Arial, sans-serif; box-shadow: 0 10px 30px rgba(11,20,32,.06); transition: box-shadow .26s ease, background-color .26s ease; }
.site-header-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.site-header-topbar { background: #071522; color: rgba(255,255,255,.78); font-size: 12px; font-weight: 800; letter-spacing: .2px; }
.site-header-topbar .site-header-wrap { min-height: 38px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.site-header-topbar em { color: #f5a623; font-style: normal; }
.site-header-navrow { background: #fff; border-bottom: 1px solid #edf0f3; transition: border-color .24s ease; }
.site-header-inner { min-height: 76px; display: flex; align-items: center; gap: 20px; position: relative; }
.site-header-brand { flex: 0 0 auto; display: inline-flex; align-items: center; color: #101820; }
.site-header-brand:hover { color: #101820; text-decoration: none; }
.site-header-brand img { display: block; width: auto; height: 94px; max-width: min(360px, 42vw); object-fit: contain; }
.main-nav-desktop { flex: 1; display: flex; align-items: center; justify-content: center; gap: 2px; min-width: 0; }
.main-nav-link { min-height: 76px; display: inline-flex; align-items: center; padding: 0 8px; color: #263241; font-size: 14px; font-weight: 850; position: relative; white-space: nowrap; transition: color .22s ease, transform .22s ease; }
.main-nav-link:hover { color: #071522; text-decoration: none; }
.main-nav-link:after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 18px; height: 2px; background: #f5a623; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.main-nav-link:hover:after,
.main-nav-link.is-active:after,
.main-nav-item.is-active > .main-nav-link:after { transform: scaleX(1); }
.main-nav-item:hover > .main-nav-link,
.main-nav-item:focus-within > .main-nav-link { transform: translateY(-1px); }
.main-nav-link.is-active,
.main-nav-item.is-active > .main-nav-link { color: #071522; }
.main-nav-item { position: relative; }
.main-nav-item.has-mega > .main-nav-link:before { content: ""; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); order: 2; margin-left: 7px; margin-top: -4px; transition: transform .22s ease, margin-top .22s ease; }
.main-nav-item:hover.has-mega > .main-nav-link:before,
.main-nav-item:focus-within.has-mega > .main-nav-link:before { transform: rotate(225deg); margin-top: 2px; }
.mega-menu { position: absolute; top: calc(100% - 1px); left: 50%; transform: translate(-50%, 18px) scale(.985); transform-origin: top center; width: min(920px, calc(100vw - 40px)); padding: 26px; border-radius: 18px; background: rgba(255,255,255,.98); border: 1px solid #e6e9ee; box-shadow: 0 24px 70px rgba(11,20,32,.16); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .24s ease, transform .24s cubic-bezier(.22, 1, .36, 1), visibility .24s ease; backdrop-filter: blur(10px); }
.main-nav-item:hover .mega-menu,
.main-nav-item:focus-within .mega-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
.mega-menu-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.mega-menu-group { min-width: 0; display: grid; align-content: start; gap: 9px; }
.mega-menu-group strong { color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 5px; }
.mega-menu-group a,
.mega-menu-small a { display: block; color: #263241; font-size: 13px; font-weight: 800; line-height: 1.35; padding: 8px 9px; border-radius: 10px; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.mega-menu-group a:hover,
.mega-menu-small a:hover { color: #071522; background: #f7f9fc; text-decoration: none; transform: translateX(2px); }
.mega-menu-bottom { margin-top: 20px; min-height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #071522; color: #fff; font-weight: 900; transition: background-color .22s ease, color .22s ease, transform .22s ease; }
.mega-menu-bottom:hover { color: #071522; background: #f5a623; text-decoration: none; }
.mega-menu-applications { width: min(760px, calc(100vw - 40px)); }
.mega-menu-app-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.mega-menu-app-grid a { min-width: 0; display: grid; gap: 4px; padding: 14px; border-radius: 14px; background: #f8fafc; border: 1px solid #edf0f3; color: #263241; transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.mega-menu-app-grid a:hover { border-color: rgba(245,166,35,.45); background: #fff; box-shadow: 0 12px 28px rgba(11,20,32,.08); text-decoration: none; transform: translateY(-2px); }
.mega-menu-app-grid strong { color: #071522; font-size: 14px; line-height: 1.25; }
.mega-menu-app-grid span { color: #647181; font-size: 12px; line-height: 1.35; }
.has-small-menu .mega-menu { width: 260px; left: 0; transform: translate(0, 18px) scale(.985); padding: 14px; transform-origin: top left; }
.has-small-menu:hover .mega-menu,
.has-small-menu:focus-within .mega-menu { transform: translate(0, 0) scale(1); }
.site-header-quote { flex: 0 0 auto; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 13px 18px; border-radius: 4px; background: #f5a623; color: #071522; font-size: 13px; font-weight: 900; box-shadow: 0 12px 28px rgba(245,166,35,.18); transition: background-color .22s ease, color .22s ease, transform .22s ease; }
.site-header-quote:hover { color: #071522; background: #ffb536; text-decoration: none; transform: translateY(-2px); }
.mobile-nav-toggle { display: none; border: 0; width: 44px; height: 44px; border-radius: 8px; background: #071522; align-items: center; justify-content: center; flex-direction: column; gap: 5px; transition: transform .22s ease, background-color .22s ease; }
.mobile-nav-toggle span { width: 20px; height: 2px; background: #fff; display: block; transition: .2s ease; }
.mobile-nav-toggle:hover { transform: translateY(-1px); background: #132a42; }
.mobile-nav-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobile-nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.mobile-nav-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav-open { overflow: hidden; }
.mobile-nav-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 30; background: rgba(255,255,255,.98); border-top: 1px solid #edf0f3; box-shadow: 0 18px 45px rgba(11,20,32,.14); opacity: 0; pointer-events: none; transform: translateY(-12px); transition: opacity .24s ease, transform .24s ease; backdrop-filter: blur(10px); }
.mobile-nav-panel.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
.mobile-nav-panel[hidden] { display: none !important; }
.mobile-nav-inner { width: min(100%, 460px); margin: 0 auto; padding: 16px; display: grid; gap: 8px; max-height: calc(100vh - 76px); overflow-y: auto; }
.mobile-nav-inner > a,
.mobile-nav-subtoggle { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-radius: 12px; border: 1px solid #edf0f3; background: #fff; color: #263241; font-size: 15px; font-weight: 900; text-align: left; transition: background-color .22s ease, color .22s ease, border-color .22s ease, transform .22s ease; }
.mobile-nav-inner a:hover,
.mobile-nav-subtoggle:hover { color: #071522; background: #f8fafc; text-decoration: none; transform: translateY(-1px); }
.mobile-nav-quote { justify-content: center !important; color: #071522 !important; background: #f5a623 !important; border-color: #f5a623 !important; }
.mobile-nav-subtoggle:after { content: "+"; color: #f5a623; font-size: 22px; line-height: 1; transition: transform .22s ease, color .22s ease; }
.mobile-nav-group.is-open .mobile-nav-subtoggle:after { content: "–"; transform: rotate(180deg); }
.mobile-nav-group.is-open .mobile-nav-subtoggle { border-color: rgba(245,166,35,.38); background: #fffdf8; }
.mobile-nav-submenu { display: grid; gap: 6px; padding: 0 0 0 14px; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .28s ease, opacity .22s ease, padding .22s ease; }
.mobile-nav-group.is-open .mobile-nav-submenu { max-height: 900px; opacity: 1; padding: 8px 0 10px 14px; }
.mobile-nav-submenu strong { color: #d98a00; font-size: 11px; font-weight: 900; letter-spacing: .9px; text-transform: uppercase; padding: 10px 4px 3px; }
.mobile-nav-submenu a { display: block; padding: 10px 12px; border-radius: 10px; color: #465466; font-weight: 800; background: #f8fafc; transform: translateY(4px); transition: background-color .22s ease, color .22s ease, transform .22s ease; }
.mobile-nav-group.is-open .mobile-nav-submenu a { transform: translateY(0); }
.mobile-nav-submenu a:hover { color: #071522; background: #fff4df; text-decoration: none; transform: translateX(2px); }
.mobile-nav-all { color: #071522 !important; font-weight: 900 !important; }
@media (max-width: 1240px) {
  .site-header-wrap { width: calc(100% - 28px); }
  .main-nav-link { font-size: 13px; padding-left: 6px; padding-right: 6px; }
  .main-nav-link:after { left: 6px; right: 6px; }
  .site-header-inner { gap: 12px; }
}
@media (max-width: 1120px) {
  .main-nav-desktop,
  .site-header-quote { display: none; }
  .mobile-nav-toggle { display: inline-flex; margin-left: auto; }
  .site-header-inner { min-height: 72px; }
}
@media (max-width: 767px) {
  .site-header-topbar .site-header-wrap { justify-content: center; min-height: 34px; text-align: center; }
  .site-header-topbar .site-header-wrap span:last-child { display: none; }
  .site-header-brand img { height: 44px; max-width: 190px; }
  .mobile-nav-inner { max-height: calc(100vh - 106px); }
}
@media (max-width: 420px) {
  .site-header-wrap { width: calc(100% - 22px); }
  .site-header-brand img { max-width: 160px; }
}

/* Global footer refinement */
.site-footer-main { --footer-navy:#071522; --footer-navy-2:#0d1b2b; --footer-ink:#d6dee8; --footer-muted:#9aa8b8; --footer-line:rgba(255,255,255,.1); --footer-gold:#f5a623; background:var(--footer-navy); color:var(--footer-ink); font-family:'Inter', Arial, sans-serif; overflow-x:hidden; }
.site-footer-main * { box-sizing:border-box; }
.site-footer-wrap { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.footer-cta-section { position:relative; padding:76px 0; background-size:cover; background-position:right center; color:#fff; }
.footer-cta-section:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,21,34,.90) 0%, rgba(7,21,34,.70) 44%, rgba(7,21,34,.34) 100%); }
.footer-cta-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:42px; align-items:center; }
.footer-cta-kicker { display:inline-block; color:var(--footer-gold); font-size:12px; font-weight:900; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:14px; }
.footer-cta-section h2 { color:#fff; font-family:'Sora','Inter',Arial,sans-serif; font-size:42px; line-height:1.08; letter-spacing:-.04em; margin:0 0 16px; max-width:780px; text-transform:none; }
.footer-cta-section p { color:rgba(255,255,255,.78); font-size:16px; line-height:1.72; margin:0; max-width:800px; }
.footer-cta-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.footer-btn { min-height:56px; display:inline-flex; align-items:center; justify-content:center; padding:16px 28px; border-radius:4px; font-weight:900; }
.footer-btn:hover { text-decoration:none; transform:translateY(-2px); }
.footer-btn-primary { background:var(--footer-gold); color:var(--footer-navy); box-shadow:0 14px 35px rgba(245,166,35,.22); }
.footer-btn-primary:hover { background:#ffb536; color:var(--footer-navy); }
.footer-btn-ghost { border:1px solid rgba(255,255,255,.28); color:#fff; background:rgba(255,255,255,.08); }
.footer-btn-ghost:hover { background:#fff; color:var(--footer-navy); }
.footer-links-section { background:linear-gradient(180deg, #071522 0%, #08111f 100%); padding:68px 0 46px; }
.footer-links-grid { display:grid; grid-template-columns:1.28fr .9fr .9fr .9fr 1.05fr; gap:34px; align-items:start; }
.site-footer-brand { display:inline-flex; align-items:center; color:#fff; margin-bottom:20px; }
.site-footer-brand:hover { text-decoration:none; color:#fff; }
.site-footer-brand img { display:block; width:auto; height:58px; max-width:min(300px, 100%); object-fit:contain; }
.site-footer-company p { color:var(--footer-muted); line-height:1.72; margin:0 0 18px; max-width:390px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.site-footer-positioning { display:block; color:#fff; line-height:1.42; padding-left:14px; border-left:3px solid var(--footer-gold); max-width:360px; }
.footer-links-col h3,
.footer-contact-col h3 { color:#fff; font-family:'Sora','Inter',Arial,sans-serif; font-size:16px; line-height:1.2; margin:0 0 20px; letter-spacing:-.03em; text-transform:none; }
.footer-links-col ul,
.footer-contact-list { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.footer-links-col a { color:var(--footer-muted); font-size:14px; line-height:1.38; font-weight:750; overflow-wrap:anywhere; }
.footer-links-col a:hover { color:var(--footer-gold); text-decoration:none; }
.footer-contact-list li { display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; color:var(--footer-muted); font-size:14px; line-height:1.5; }
.footer-contact-list i { color:var(--footer-gold); font-size:17px; margin-top:2px; }
.footer-contact-list a { color:#d6dee8; }
.footer-contact-list a:hover { color:var(--footer-gold); text-decoration:none; }
.footer-inquiry-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; margin-top:22px; padding:13px 22px; border-radius:4px; background:var(--footer-gold); color:var(--footer-navy); font-weight:900; }
.footer-inquiry-btn:hover { color:var(--footer-navy); background:#ffb536; text-decoration:none; transform:translateY(-2px); }
.footer-trust-bar { background:#0d1b2b; border-top:1px solid var(--footer-line); border-bottom:1px solid var(--footer-line); padding:18px 0; }
.footer-trust-list { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; justify-content:center; }
.footer-trust-list span { display:inline-flex; align-items:center; color:#c9d3df; font-size:13px; font-weight:850; }
.footer-trust-list span:before { content:""; width:7px; height:7px; border-radius:50%; background:var(--footer-gold); margin-right:9px; flex:0 0 auto; }
.footer-bottom-bar { background:#050e19; padding:20px 0; }
.footer-bottom-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center; color:var(--footer-muted); }
.footer-motto { color:var(--footer-gold); font-weight:900; }
.footer-bottom-grid small { text-align:center; color:var(--footer-muted); }
.footer-bottom-grid nav { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:14px; }
.footer-bottom-grid nav a { color:var(--footer-muted); font-size:13px; font-weight:800; }
.footer-bottom-grid nav a:hover { color:var(--footer-gold); text-decoration:none; }
@media (max-width:1199px) {
  .footer-links-grid { grid-template-columns:1.2fr 1fr 1fr; }
  .footer-contact-col { grid-column:auto / span 2; }
  .footer-cta-grid { grid-template-columns:1fr; }
  .footer-cta-actions { justify-content:flex-start; }
  .footer-bottom-grid { grid-template-columns:1fr; text-align:center; }
  .footer-bottom-grid nav { justify-content:center; }
}
@media (max-width:767px) {
  .site-footer-wrap { width:calc(100% - 28px); }
  .footer-cta-section { padding:64px 0; }
  .footer-cta-section h2 { font-size:32px; }
  .footer-cta-actions { display:grid; grid-template-columns:1fr; }
  .footer-btn { width:100%; }
  .footer-links-section { padding:54px 0 38px; }
  .footer-links-grid { grid-template-columns:1fr; gap:30px; }
  .footer-contact-col { grid-column:auto; }
  .footer-links-col ul { gap:9px; }
  .footer-links-col a,
  .footer-contact-list li { font-size:14px; }
  .footer-inquiry-btn { width:100%; }
  .footer-trust-list { justify-content:flex-start; display:grid; grid-template-columns:1fr; gap:10px; }
  .footer-bottom-grid { gap:12px; }
  .footer-bottom-grid nav { display:grid; grid-template-columns:1fr; gap:8px; }
}

/* Priority 1 fixes: contact form status + 404 page */
.jl-contact-alert { margin: 0 0 18px; padding: 14px 16px; border-radius: 12px; font-weight: 800; line-height: 1.5; }
.jl-contact-alert.success { color: #0f5132; background: #e8f6ee; border: 1px solid #badbcc; }
.jl-contact-alert.error { color: #842029; background: #f8d7da; border: 1px solid #f5c2c7; }
.error404-page { --error-navy:#071522; --error-gold:#f5a623; --error-muted:#647181; font-family:'Inter', Arial, sans-serif; color:#111827; background:#f5f7f9; }
.error404-wrap { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
.error404-hero { padding:110px 0; background:radial-gradient(circle at 18% 20%, rgba(245,166,35,.16), transparent 28%), linear-gradient(145deg, #071522, #132a42); color:#fff; text-align:center; }
.error404-hero h1 { color:#fff; font-family:'Sora','Inter',Arial,sans-serif; font-size:58px; line-height:1.04; margin:0 0 16px; letter-spacing:-.04em; }
.error404-hero p { color:rgba(255,255,255,.78); font-size:18px; line-height:1.7; max-width:720px; margin:0 auto 30px; }
.error404-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.error404-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:15px 26px; border-radius:4px; font-weight:900; }
.error404-btn.primary { color:var(--error-navy); background:var(--error-gold); }
.error404-btn.ghost { color:#fff; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.08); }
.error404-btn:hover { text-decoration:none; transform:translateY(-2px); }
.error404-section { padding:74px 0; }
.error404-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-bottom:34px; }
.error404-card { min-width:0; padding:28px; border-radius:18px; background:#fff; border:1px solid #e6e9ee; box-shadow:0 16px 45px rgba(11,20,32,.08); }
.error404-card h2 { font-family:'Sora','Inter',Arial,sans-serif; font-size:24px; line-height:1.2; margin:0 0 10px; color:#111827; letter-spacing:-.04em; }
.error404-card p { color:var(--error-muted); line-height:1.65; margin:0 0 18px; }
.error404-card a { color:#d98a00; font-weight:900; }
.error404-search { padding:28px; border-radius:18px; background:#fff; border:1px solid #e6e9ee; box-shadow:0 16px 45px rgba(11,20,32,.08); }
.error404-search form { display:flex; gap:10px; }
.error404-search input[type="search"] { flex:1; min-height:52px; border:1px solid #dfe5eb; border-radius:12px; padding:0 15px; }
.error404-search input[type="submit"] { min-height:52px; border:0; border-radius:4px; padding:0 24px; background:var(--error-gold); color:var(--error-navy); font-weight:900; }
@media (max-width: 767px) { .error404-hero { padding:76px 0; } .error404-hero h1 { font-size:38px; } .error404-actions, .error404-search form { display:grid; grid-template-columns:1fr; } .error404-btn, .error404-search input[type="submit"] { width:100%; } .error404-card-grid { grid-template-columns:1fr; } }

/* Global green retheme override */
:root {
  --jl-gold: #349113;
  --jl-gold-2: #46ab20;
}

.jl-about-page { --about-gold: #349113; }
.jl-contact-page { --contact-gold: #349113; }
.jl-news-page { --news-gold: #349113; }
.single-news-page { --single-news-gold: #349113; }
.product-archive-page { --product-archive-gold: #349113; }
.product-single-page { --product-single-gold: #349113; }
.applications-page { --applications-gold: #349113; }
.application-single-page { --app-detail-gold: #349113; }
.custom-solutions-page { --custom-solutions-gold: #349113; }
.factory-certificate-page { --factory-certificate-gold: #349113; }
.service-page { --service-gold: #349113; }
.site-footer-main { --footer-gold: #349113; }
.error404-page { --error-gold: #349113; }

.jl-pro-kicker.dark,
.quality-card-title em,
.jl-home-product-cat,
.jl-about-kicker.dark,
.jl-about-strength-list span,
.jl-contact-kicker.dark,
.jl-news-kicker.dark,
.jl-news-readmore,
.single-news-kicker.dark,
.single-news-article-meta span,
.single-news-post-nav span,
.single-news-readmore,
.product-archive-kicker.dark,
.product-archive-model-cat,
.product-archive-card-link,
.product-single-kicker.dark,
.product-single-specs-card span,
.product-single-related-card span,
.product-single-card-link,
.applications-kicker.dark,
.applications-card-body > span,
.applications-card-link,
.application-single-kicker.dark,
.application-single-challenge-grid span,
.application-single-product-card span,
.application-single-card-link,
.custom-solutions-kicker.dark,
.custom-solutions-card-link,
.factory-certificate-kicker.dark,
.service-kicker.dark,
.error404-card a {
  color: #349113;
}

.jl-hero-simple .jl-pro-kicker,
.jl-hero-simple h1 span {
  color: #349113;
}

.jl-hero-simple .jl-pro-btn-primary {
  background: #349113;
  color: #fff;
  box-shadow: none;
}

.jl-hero-simple .jl-pro-btn-primary:hover {
  background: #46ab20;
  color: #fff;
}

.jl-pro-btn-primary,
.jl-contact-submit,
.jl-news-btn,
.single-news-btn,
.product-single-btn.primary,
.site-header-quote,
.footer-btn-primary,
.footer-inquiry-btn,
.product-archive-quote,
.application-single-product-actions a:last-child,
.jl-home-product-quote,
.error404-btn.primary,
.error404-search input[type="submit"] {
  box-shadow: none;
}

.jl-condition-grid i,
.jl-about-buyer-card i,
.jl-contact-help-card i,
.product-archive-why-card i,
.product-single-application-grid i,
.applications-why-grid i,
.custom-solutions-why-card i,
.jl-news-meta span,
.single-news-meta span {
  background: rgba(52,145,19,.14);
}

.jl-process-section:before,
.jl-contact-process-section:before,
.product-single-hero,
.product-single-quality-section,
.jl-about-trust-section,
.jl-contact-info-card,
.jl-news-inquiry-widget,
.single-news-mid-cta,
.single-news-inquiry-card,
.custom-solutions-process-section,
.factory-certificate-quality-section,
.service-process-section,
.error404-hero {
  background-image: radial-gradient(circle at 20% 10%, rgba(52,145,19,.16), transparent 28%), linear-gradient(145deg, #071522, #132a42);
}

.refined-trust-card {
  background: radial-gradient(circle at 85% 0%, rgba(52,145,19,.22), transparent 30%), linear-gradient(145deg, #0a111c 0%, #111c2a 54%, #202b38 100%);
}

.jl-quality-section .trust-card {
  background: linear-gradient(145deg, #071522, #16311c);
}

.jl-contact-form textarea:focus,
.jl-contact-form input:focus,
.jl-contact-form select:focus,
.jl-news-search-widget input:focus,
.error404-search input[type="search"]:focus {
  border-color: rgba(52,145,19,.72);
  box-shadow: 0 0 0 4px rgba(52,145,19,.12);
}

.jl-home-product-card:hover,
.product-archive-model-card:hover,
.applications-card:hover,
.product-single-advantage-grid div:hover,
.product-single-application-grid div:hover,
.application-single-challenge-grid div:hover,
.application-single-works-grid div:hover,
.custom-solutions-type-card:hover,
.custom-solutions-why-card:hover,
.jl-about-philosophy-card:hover,
.jl-contact-help-card:hover,
.product-archive-why-card:hover,
.applications-why-grid div:hover {
  border-color: rgba(52,145,19,.38);
}

.site-header-topbar em,
.main-nav-link:after,
.mega-menu-group strong,
.mobile-nav-subtoggle:after,
.mobile-nav-submenu strong,
.footer-cta-kicker {
  color: #349113;
}

.mega-menu-bottom:hover,
.site-header-quote,
.site-header-quote:hover,
.mobile-nav-quote {
  background: #349113 !important;
  color: #fff !important;
}

.jl-pro-quote,
.jl-pro-quote:hover,
.jl-pro-btn-primary,
.jl-pro-btn-primary:hover,
.jl-contact-submit,
.jl-contact-submit:hover,
.jl-news-btn,
.jl-news-btn:hover,
.single-news-btn,
.single-news-btn:hover,
.jl-home-product-quote,
.jl-home-product-quote:hover,
.product-archive-quote,
.product-archive-quote:hover,
.product-archive-guide-btn,
.product-archive-guide-btn:hover,
.product-single-btn.primary,
.product-single-btn.primary:hover,
.footer-btn-primary,
.footer-btn-primary:hover,
.footer-inquiry-btn,
.footer-inquiry-btn:hover,
.error404-btn.primary,
.error404-btn.primary:hover,
.error404-search input[type="submit"],
.error404-search input[type="submit"]:hover,
.application-single-product-actions a:last-child,
.application-single-product-actions a:last-child:hover {
  color: #fff !important;
  box-shadow: none !important;
}

.jl-pro-btn,
.jl-contact-submit,
.jl-news-btn,
.single-news-btn,
.jl-home-product-details,
.jl-home-product-quote,
.product-archive-details,
.product-archive-quote,
.product-single-btn,
.application-single-product-actions a,
.site-header-quote,
.mobile-nav-quote,
.footer-btn,
.footer-inquiry-btn,
.error404-btn,
.error404-search input[type="submit"] {
  font-family: 'Roboto', 'Inter', Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}

.site-header-quote,
.footer-btn-primary,
.footer-inquiry-btn {
  box-shadow: none;
}

.mobile-nav-quote {
  border-color: #349113 !important;
}

.mega-menu-app-grid a:hover,
.mobile-nav-submenu a:hover {
  border-color: rgba(52,145,19,.45);
  background: rgba(52,145,19,.1);
}

/* Footer CTA background framing fix */
.footer-cta-section {
  min-height: 520px !important;
  display: flex;
  align-items: center;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 72% center !important;
  background-color: #102130 !important;
}

.footer-cta-grid {
  min-height: 520px;
  align-items: center;
}

@media (max-width: 1199px) {
  .footer-cta-section {
    min-height: 480px !important;
    background-position: 68% center !important;
  }

  .footer-cta-grid {
    min-height: 480px;
  }
}

@media (max-width: 991px) {
  .footer-cta-section {
    min-height: 420px !important;
    background-position: center center !important;
  }

  .footer-cta-grid {
    min-height: 420px;
  }
}


.custom-solutions-hero-panel { display: none !important; }

/* Match inner-page hero heights to custom solutions */
.jl-about-hero,
.jl-contact-hero,
.jl-news-hero,
.single-news-hero,
.product-archive-hero,
.applications-hero,
.application-single-hero,
.factory-hero {
  min-height: 620px !important;
}

@media (max-width: 991px) {
  .jl-about-hero,
  .jl-contact-hero,
  .jl-news-hero,
  .single-news-hero,
  .product-archive-hero,
  .applications-hero,
  .application-single-hero,
  .factory-hero {
    min-height: 560px !important;
  }
}

.site-whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 18px 0 15px;
  border-radius: 999px;
  background: #25d366;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(37, 211, 102, 0.28);
  font-family: 'Roboto', 'Inter', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.site-whatsapp-float i {
  font-size: 24px;
  line-height: 1;
}

.site-whatsapp-float:hover {
  color: #fff !important;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(37, 211, 102, 0.34);
  background: #20bd5c;
}

@media (max-width: 767px) {
  .site-whatsapp-float {
    right: 14px;
    bottom: 14px;
    min-height: 50px;
    padding: 0 14px 0 13px;
    gap: 8px;
    font-size: 15px;
  }

  .site-whatsapp-float span {
    display: none;
  }

  .site-whatsapp-float i {
    font-size: 22px;
  }
}