:root {
  --primary: #0b2c4d;
  --primary-light: #174e75;
  --accent: #f4b400;
  --bg: #ffffff;
  --bg-soft: #f5f7f9;
  --bg-blue: #edf3f7;
  --text: #1d2935;
  --muted: #667481;
  --border: #dce3e8;
  --container: 1200px;
  --radius-sm: 8px;
  --radius: 12px;
  --shadow: 0 18px 45px rgba(11, 44, 77, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, Arial, sans-serif; color: var(--text); background: var(--bg); line-height: 1.65; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
.container { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(220,227,232,.8); }
.header-inner { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; background: var(--primary); color: white; font-family: Manrope, sans-serif; font-weight: 800; border-radius: 10px; letter-spacing: -.04em; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-family: Manrope, sans-serif; font-size: 18px; letter-spacing: .08em; color: var(--primary); }
.brand-copy small { margin-top: 5px; font-size: 9px; letter-spacing: .18em; color: var(--muted); }
.desktop-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 600; }
.desktop-nav a { position: relative; padding: 30px 0; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 20px; height: 2px; background: var(--accent); transform: scaleX(0); transition: .25s ease; transform-origin: left; }
.desktop-nav a:hover::after, .desktop-nav a.active::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.menu-button { display: none; width: 44px; height: 44px; border: 0; background: transparent; padding: 10px; }
.menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--primary); transition: .2s ease; }
.mobile-drawer { display: none; }

.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border-radius: var(--radius-sm); font-weight: 700; border: 1px solid transparent; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-small { min-height: 44px; padding: 0 19px; font-size: 14px; }
.btn-primary { background: var(--accent); color: #17212b; box-shadow: 0 10px 24px rgba(244,180,0,.24); }
.btn-primary:hover { box-shadow: 0 14px 30px rgba(244,180,0,.32); }
.btn-ghost-light { border-color: rgba(255,255,255,.45); color: white; background: rgba(255,255,255,.04); }
.btn-outline { border-color: var(--primary); color: var(--primary); background: white; }
.btn-whatsapp { background: #25d366; color: white; }

.hero { position: relative; overflow: hidden; background: linear-gradient(135deg, #071f36 0%, #0b2c4d 54%, #123f65 100%); color: white; }
.hero-grid-overlay { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to right, black, transparent 85%); }
.hero-layout { min-height: 730px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 68px; position: relative; z-index: 2; }
.hero-content { padding: 70px 0; }
.eyebrow { margin: 0 0 15px; color: var(--primary-light); font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.eyebrow-light { color: #a9c8df; }
h1, h2, h3 { font-family: Manrope, Inter, sans-serif; line-height: 1.14; margin-top: 0; }
h1 { max-width: 690px; margin-bottom: 24px; font-size: clamp(46px, 5.2vw, 68px); letter-spacing: -.045em; }
h2 { font-size: clamp(34px, 4vw, 48px); letter-spacing: -.035em; margin-bottom: 18px; }
h3 { margin-bottom: 10px; }
.hero-description { max-width: 670px; font-size: 18px; color: #d5e1ea; }
.hero-support { margin: 24px 0 0; font-weight: 700; color: white; }
.hero-actions { display: flex; gap: 14px; margin-top: 30px; }
.trust-row { margin-top: 35px; display: flex; flex-wrap: wrap; gap: 16px 24px; color: #c9d7e1; font-size: 13px; }
.hero-visual { position: relative; min-height: 530px; }
.machine-outline { position: absolute; inset: 95px 0 auto 20px; color: rgba(255,255,255,.15); }
.product-tile { position: absolute; display: flex; flex-direction: column; justify-content: end; min-height: 175px; padding: 22px; border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.06)); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 28px 55px rgba(0,0,0,.24); backdrop-filter: blur(12px); }
.product-tile strong { font-size: 18px; }
.product-tile small { color: #bad0df; }
.tile-kicker { margin-bottom: auto; font-size: 9px; letter-spacing: .14em; color: var(--accent); font-weight: 800; }
.tile-main { width: 300px; height: 265px; right: 18px; top: 55px; }
.tile-two { width: 235px; height: 180px; left: 0; bottom: 38px; }
.tile-three { width: 210px; height: 156px; right: 8px; bottom: 12px; }

.section { padding: 100px 0; }
.section-soft { background: var(--bg-soft); }
.section-dark { background: var(--primary); color: white; }
.section-heading { margin-bottom: 44px; }
.section-heading p { color: var(--muted); max-width: 680px; }
.section-heading.centered { text-align: center; }
.section-heading.centered p { margin-left: auto; margin-right: auto; }
.section-heading.left { margin-bottom: 32px; }
.section-heading.light p { color: #c4d5e1; }
.section-heading.compact { margin-bottom: 30px; }
.section-heading.with-action { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.text-link { color: var(--primary); font-weight: 800; white-space: nowrap; }

.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.category-card { position: relative; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius); background: white; transition: .25s ease; }
.category-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color: transparent; }
.card-index { position: absolute; right: 22px; top: 18px; color: #b7c3cc; font-family: Manrope, sans-serif; font-weight: 800; }
.image-placeholder, .product-image, .scene-placeholder { display: grid; place-items: center; color: #7c8c99; background: linear-gradient(145deg, #edf3f7, #f8fafb); border: 1px dashed #bcc9d2; }
.image-placeholder { height: 190px; margin-bottom: 24px; border-radius: 10px; font-size: 12px; letter-spacing: .08em; }
.category-card h3 { font-size: 22px; }
.category-card p { color: var(--muted); font-size: 14px; min-height: 68px; }
.category-card a { color: var(--primary); font-weight: 800; font-size: 14px; }

.split-layout, .quality-layout, .about-layout, .cta-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.scene-placeholder { min-height: 420px; border-radius: var(--radius); }
.scene-placeholder.dark-placeholder { min-height: 620px; color: #b9cad6; background: linear-gradient(145deg, #0c2c49, #174e75); border-color: rgba(255,255,255,.2); }
.benefit-list { display: grid; gap: 12px; }
.benefit-item { display: grid; grid-template-columns: 54px 1fr; gap: 15px; padding: 18px 0; border-bottom: 1px solid var(--border); }
.benefit-item > span { width: 42px; height: 42px; display: grid; place-items: center; background: var(--primary); color: white; border-radius: 50%; font-size: 12px; font-weight: 800; }
.benefit-item h3 { font-size: 18px; margin-bottom: 3px; }
.benefit-item p { margin: 0; color: var(--muted); font-size: 14px; }

.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.product-card { border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 16px 20px; background: white; transition: .25s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.product-image { height: 180px; margin-bottom: 18px; border-radius: 9px; }
.product-label { color: var(--primary-light); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.product-card h3 { margin: 8px 0 7px; font-size: 20px; }
.product-card p { min-height: 48px; margin: 0 0 14px; color: var(--muted); font-size: 13px; }
.product-card a { color: var(--primary); font-weight: 800; font-size: 13px; }

.process-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; }
.process-grid::before { content: ""; position: absolute; top: 25px; left: 10%; right: 10%; height: 1px; background: rgba(255,255,255,.25); }
.process-step { position: relative; z-index: 1; padding-top: 4px; text-align: center; }
.process-step > span { width: 48px; height: 48px; margin: 0 auto 20px; display: grid; place-items: center; background: var(--accent); color: #17212b; border-radius: 50%; font-weight: 800; }
.process-step h3 { font-size: 18px; }
.process-step p { color: #c4d5e1; font-size: 13px; }

.quality-layout { grid-template-columns: .9fr 1.1fr; }
.check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; }
.check-grid span { padding: 14px 0; border-bottom: 1px solid var(--border); font-weight: 600; }
.quality-gallery { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 1fr 1fr; gap: 15px; }
.quality-gallery .scene-placeholder { min-height: 190px; }
.quality-gallery .tall { grid-row: 1 / 3; min-height: 400px; }

.brand-strip { padding: 82px 0; background: white; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.brand-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.brand-grid span { min-height: 72px; display: grid; place-items: center; border: 1px solid var(--border); color: #617484; font-family: Manrope, sans-serif; font-weight: 800; font-size: 14px; }
.brand-note { text-align: center; margin-top: 22px; color: var(--muted); font-size: 12px; }

.buyer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.buyer-grid article { min-height: 180px; padding: 28px; display: flex; flex-direction: column; justify-content: end; border-radius: var(--radius); color: white; background: linear-gradient(145deg, #0b2c4d, #174e75); position: relative; overflow: hidden; }
.buyer-grid article::after { content: ""; position: absolute; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; right: -75px; top: -85px; }
.buyer-grid span { color: var(--accent); font-weight: 800; font-size: 12px; letter-spacing: .1em; }
.buyer-grid h3 { margin: 12px 0 0; max-width: 240px; }

.about-layout { grid-template-columns: 1.05fr .95fr; }
.about-media { position: relative; }
.about-media .scene-placeholder { min-height: 520px; }
.about-badge { position: absolute; right: -26px; bottom: 34px; width: 210px; padding: 22px; border-radius: var(--radius); background: var(--accent); box-shadow: var(--shadow); }
.about-badge strong, .about-badge span { display: block; }
.about-badge strong { font-size: 24px; font-family: Manrope, sans-serif; }
.about-badge span { font-size: 12px; font-weight: 700; }
.capability-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 34px 0; }
.capability-row div { padding: 18px 14px; background: var(--bg-soft); border-radius: 9px; }
.capability-row strong, .capability-row span { display: block; }
.capability-row strong { color: var(--primary); font-family: Manrope, sans-serif; font-size: 21px; }
.capability-row span { color: var(--muted); font-size: 12px; }

.final-cta { padding: 100px 0; color: white; background: linear-gradient(135deg, #071f36, #0b2c4d 60%, #164d75); }
.cta-layout { align-items: start; }
.cta-copy h2 { font-size: clamp(40px, 5vw, 58px); }
.cta-copy p { max-width: 560px; color: #cad8e2; }
.cta-contact { display: flex; flex-direction: column; gap: 8px; margin-top: 28px; font-weight: 700; }
.quote-form { padding: 30px; background: white; color: var(--text); border-radius: 16px; box-shadow: 0 28px 70px rgba(0,0,0,.26); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-grid label { display: flex; flex-direction: column; gap: 7px; }
.form-grid label span { font-size: 12px; font-weight: 800; color: var(--primary); }
.form-grid input, .form-grid textarea { width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 12px 13px; outline: none; }
.form-grid input:focus, .form-grid textarea:focus { border-color: var(--primary-light); box-shadow: 0 0 0 3px rgba(23,78,117,.10); }
.form-grid .full { grid-column: 1 / -1; }
.form-submit { width: 100%; margin-top: 18px; }
.form-note { margin: 12px 0 0; color: var(--muted); font-size: 11px; }

.site-footer { background: #071f36; color: #d2dde5; padding: 72px 0 26px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 46px; }
.brand-footer .brand-mark { background: white; color: var(--primary); }
.brand-footer .brand-copy strong { color: white; }
.brand-footer .brand-copy small { color: #9db4c4; }
.footer-grid p { max-width: 320px; color: #9db4c4; }
.footer-grid h3 { font-size: 15px; color: white; margin-bottom: 18px; }
.footer-grid > div { display: flex; flex-direction: column; gap: 9px; }
.footer-grid a, .footer-grid span { font-size: 13px; color: #a9bdca; }
.footer-bottom { margin-top: 50px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; gap: 20px; color: #8299a8; font-size: 11px; }
.mobile-sticky-cta { display: none; }

@media (max-width: 1100px) {
  .desktop-nav { gap: 18px; }
  .desktop-nav a { font-size: 13px; }
  .hero-layout { grid-template-columns: 1fr 1fr; gap: 34px; }
  .tile-main { width: 260px; }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .brand-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 900px) {
  .desktop-nav, .header-actions .btn-small { display: none; }
  .menu-button { display: block; }
  .mobile-drawer { display: block; max-height: 0; overflow: hidden; transition: max-height .3s ease; background: white; border-top: 1px solid var(--border); }
  .mobile-drawer.open { max-height: 520px; }
  .mobile-nav-list { display: flex; flex-direction: column; gap: 4px; padding-top: 16px; padding-bottom: 24px; }
  .mobile-nav-list > a:not(.btn) { padding: 12px 0; border-bottom: 1px solid var(--border); font-weight: 700; }
  .hero-layout { grid-template-columns: 1fr; min-height: unset; }
  .hero-content { padding: 82px 0 30px; }
  .hero-visual { min-height: 460px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .split-layout, .quality-layout, .about-layout, .cta-layout { grid-template-columns: 1fr; }
  .split-layout { gap: 46px; }
  .scene-placeholder.dark-placeholder { min-height: 430px; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: 1fr; gap: 12px; }
  .process-grid::before { left: 24px; top: 24px; bottom: 24px; width: 1px; height: auto; right: auto; }
  .process-step { display: grid; grid-template-columns: 48px 1fr; gap: 18px; text-align: left; align-items: start; }
  .process-step > span { margin: 0; }
  .process-step h3, .process-step p { grid-column: 2; }
  .process-step h3 { margin: -48px 0 2px; }
  .quality-layout { gap: 46px; }
  .buyer-grid { grid-template-columns: repeat(2, 1fr); }
  .about-media { max-width: 620px; }
  .about-badge { right: 18px; }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  body { padding-bottom: 62px; }
  .container { width: min(100% - 36px, var(--container)); }
  .header-inner { min-height: 68px; }
  .brand-mark { width: 38px; height: 38px; }
  .brand-copy strong { font-size: 16px; }
  .hero-layout { gap: 0; }
  .hero-content { padding-top: 68px; }
  h1 { font-size: 42px; }
  .hero-description { font-size: 16px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .trust-row { flex-direction: column; gap: 8px; }
  .hero-visual { min-height: 430px; margin-top: 10px; }
  .machine-outline { top: 100px; }
  .tile-main { width: 235px; height: 220px; right: 0; top: 32px; }
  .tile-two { width: 190px; height: 150px; left: 0; bottom: 34px; }
  .tile-three { width: 170px; height: 132px; right: 0; bottom: 4px; }
  .section, .final-cta { padding: 68px 0; }
  .section-heading { margin-bottom: 30px; }
  .section-heading.with-action { display: block; }
  .text-link { display: inline-block; margin-top: 8px; }
  .category-grid { grid-template-columns: 1fr; }
  .image-placeholder { height: 170px; }
  .product-grid { gap: 14px; }
  .product-card { padding: 12px 12px 16px; }
  .product-image { height: 130px; }
  .product-card h3 { font-size: 17px; }
  .product-card p { font-size: 12px; min-height: 56px; }
  .check-grid { grid-template-columns: 1fr; }
  .quality-gallery { grid-template-columns: 1fr; grid-template-rows: auto; }
  .quality-gallery .tall { grid-row: auto; min-height: 280px; }
  .quality-gallery .scene-placeholder { min-height: 190px; }
  .brand-grid { grid-template-columns: repeat(2, 1fr); }
  .buyer-grid { grid-template-columns: 1fr; }
  .buyer-grid article { min-height: 150px; }
  .capability-row { grid-template-columns: 1fr; }
  .about-media .scene-placeholder { min-height: 360px; }
  .about-badge { position: static; width: 100%; margin-top: 14px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .quote-form { padding: 22px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .mobile-sticky-cta { position: fixed; z-index: 80; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; box-shadow: 0 -8px 24px rgba(7,31,54,.16); }
  .mobile-sticky-cta a { min-height: 62px; display: grid; place-items: center; font-weight: 800; }
  .mobile-sticky-cta a:first-child { background: #25d366; color: white; }
  .mobile-sticky-cta a:last-child { background: var(--accent); color: #17212b; }
}


/* V2 targeted visual upgrades: layout and section order remain unchanged */
.brand-logo { width: 154px; height: 58px; object-fit: contain; object-position: left center; }
.footer-logo { padding: 6px 10px; background: white; border-radius: 8px; }
.hero-visual { min-height: 560px; border-radius: 24px; overflow: hidden; box-shadow: 0 34px 70px rgba(0,0,0,.34); background: #0a2541; isolation: isolate; }
.hero-excavator { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: 65% center; z-index:0; }
.hero-visual-shade { position:absolute; inset:0; z-index:1; background: linear-gradient(90deg, rgba(7,31,54,.72), rgba(7,31,54,.12) 45%, rgba(7,31,54,.05)), linear-gradient(0deg, rgba(7,31,54,.48), transparent 42%); }
.hero-part { position:absolute; z-index:3; object-fit:contain; filter: drop-shadow(0 18px 20px rgba(0,0,0,.48)); }
.hero-part-pump { width:38%; left:4%; bottom:2%; }
.hero-part-travel { width:31%; right:13%; bottom:1%; }
.hero-part-sprocket { width:21%; left:39%; bottom:0; }
.hero-part-injector { width:11%; right:1%; bottom:7%; }
.hero-visual-label { position:absolute; z-index:4; left:22px; top:22px; padding:14px 16px; border:1px solid rgba(255,255,255,.22); border-radius:10px; background:rgba(7,31,54,.58); backdrop-filter:blur(8px); }
.hero-visual-label strong,.hero-visual-label span{display:block}.hero-visual-label strong{color:var(--accent);font-size:13px}.hero-visual-label span{font-size:11px;color:#d7e4ed;margin-top:2px}
.category-image { height: 210px; margin-bottom:24px; border-radius:10px; overflow:hidden; background:white; border:1px solid #e5eaee; }
.category-image img { width:100%; height:100%; object-fit:cover; }
.real-scene { position:relative; min-height:620px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:white; }
.real-scene img { width:100%; height:100%; min-height:620px; object-fit:cover; display:block; }
.real-scene span { position:absolute; left:22px; bottom:22px; padding:10px 13px; border-radius:8px; background:rgba(7,31,54,.82); color:white; font-size:12px; font-weight:700; }
.product-image { border:0; background:white; overflow:hidden; }
.product-image img { width:100%; height:100%; object-fit:contain; padding:8px; }
.quality-photo { position:relative; min-height:190px; margin:0; overflow:hidden; border-radius:var(--radius); background:#eef3f6; }
.quality-photo img { width:100%; height:100%; object-fit:cover; }
.quality-photo figcaption { position:absolute; left:12px; right:12px; bottom:12px; padding:8px 10px; border-radius:7px; background:rgba(7,31,54,.82); color:white; font-size:11px; font-weight:700; }
.quality-gallery .quality-photo.tall { grid-row:1 / 3; min-height:400px; }
.buyer-grid article { background-image: linear-gradient(180deg,rgba(7,31,54,.08),rgba(7,31,54,.92)), var(--buyer-image); background-size:cover; background-position:center; }
.buyer-grid article::after { display:none; }
.about-photo { min-height:520px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:#eef3f6; }
.about-photo img { width:100%; height:520px; object-fit:cover; object-position:left center; }
@media (max-width:900px){.real-scene,.real-scene img{min-height:430px}.hero-visual{min-height:500px}.category-image{height:220px}}
@media (max-width:640px){.brand-logo{width:128px;height:46px}.hero-visual{min-height:420px}.hero-part-pump{width:42%;left:2%}.hero-part-travel{width:34%;right:9%}.hero-part-sprocket{width:22%;left:42%}.hero-part-injector{width:11%;right:0}.hero-visual-label{left:14px;top:14px}.category-image{height:190px}.quality-gallery .quality-photo.tall{grid-row:auto;min-height:280px}.about-photo,.about-photo img{min-height:360px;height:360px}}



/* V2.1 — ONLY HEADER LOGO + FIRST HERO MODULE UPDATED */
.site-header .container.header-inner {
  width: min(1440px, calc(100% - 44px));
  min-height: 96px;
  gap: 24px;
}
.site-header .brand {
  flex: 0 0 auto;
  min-width: 0;
}
.site-header .brand-logo {
  width: 338px;
  height: 78px;
  object-fit: contain;
  object-position: left center;
}
.site-header .desktop-nav {
  gap: 23px;
}
.site-header .desktop-nav a {
  padding-top: 36px;
  padding-bottom: 36px;
}
.site-header .desktop-nav a::after {
  bottom: 25px;
}

.hero.hero-fullbleed {
  position: relative;
  min-height: clamp(680px, 78vh, 860px);
  width: 100%;
  overflow: hidden;
  color: #fff;
  background: #071f36;
}
.hero-full-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.002);
}
.hero-full-mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(5, 25, 44, .94) 0%, rgba(7, 31, 54, .85) 24%, rgba(7, 31, 54, .56) 48%, rgba(7, 31, 54, .12) 72%, rgba(7, 31, 54, .06) 100%),
    linear-gradient(0deg, rgba(5, 25, 44, .62) 0%, rgba(5, 25, 44, .05) 48%, rgba(5, 25, 44, .12) 100%);
}
.hero-full-layout {
  position: relative;
  z-index: 2;
  min-height: clamp(680px, 78vh, 860px);
  display: flex;
  align-items: center;
}
.hero-overlay-content {
  width: min(660px, 52vw);
  padding: 82px 0 94px;
  text-align: left;
}
.hero-overlay-content h1 {
  max-width: 650px;
  margin-bottom: 24px;
  font-size: clamp(54px, 5.35vw, 78px);
  line-height: 1.04;
  letter-spacing: -.052em;
  text-shadow: 0 4px 26px rgba(0, 0, 0, .28);
}
.hero-title-accent {
  color: #f4b400;
  white-space: nowrap;
}
.hero-overlay-content .hero-description {
  max-width: 610px;
  color: #e1ebf2;
  font-size: 18px;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .32);
}
.hero-overlay-content .hero-support {
  color: #fff;
}
.hero-overlay-content .trust-row {
  color: #e5edf3;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

@media (max-width: 1240px) {
  .site-header .brand-logo { width: 282px; height: 70px; }
  .site-header .desktop-nav { gap: 16px; }
  .site-header .desktop-nav a { font-size: 12px; }
  .hero-overlay-content { width: min(620px, 58vw); }
}
@media (max-width: 900px) {
  .site-header .container.header-inner { min-height: 82px; }
  .site-header .brand-logo { width: 245px; height: 62px; }
  .hero.hero-fullbleed,
  .hero-full-layout { min-height: 720px; }
  .hero-full-image { object-position: 61% center; }
  .hero-full-mask {
    background:
      linear-gradient(90deg, rgba(5,25,44,.90) 0%, rgba(7,31,54,.72) 55%, rgba(7,31,54,.30) 100%),
      linear-gradient(0deg, rgba(5,25,44,.76), rgba(5,25,44,.08) 62%);
  }
  .hero-overlay-content { width: min(610px, 74vw); padding: 78px 0 110px; }
  .hero-overlay-content h1 { font-size: clamp(49px, 8vw, 66px); }
}
@media (max-width: 640px) {
  .site-header .container.header-inner { width: calc(100% - 28px); min-height: 72px; }
  .site-header .brand-logo { width: 205px; height: 50px; }
  .hero.hero-fullbleed,
  .hero-full-layout { min-height: 760px; }
  .hero-full-image { object-position: 62% center; }
  .hero-full-mask {
    background:
      linear-gradient(180deg, rgba(5,25,44,.88) 0%, rgba(5,25,44,.64) 48%, rgba(5,25,44,.48) 100%),
      linear-gradient(90deg, rgba(5,25,44,.68), rgba(5,25,44,.20));
  }
  .hero-overlay-content { width: 100%; padding: 66px 0 110px; }
  .hero-overlay-content h1 { font-size: 43px; line-height: 1.06; }
  .hero-title-accent { white-space: normal; }
  .hero-overlay-content .hero-description { font-size: 16px; max-width: 94%; }
  .hero-overlay-content .hero-actions { max-width: 360px; }
}

/* V2.2: multi-brand second section only */
.brand-support-section {
  background:
    radial-gradient(circle at 10% 0%, rgba(23,78,117,.055), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
}
.brand-support-inner { max-width: 1180px; }
.brand-heading { margin-bottom: 38px; }
.brand-heading h2 { margin-bottom: 16px; }
.brand-heading > p:not(.eyebrow) { max-width: 790px; }
.brand-support-note {
  margin-top: 13px !important;
  color: var(--primary) !important;
  font-weight: 700;
  font-size: 15px;
}
.brand-logo-grid {
  display: grid;
  gap: 16px;
}
.excavator-brand-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.brand-logo-card {
  min-height: 124px;
  padding: 18px 16px 13px;
  border: 1px solid #dce4ea;
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-shadow: 0 7px 20px rgba(11,44,77,.045);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.brand-logo-card:hover {
  transform: translateY(-4px);
  border-color: rgba(23,78,117,.5);
  box-shadow: 0 14px 30px rgba(11,44,77,.09);
}
.brand-logo-frame {
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-logo-frame img {
  display: block;
  max-width: 86%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.brand-logo-card > span {
  color: #71808c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.excavator-brand-grid .brand-logo-card:nth-child(n+7) {
  transform: translateX(50%);
}
.excavator-brand-grid .brand-logo-card:nth-child(n+7):hover {
  transform: translate(50%, -4px);
}
.brand-actions {
  margin-top: 34px;
  display: flex;
  justify-content: center;
  gap: 13px;
}
.component-brand-block {
  margin-top: 48px;
  padding: 30px;
  border: 1px solid #dce4ea;
  border-radius: 16px;
  background: rgba(255,255,255,.82);
}
.component-brand-heading {
  margin-bottom: 25px;
  display: grid;
  grid-template-columns: minmax(260px,.8fr) minmax(320px,1.2fr);
  align-items: end;
  gap: 40px;
}
.component-brand-heading .eyebrow { margin-bottom: 8px; }
.component-brand-heading h3 {
  margin: 0;
  font-size: 27px;
  color: var(--primary);
}
.component-brand-heading > p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.component-brand-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.component-card {
  min-height: 110px;
  box-shadow: none;
}
.component-card .brand-logo-frame { height: 52px; }
.component-card .brand-logo-frame img { max-height: 48px; }
.brand-disclaimer {
  max-width: 940px;
  margin: 28px auto 0;
  color: #7b8791;
  text-align: center;
  font-size: 11px;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  .excavator-brand-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .excavator-brand-grid .brand-logo-card:nth-child(n+7) { transform: none; }
  .excavator-brand-grid .brand-logo-card:nth-child(n+7):hover { transform: translateY(-4px); }
  .component-brand-heading { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 720px) {
  .brand-heading { margin-bottom: 28px; }
  .excavator-brand-grid,
  .component-brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .brand-logo-card { min-height: 96px; padding: 13px 10px 10px; }
  .brand-logo-frame { height: 46px; }
  .brand-logo-frame img { max-height: 39px; max-width: 90%; }
  .brand-logo-card > span { font-size: 9px; }
  .brand-actions { flex-direction: column; }
  .brand-actions .btn { width: 100%; }
  .component-brand-block { margin-top: 36px; padding: 22px 16px; }
  .component-brand-heading h3 { font-size: 23px; }
}



/* V2.4 product architecture: four large homepage entries + routed catalogue/detail views */
.product-entry-section { padding-top: 88px; padding-bottom: 96px; }
.product-entry-heading { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.product-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.product-entry-card { position: relative; min-height: 390px; overflow: hidden; border-radius: 18px; background: #0b2c4d; box-shadow: 0 18px 48px rgba(11,44,77,.14); isolation: isolate; }
.product-entry-card img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .45s ease; }
.product-entry-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,22,38,.05) 12%, rgba(5,22,38,.35) 52%, rgba(5,22,38,.94) 100%); z-index: 1; }
.product-entry-content { position: absolute; inset: auto 30px 28px; z-index: 2; color: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.product-entry-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: #f4b400; margin-bottom: 8px; }
.product-entry-content strong { font-family: Manrope, Inter, sans-serif; font-size: clamp(28px, 3vw, 40px); line-height: 1.06; }
.product-entry-summary { margin-top: 11px; max-width: 560px; color: rgba(255,255,255,.78); font-size: 14px; }
.product-entry-link { margin-top: 20px; display: inline-flex; gap: 9px; align-items: center; font-weight: 800; color: #fff; }
.product-entry-link b { color: #f4b400; font-size: 20px; transition: transform .25s ease; }
.product-entry-card:hover img { transform: scale(1.035); }
.product-entry-card:hover .product-entry-link b { transform: translateX(5px); }

.internal-page { background: #fff; }
.catalog-hero-mini { padding: 68px 0 62px; color: #fff; background: linear-gradient(125deg, #071f36 0%, #0b2c4d 65%, #174e75 100%); }
.catalog-hero-mini h1, .product-detail-copy h1 { margin: 8px 0 16px; font-size: clamp(42px, 5vw, 62px); }
.catalog-hero-mini p:not(.eyebrow) { max-width: 800px; color: #d8e4ec; font-size: 18px; }
.back-home-link { display: inline-flex; margin-bottom: 28px; color: inherit; font-weight: 700; opacity: .82; }
.catalog-layout-section, .detail-layout-section { padding: 64px 0 96px; }
.catalog-layout, .detail-page-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 42px; align-items: start; }
.catalog-sidebar { position: sticky; top: 108px; border: 1px solid var(--border); border-radius: 15px; background: #fff; box-shadow: 0 14px 34px rgba(11,44,77,.07); overflow: hidden; }
.catalog-sidebar-title { padding: 20px 22px; color: #fff; background: var(--primary); font-family: Manrope, sans-serif; font-weight: 800; }
.catalog-sidebar nav { padding: 10px; }
.catalog-nav-group { border-bottom: 1px solid #edf0f3; padding: 5px 0 10px; }
.catalog-nav-group:last-child { border-bottom: 0; }
.catalog-nav-system { display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 11px 12px; border: 0; border-radius: 8px; background: transparent; text-align: left; color: var(--text); font-weight: 800; cursor: pointer; }
.catalog-nav-system:hover, .catalog-nav-system.active { background: #edf3f7; color: var(--primary-light); }
.catalog-subnav { display: grid; gap: 2px; padding: 0 8px 3px 20px; }
.catalog-subnav a { padding: 7px 8px; border-radius: 6px; color: var(--muted); font-size: 13px; }
.catalog-subnav a:hover, .catalog-subnav a.active { color: var(--primary); background: #f5f7f9; }
.catalog-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.catalog-toolbar h2 { margin: 2px 0 0; font-size: clamp(30px, 3vw, 42px); }
.catalog-path, .detail-breadcrumb { color: var(--muted); font-size: 14px; }
.catalog-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.catalog-product-card { display: flex; flex-direction: column; overflow: hidden; min-height: 100%; border: 1px solid var(--border); border-radius: 14px; background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.catalog-product-card:hover { transform: translateY(-5px); border-color: #b8cad8; box-shadow: 0 17px 38px rgba(11,44,77,.11); }
.catalog-product-image { height: 230px; padding: 18px; background: #f7f9fa; display: grid; place-items: center; }
.catalog-product-image img { width: 100%; height: 100%; object-fit: contain; }
.catalog-product-copy { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.catalog-product-copy h3 { font-size: 20px; color: var(--primary); }
.catalog-product-copy p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
.catalog-product-copy .view-product-link { margin-top: auto; font-weight: 800; color: var(--primary-light); }

.detail-breadcrumb-section { padding: 36px 0 24px; background: #f5f7f9; }
.detail-breadcrumb-section .back-home-link { margin-bottom: 12px; color: var(--primary); }
.product-detail-card { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(420px, 1.1fr); gap: 46px; }
.product-detail-media { min-height: 520px; padding: 32px; border-radius: 16px; background: #f5f7f9; display: grid; place-items: center; }
.product-detail-media img { width: 100%; height: 100%; max-height: 480px; object-fit: contain; }
.product-detail-lead { color: var(--muted); font-size: 18px; }
.product-info-list { margin: 28px 0; display: grid; gap: 12px; }
.product-info-row { padding: 15px 0; border-bottom: 1px solid var(--border); }
.product-info-row strong { display: block; margin-bottom: 5px; color: var(--primary); }
.product-info-row span { color: var(--muted); }
.detail-inquiry-box { margin-top: 30px; padding: 24px; border-radius: 14px; background: #edf3f7; }
.detail-inquiry-box h3 { color: var(--primary); }
.detail-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }

@media (max-width: 1050px) {
  .catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-detail-card { grid-template-columns: 1fr; }
  .product-detail-media { min-height: 420px; }
}
@media (max-width: 820px) {
  .product-entry-grid { grid-template-columns: 1fr; }
  .product-entry-card { min-height: 350px; }
  .catalog-layout, .detail-page-layout { grid-template-columns: 1fr; }
  .catalog-sidebar { position: static; }
  .catalog-toolbar { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
  .product-entry-section { padding-top: 62px; padding-bottom: 68px; }
  .product-entry-card { min-height: 320px; border-radius: 14px; }
  .product-entry-content { inset: auto 20px 21px; }
  .product-entry-content strong { font-size: 30px; }
  .catalog-product-grid { grid-template-columns: 1fr; }
  .catalog-product-image { height: 250px; }
  .catalog-hero-mini { padding: 46px 0 42px; }
  .catalog-hero-mini h1, .product-detail-copy h1 { font-size: 38px; }
  .product-detail-media { min-height: 330px; }
  .detail-actions { flex-direction: column; }
}

/* V10 final compact/nav/footer refinements */
.site-header .container.header-inner{justify-content:flex-start !important;gap:22px !important;}
.site-header .brand{flex:0 0 auto;}
.site-header .brand-logo{width:250px !important;height:auto !important;}
.site-header .desktop-nav{flex:1 1 auto;justify-content:flex-start !important;gap:14px !important;margin-left:2px !important;flex-wrap:nowrap !important;min-width:0;}
.site-header .desktop-nav a{white-space:nowrap;font-size:13px !important;letter-spacing:.01em;padding:30px 0 !important;}
.site-header .header-actions{margin-left:auto;flex:0 0 auto;}
.footer-brand-icon-white{width:72px !important;height:72px !important;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.14));}
@media (min-width:1200px){
  .site-header .container.header-inner{width:min(100%,1320px) !important;}
  .site-header .desktop-nav{gap:12px !important;}
}
@media (max-width:1199px){
  .site-header .brand-logo{width:230px !important;}
  .site-header .desktop-nav{gap:12px !important;}
}
@media (max-width:991px){
  .site-header .brand-logo{width:205px !important;}
}

/* V16: shorter product-detail media layout only */
.product-detail-card{
  grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);
  gap:36px;
  align-items:start;
}
.product-detail-media{
  min-height:0 !important;
  height:clamp(300px,31vw,390px);
  padding:20px;
  overflow:hidden;
}
.product-detail-media img{
  width:100%;
  height:100% !important;
  max-height:none !important;
  object-fit:contain;
  object-position:center;
}
.detail-layout-section{padding-top:44px;padding-bottom:72px;}
.product-info-list{margin:20px 0;gap:8px;}
.product-info-row{padding:11px 0;}
.detail-inquiry-box{margin-top:22px;padding:20px;}
@media (max-width:1050px){
  .product-detail-card{grid-template-columns:1fr;gap:26px;}
  .product-detail-media{
    height:300px;
    min-height:0 !important;
    padding:18px;
  }
}
@media (max-width:600px){
  .detail-breadcrumb-section{padding:22px 0 16px;}
  .detail-layout-section{padding:28px 0 58px;}
  .product-detail-card{gap:20px;}
  .product-detail-media{
    height:230px;
    min-height:0 !important;
    padding:14px;
    border-radius:12px;
  }
  .product-detail-copy h1{margin-bottom:10px;font-size:34px;}
  .product-detail-lead{font-size:16px;}
  .product-info-list{margin:16px 0;}
  .detail-inquiry-box{margin-top:18px;padding:18px;}
}


/* V17: shorter, cleaner product-detail layout */
#product-detail-view .detail-breadcrumb-section{
  padding:18px 0 14px;
}
#product-detail-view .detail-breadcrumb-section .back-home-link{
  margin-bottom:8px;
}
#product-detail-view .detail-layout-section{
  padding:30px 0 54px;
}
#product-detail-view .detail-page-layout{
  grid-template-columns:1fr !important;
  gap:0 !important;
}
#product-detail-view .detail-sidebar{
  display:none !important;
}
#product-detail-view .product-detail-card{
  width:100%;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr) !important;
  gap:32px !important;
  align-items:start;
}
#product-detail-view .product-detail-media{
  height:330px !important;
  min-height:0 !important;
  padding:18px !important;
  border:1px solid var(--border);
  border-radius:14px;
  background:linear-gradient(145deg,#fafbfc,#f0f4f7);
}
#product-detail-view .product-detail-media img{
  width:100%;
  height:100% !important;
  max-height:none !important;
  object-fit:contain;
}
#product-detail-view .product-detail-copy h1{
  margin:6px 0 10px;
  font-size:clamp(34px,3.8vw,48px);
  line-height:1.05;
}
#product-detail-view .product-detail-lead{
  margin:0 0 14px;
  font-size:16px;
  line-height:1.65;
  color:var(--muted);
}
#product-detail-view .product-info-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
  margin:14px 0 0 !important;
}
#product-detail-view .product-info-row{
  min-height:78px;
  padding:12px 14px !important;
  border:1px solid var(--border) !important;
  border-radius:10px;
  background:#f8fafb;
}
#product-detail-view .product-info-row strong{
  margin-bottom:4px;
  font-size:12px;
  line-height:1.25;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#product-detail-view .product-info-row span{
  display:block;
  font-size:14px;
  line-height:1.45;
}
#product-detail-view .detail-inquiry-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-top:14px !important;
  padding:16px 18px !important;
  border:1px solid #d7e2ea;
  border-radius:12px;
}
#product-detail-view .detail-inquiry-box h3{
  margin:0 0 4px;
  font-size:18px;
}
#product-detail-view .detail-inquiry-box p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}
#product-detail-view .detail-actions{
  flex-wrap:nowrap;
  margin-top:0 !important;
}
#product-detail-view .detail-actions .btn{
  white-space:nowrap;
}
@media (max-width:900px){
  #product-detail-view .product-detail-card{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  #product-detail-view .product-detail-media{
    height:270px !important;
  }
  #product-detail-view .detail-inquiry-box{
    grid-template-columns:1fr;
  }
  #product-detail-view .detail-actions{
    margin-top:2px !important;
  }
}
@media (max-width:600px){
  #product-detail-view .detail-layout-section{
    padding:22px 0 42px;
  }
  #product-detail-view .product-detail-media{
    height:210px !important;
    padding:12px !important;
  }
  #product-detail-view .product-detail-copy h1{
    font-size:30px;
  }
  #product-detail-view .product-info-list{
    grid-template-columns:1fr;
    gap:8px !important;
  }
  #product-detail-view .product-info-row{
    min-height:0;
    padding:11px 12px !important;
  }
  #product-detail-view .detail-actions{
    flex-direction:column;
  }
  #product-detail-view .detail-actions .btn{
    width:100%;
  }
}

/* ---- original V39 style block boundary ---- */

/* V2.3 — only the second and third homepage modules are changed. */
.all-brand-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 1140px;
  margin: 0 auto;
}
.all-brand-grid .brand-logo-card {
  min-height: 116px;
}
.all-brand-grid .brand-logo-card:nth-child(n) {
  transform: none;
}
.all-brand-grid .brand-logo-card:nth-child(n):hover {
  transform: translateY(-4px);
}

.four-systems-section {
  background:
    radial-gradient(circle at 92% 4%, rgba(23,78,117,.07), transparent 26%),
    linear-gradient(180deg, #f5f7f9 0%, #ffffff 100%);
}
.four-systems-heading {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.system-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin-bottom: 30px;
}
.system-tab {
  appearance: none;
  border: 1px solid #d9e2e8;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  padding: 0;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(11,44,77,.055);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.system-tab:hover {
  transform: translateY(-4px);
  border-color: rgba(23,78,117,.48);
  box-shadow: 0 16px 34px rgba(11,44,77,.10);
}
.system-tab.is-active {
  border-color: var(--primary-light);
  box-shadow: 0 0 0 2px rgba(23,78,117,.12), 0 16px 34px rgba(11,44,77,.10);
}
.system-tab-image {
  display: block;
  height: 178px;
  overflow: hidden;
  background: #eef2f5;
}
.system-tab-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.system-tab-copy {
  display: block;
  padding: 18px 18px 19px;
}
.system-tab-copy strong {
  display: block;
  margin-bottom: 7px;
  color: var(--primary);
  font-family: Manrope, Inter, sans-serif;
  font-size: 19px;
  line-height: 1.22;
}
.system-tab-copy small {
  display: block;
  min-height: 48px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.system-tab-copy em {
  display: block;
  margin-top: 13px;
  color: var(--primary-light);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .02em;
}
.system-panels {
  border: 1px solid #dce4ea;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(11,44,77,.08);
  overflow: hidden;
}
.system-panel {
  padding: 34px;
}
.system-panel[hidden] {
  display: none !important;
}
.system-panel-heading {
  display: grid;
  grid-template-columns: minmax(300px,.85fr) minmax(340px,1.15fr);
  align-items: end;
  gap: 44px;
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid #e3e9ed;
}
.system-panel-heading .eyebrow {
  margin-bottom: 8px;
}
.system-panel-heading h3 {
  margin: 0;
  color: var(--primary);
  font-size: 30px;
}
.system-panel-heading > p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}
.system-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}
.system-product-card {
  overflow: hidden;
  border: 1px solid #e0e6ea;
  border-radius: 13px;
  background: #fff;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.system-product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(23,78,117,.36);
  box-shadow: 0 13px 28px rgba(11,44,77,.09);
}
.system-product-image {
  height: 190px;
  background: #f5f7f9;
  overflow: hidden;
}
.system-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.system-product-copy {
  padding: 17px 17px 18px;
}
.system-product-copy h3 {
  margin: 0 0 8px;
  color: var(--primary);
  font-size: 18px;
}
.system-product-copy p {
  min-height: 65px;
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.system-product-copy a {
  color: var(--primary-light);
  font-size: 12px;
  font-weight: 800;
}
@media (max-width: 1100px) {
  .all-brand-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .system-tabs { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .system-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .all-brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .system-tabs { grid-template-columns: 1fr; gap: 13px; }
  .system-tab {
    display: grid;
    grid-template-columns: 128px 1fr;
  }
  .system-tab-image { height: 100%; min-height: 142px; }
  .system-tab-copy { padding: 16px; }
  .system-tab-copy small { min-height: auto; }
  .system-panel { padding: 22px 16px; }
  .system-panel-heading { grid-template-columns: 1fr; gap: 10px; }
  .system-panel-heading h3 { font-size: 25px; }
  .system-product-grid { grid-template-columns: 1fr; gap: 14px; }
  .system-product-card {
    display: grid;
    grid-template-columns: 128px 1fr;
  }
  .system-product-image { height: 100%; min-height: 150px; }
  .system-product-copy p { min-height: auto; }
}

/* ---- original V39 style block boundary ---- */

/* V2.5: dense catalogue page with 10–20 model cards and category filtering */
.catalog-layout { grid-template-columns: 260px minmax(0, 1fr); gap: 34px; }
.catalog-toolbar { align-items: center; margin-bottom: 18px; }
.catalog-toolbar-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
.catalog-product-count { display: inline-flex; align-items: center; min-height: 30px; padding: 0 11px; border-radius: 999px; background: #edf3f7; color: var(--primary); font-size: 12px; font-weight: 800; }
.catalog-preview-note { margin: 0 0 24px; padding: 14px 16px; border: 1px dashed #b9cbd7; border-radius: 10px; background: #f8fafb; color: var(--muted); font-size: 13px; }
.catalog-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.catalog-product-card { border-radius: 12px; }
.catalog-product-image { height: 178px; padding: 14px; }
.catalog-empty-image { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(145deg,#f7f9fa,#edf3f7); color: #8193a0; text-align: center; }
.catalog-empty-image::before { content: ""; position: absolute; inset: 10px; border: 1px dashed #c8d4dd; border-radius: 8px; }
.catalog-empty-image svg { position: relative; width: 42px; height: 42px; color: #9badb9; }
.catalog-empty-image small { position: relative; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.catalog-product-copy { padding: 16px; }
.catalog-product-category { display: block; margin-bottom: 7px; color: var(--primary-light); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.catalog-product-copy h3 { margin-bottom: 6px; font-size: 17px; }
.catalog-product-model { display: block; margin-bottom: 12px; color: var(--muted); font-size: 12px; }
.catalog-product-copy p { min-height: 42px; margin-bottom: 14px; font-size: 12px; line-height: 1.55; }
.catalog-product-copy .view-product-link { font-size: 12px; }
.catalog-subnav a { display: flex; justify-content: space-between; gap: 8px; }
.catalog-subnav a::after { content: "›"; opacity: .5; }
.catalog-nav-all { font-weight: 700; }
.detail-placeholder-media { min-height: 520px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; border: 1px dashed #c5d2dc; border-radius: 12px; color: #8395a2; background: linear-gradient(145deg,#f8fafb,#edf3f7); }
.detail-placeholder-media svg { width: 78px; height: 78px; color: #a4b4bf; }
.detail-placeholder-media strong { color: var(--primary); font-size: 16px; }
.detail-placeholder-media span { max-width: 290px; text-align: center; font-size: 13px; }
.product-info-row span em { font-style: normal; color: #9a7420; }
@media (max-width: 1180px) {
  .catalog-product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .catalog-layout { grid-template-columns: 1fr; }
  .catalog-sidebar { position: static; }
  .catalog-product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .catalog-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .catalog-product-image { height: 145px; }
  .catalog-product-copy { padding: 13px; }
  .catalog-product-copy h3 { font-size: 15px; }
  .catalog-toolbar { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) {
  .catalog-product-grid { grid-template-columns: 1fr; }
  .catalog-product-image { height: 200px; }
}

/* ---- original V39 style block boundary ---- */

/* V2 service solution update */
.service-solution-section {
  background:
    radial-gradient(circle at 90% 12%, rgba(244,180,0,.10), transparent 26%),
    linear-gradient(180deg, #f7f9fb 0%, #eef3f7 100%);
  overflow: hidden;
}
.service-solution-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: 64px;
  align-items: end;
  margin-bottom: 46px;
}
.service-solution-heading h2 { margin-bottom: 0; max-width: 700px; }
.service-solution-intro {
  margin: 0;
  padding-left: 24px;
  border-left: 3px solid var(--accent);
  color: var(--muted);
  font-size: 16px;
}
.service-solution-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  gap: 32px;
  align-items: stretch;
}
.service-photo-mosaic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1.15fr .85fr;
  gap: 14px;
  min-height: 610px;
}
.service-photo {
  position: relative;
  min-height: 235px;
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
  background: #dfe6eb;
  box-shadow: 0 18px 42px rgba(11,44,77,.12);
}
.service-photo-main { grid-column: 1 / -1; min-height: 330px; }
.service-photo img { width: 100%; height: 100%; object-fit: cover; }
.service-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(4,22,38,.86), rgba(4,22,38,0) 62%);
}
.service-photo figcaption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
}
.service-photo figcaption span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--accent);
  color: #17212b;
  font-size: 12px;
  font-weight: 900;
}
.service-photo figcaption strong { font-size: 16px; line-height: 1.25; }
.service-steps-panel {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.service-step-card {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  padding: 22px 18px;
  border: 1px solid rgba(11,44,77,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 28px rgba(11,44,77,.07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.service-step-card:hover {
  transform: translateY(-3px);
  border-color: rgba(23,78,117,.32);
  box-shadow: 0 16px 34px rgba(11,44,77,.11);
}
.service-step-number {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .05em;
}
.service-step-card h3 { margin: 1px 0 7px; font-size: 17px; color: var(--primary); }
.service-step-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.service-solution-footer {
  margin-top: 30px;
  padding: 22px 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-radius: 14px;
  background: var(--primary);
  color: #fff;
}
.service-solution-footer > div:first-child { display: flex; flex-direction: column; gap: 5px; }
.service-solution-footer strong { font-size: 20px; }
.service-solution-label { color: #aac8dc; font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.service-solution-actions { display: flex; gap: 12px; flex-shrink: 0; }
.service-solution-footer .btn-outline { color: #fff; border-color: rgba(255,255,255,.52); background: transparent; }
@media (max-width: 1023px) {
  .service-solution-heading { grid-template-columns: 1fr; gap: 22px; }
  .service-solution-intro { max-width: 760px; }
  .service-solution-layout { grid-template-columns: 1fr; }
  .service-photo-mosaic { min-height: 540px; }
}
@media (max-width: 767px) {
  .service-solution-heading { margin-bottom: 30px; }
  .service-solution-intro { padding-left: 16px; }
  .service-photo-mosaic { grid-template-columns: 1fr; grid-template-rows: auto; min-height: 0; }
  .service-photo-main { grid-column: auto; }
  .service-photo, .service-photo-main { min-height: 245px; }
  .service-steps-panel { grid-template-columns: 1fr; }
  .service-solution-footer { align-items: stretch; flex-direction: column; }
  .service-solution-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
}

/* ---- original V39 style block boundary ---- */

/* Six-step service solution section */
.solution-section-heading{max-width:820px;margin:0 auto 42px;text-align:center}.solution-section-heading h2{margin:8px 0 14px}.solution-section-heading>p:last-child{margin:0;color:var(--muted);font-size:17px;line-height:1.7}.solution-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.solution-step-card{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(210px,.72fr);min-height:300px;overflow:hidden;border:1px solid rgba(11,44,77,.11);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(11,44,77,.08);transition:transform .22s ease,box-shadow .22s ease}.solution-step-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,44,77,.13)}.solution-step-photo{position:relative;min-height:300px;overflow:hidden;background:#e8edf1}.solution-step-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.solution-step-card:hover .solution-step-photo img{transform:scale(1.025)}.solution-step-index{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:rgba(11,44,77,.94);color:#fff;font-size:15px;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.18)}.solution-step-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 26px;border-left:3px solid var(--accent)}.solution-step-copy h3{margin:0 0 12px;color:var(--primary);font-size:22px;line-height:1.25}.solution-step-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}.solution-value-bar{margin-top:30px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-radius:16px;background:linear-gradient(120deg,#0b2c4d,#174e75);color:#fff;box-shadow:0 18px 40px rgba(11,44,77,.18)}.solution-value-bar span{display:block;margin-bottom:6px;color:#b7d2e3;font-size:10px;font-weight:900;letter-spacing:.16em}.solution-value-bar strong{display:block;font-size:23px;line-height:1.3}.solution-value-bar p{margin:7px 0 0;color:#d7e5ee}.solution-value-actions{display:flex;gap:12px;flex-shrink:0}.solution-value-bar .btn-outline{color:#fff;border-color:rgba(255,255,255,.6);background:transparent}.solution-value-bar .btn-outline:hover{background:#fff;color:var(--primary)}
@media(max-width:1080px){.solution-step-card{grid-template-columns:1fr;min-height:0}.solution-step-photo{min-height:260px}.solution-step-copy{border-left:0;border-top:3px solid var(--accent);padding:24px}.solution-value-bar{align-items:flex-start;flex-direction:column}.solution-value-actions{width:100%}}
@media(max-width:760px){.solution-step-grid{grid-template-columns:1fr}.solution-step-photo{min-height:250px}.solution-section-heading{margin-bottom:30px}.solution-value-actions{flex-direction:column}.solution-value-actions .btn{width:100%}.solution-value-bar{padding:24px 20px}.solution-value-bar strong{font-size:20px}}

/* ---- original V39 style block boundary ---- */

.testimonial-shell{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-top:2rem;}
.carousel-btn{width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(14,42,84,.14);background:#fff;color:#0e2a54;font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(15,45,86,.08);cursor:pointer;transition:transform .2s ease, box-shadow .2s ease;}
.carousel-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,45,86,.12);}
.testimonial-viewport{overflow:hidden;}
.testimonial-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.5rem)/3);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0.25rem 0 0.75rem;scroll-behavior:smooth;}
.testimonial-track::-webkit-scrollbar{display:none;}
.testimonial-card{scroll-snap-align:start;background:#fff;border:1px solid rgba(14,42,84,.08);border-radius:24px;padding:1.5rem;box-shadow:0 18px 40px rgba(15,45,86,.06);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;}
.testimonial-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;}
.testimonial-country,.testimonial-type,.testimonial-result{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;}
.testimonial-country{background:#eef4ff;color:#174a96;}
.testimonial-type{background:#f4f7fb;color:#4a5d78;}
.testimonial-card h3{font-size:1.12rem;line-height:1.4;margin:0 0 .8rem;color:#0f2342;}
.testimonial-card p{margin:0;color:#53657f;line-height:1.75;}
.testimonial-result{margin-top:1rem;background:#ecf8f1;color:#1c7d4d;font-weight:600;letter-spacing:.01em;}
.carousel-dots{display:flex;justify-content:center;gap:.55rem;margin-top:.25rem;}
.carousel-dots button{width:.75rem;height:.75rem;border:none;border-radius:999px;background:rgba(14,42,84,.18);cursor:pointer;padding:0;}
.carousel-dots button.active{background:#1f5fbf;transform:scale(1.05);}
.buyer-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem;}
.buyer-showcase-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(14,42,84,.08);box-shadow:0 18px 36px rgba(15,45,86,.06);display:flex;flex-direction:column;}
.buyer-showcase-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.buyer-showcase-copy{padding:1.25rem 1.25rem 1.35rem;}
.buyer-showcase-copy h3{margin:0 0 .6rem;color:#102443;font-size:1.12rem;}
.buyer-showcase-copy p{margin:0;color:#586a83;line-height:1.75;}
.about-layout-dual{align-items:center;grid-template-columns:1fr 1.05fr;gap:2.25rem;}
.about-gallery-stack{position:relative;display:grid;gap:1rem;}
.about-photo-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(14,42,84,.08);box-shadow:0 18px 36px rgba(15,45,86,.08);margin:0;}
.about-photo-card img{width:100%;display:block;object-fit:cover;}
.about-photo-large img{aspect-ratio:16/10;}
.about-photo-small img{aspect-ratio:16/9;}
.about-photo-card figcaption{padding:.9rem 1rem 1rem;color:#5c6d84;font-size:.92rem;line-height:1.6;background:#fff;}
.about-story-copy{display:grid;gap:1rem;margin:1.35rem 0;}
.about-story-copy p{margin:0;color:#586a83;line-height:1.85;}
@media (max-width: 1100px){
  .testimonial-track{grid-auto-columns:calc((100% - 1.25rem)/2);} 
  .buyer-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-layout-dual{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .testimonial-shell{grid-template-columns:1fr;}
  .carousel-btn{display:none;}
  .testimonial-track{grid-auto-columns:100%;}
  .buyer-showcase-grid{grid-template-columns:1fr;}
}

/* ---- original V39 style block boundary ---- */

/* Final navigation and footer refinement */
.site-header .header-inner{
  min-height:88px;
  gap:22px;
}
.desktop-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex:1;
}
.desktop-nav a{
  white-space:nowrap;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  position:relative;
  padding:32px 0 29px;
}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  width:0;
  height:2px;
  background:#1f5fbf;
  transform:translateX(-50%);
  transition:width .22s ease;
}
.desktop-nav a:hover::after,
.desktop-nav a.active::after{width:100%;}
.desktop-nav a.active{color:#1f5fbf;}
.header-actions .btn,
.header-inner > a.btn{white-space:nowrap;}

.footer-grid{
  grid-template-columns:minmax(310px,1.45fr) repeat(4,minmax(145px,.75fr));
  gap:34px;
  align-items:start;
}
.footer-brand-column{max-width:460px;}
.footer-brand-new{
  display:block;
  width:100%;
  max-width:440px;
  border-radius:18px;
  overflow:hidden;
  background:#001d36;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
.footer-brand-new img{
  display:block;
  width:100%;
  height:auto;
}
.footer-brand-column p{
  max-width:410px;
  margin-top:18px;
  line-height:1.75;
  color:rgba(255,255,255,.72);
}
.footer-grid h3{margin-bottom:16px;}
.footer-grid a,.footer-grid span{line-height:1.65;}

@media (max-width:1280px){
  .desktop-nav{gap:15px;}
  .desktop-nav a{font-size:13px;}
  .footer-grid{grid-template-columns:minmax(280px,1.2fr) repeat(2,minmax(180px,1fr));}
}
@media (max-width:980px){
  .site-header .header-inner{min-height:76px;}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-brand-column{grid-column:1/-1;}
}
@media (max-width:620px){
  .footer-grid{grid-template-columns:1fr;}
  .footer-brand-column{grid-column:auto;}
  .footer-brand-new{max-width:100%;}
}

/* ---- original V39 style block boundary ---- */

.header-actions .btn-small{white-space:nowrap;}
.final-whatsapp-entry{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;}
.final-whatsapp-entry a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.final-whatsapp-entry span{font-size:14px;color:rgba(255,255,255,.76);}
.quote-form-heading{margin-bottom:22px;}
.quote-form-heading h3{margin:0 0 8px;font-size:28px;color:var(--text);}
.quote-form-heading p{margin:0;color:var(--muted);line-height:1.65;}
.quote-form select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:#fff;color:var(--text);font:inherit;outline:none;}
.quote-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,95,191,.1);}
.simplified-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.simplified-form-grid .full{grid-column:1/-1;}
@media (max-width:760px){
  .simplified-form-grid{grid-template-columns:1fr;}
  .simplified-form-grid .full{grid-column:auto;}
  .final-whatsapp-entry{align-items:stretch;}
}

/* ---- original V39 style block boundary ---- */

/* Final navigation refinement */
.desktop-nav{gap:clamp(18px,2vw,34px);}
.desktop-nav a{white-space:nowrap;}

/* Compact footer styled like the header navigation */
.site-footer.final-footer-simple{
  background:linear-gradient(135deg,#071f36 0%,#0a2948 100%);
  color:#d7e3ec;
  padding:0;
}
.footer-nav-shell{
  min-height:118px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:34px;
  padding-top:26px;
  padding-bottom:26px;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.footer-wordmark{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:#fff;
  text-decoration:none;
  min-width:max-content;
}
.footer-wordmark-icon{
  width:46px;
  height:46px;
  border:2px solid #f0b429;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:15px;
  font-weight:800;
  letter-spacing:.04em;
  color:#f0b429;
  background:rgba(240,180,41,.06);
}
.footer-wordmark-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  line-height:1;
}
.footer-wordmark-copy strong{
  font-size:22px;
  letter-spacing:.08em;
  color:#fff;
}
.footer-wordmark-copy small{
  font-size:8.5px;
  letter-spacing:.13em;
  color:#94adbf;
  white-space:nowrap;
}
.footer-nav-simple{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 24px;
}
.footer-nav-simple a{
  position:relative;
  color:#c4d2dc;
  text-decoration:none;
  font-size:13px;
  font-weight:600;
  padding:9px 0;
  transition:color .2s ease;
  white-space:nowrap;
}
.footer-nav-simple a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:2px;
  background:#f0b429;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.footer-nav-simple a:hover{color:#fff;}
.footer-nav-simple a:hover::after{transform:scaleX(1);}
.footer-whatsapp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  border-radius:999px;
  background:#f0b429;
  color:#0b2946;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.footer-whatsapp-button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,0,0,.24);
}
.footer-bottom.footer-bottom-simple{
  margin-top:0;
  padding-top:18px;
  padding-bottom:18px;
  border-top:0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#8199aa;
  font-size:11px;
}
@media (max-width:1180px){
  .footer-nav-shell{grid-template-columns:1fr auto;}
  .footer-nav-simple{grid-column:1 / -1;grid-row:2;justify-content:flex-start;}
}
@media (max-width:760px){
  .footer-nav-shell{grid-template-columns:1fr;gap:20px;text-align:center;}
  .footer-wordmark{justify-content:center;}
  .footer-nav-simple{grid-column:auto;grid-row:auto;justify-content:center;gap:8px 18px;}
  .footer-whatsapp-button{justify-self:center;}
  .footer-bottom.footer-bottom-simple{flex-direction:column;align-items:center;text-align:center;}
}

/* ---- original V39 style block boundary ---- */

.footer-nav-shell-v4{grid-template-columns:minmax(380px,540px) auto;align-items:center;gap:28px;}
.footer-wordmark-v4{display:flex;align-items:center;gap:16px;text-decoration:none;min-width:0;}
.footer-brand-icon-white{display:block;width:72px;height:72px;object-fit:contain;flex:0 0 auto;background:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.16));}
.footer-brand-text-v7{display:flex;flex-direction:column;min-width:0;}
.footer-brand-title-v7{font-size:20px;font-weight:800;letter-spacing:.08em;line-height:1;color:#ffffff;}
.footer-brand-sub-v7{margin-top:6px;font-size:13px;line-height:1.35;color:#ffffff;opacity:.96;max-width:360px;}
.footer-nav-simple-v4{justify-content:flex-end;gap:10px 22px;}
.footer-nav-simple-v4 a{font-size:14px;}
.social-float-dock{position:fixed;right:22px;bottom:110px;z-index:80;display:flex;flex-direction:column;gap:10px;}
.social-float-title{display:none;}
.social-float-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(7,26,52,.92);color:#fff;text-decoration:none;box-shadow:0 16px 36px rgba(3,15,31,.22);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;transition:transform .2s ease, background .2s ease;}
.social-float-link:hover{transform:translateY(-2px);background:rgba(11,40,79,.96);}
.social-float-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:800;letter-spacing:.02em;}
.social-float-label{white-space:nowrap;}
@media (max-width: 980px){
  .footer-nav-shell-v4{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .footer-wordmark-v4{justify-content:center;}
  .footer-brand-sub-v7{max-width:none;}
  .footer-nav-simple-v4{justify-content:center;}
}
@media (max-width: 768px){
  .social-float-dock{right:16px;left:16px;bottom:82px;flex-direction:row;justify-content:center;flex-wrap:wrap;}
  .social-float-link{padding:10px 12px;border-radius:14px;}
}
@media (max-width: 640px){
  .footer-brand-icon-white{width:60px;height:60px;}
  .footer-brand-title-v7{font-size:18px;}
  .footer-brand-sub-v7{font-size:12px;}
  .social-float-label{font-size:12px;}
}

/* ---- original V39 style block boundary ---- */

/* V9 compact homepage: preserve all content while reducing vertical scrolling */
@media (min-width: 901px){
  .hero.hero-fullbleed,
  .hero-full-layout{min-height:620px !important;}
  .hero-overlay-content{padding:52px 0 68px !important;}
  .hero-overlay-content h1{font-size:clamp(46px,5vw,64px);line-height:1.03;}

  .section{padding:64px 0 !important;}
  .final-cta{padding:68px 0 !important;}
  .section-heading{margin-bottom:28px !important;}
  .section-heading.left{margin-bottom:20px !important;}
  .section-heading h2{margin-bottom:12px;}

  .brand-heading{margin-bottom:26px !important;}
  .brand-logo-grid{gap:12px;}
  .brand-logo-card{min-height:98px;padding:12px 12px 10px;}
  .brand-support-note{margin-top:8px !important;}

  .about-layout-dual{grid-template-columns:1.08fr .92fr !important;gap:36px !important;align-items:start;}
  .about-gallery-stack{grid-template-columns:1fr;gap:16px;align-items:stretch;}
  .about-photo-card{border-radius:18px;}
  .about-photo-card img,
  .about-photo-large img{height:360px;aspect-ratio:auto;object-fit:cover;}
  .about-photo-small img{height:320px;aspect-ratio:auto;object-fit:cover;}
  .about-photo-card figcaption{padding:10px 12px;font-size:12px;line-height:1.45;min-height:52px;}
  .about-story-copy{gap:.65rem;margin:1rem 0;}
  .about-story-copy p{line-height:1.65;}
  .capability-row{gap:10px;margin:22px 0;}
  .capability-row div{padding:13px 11px;}
  .capability-row strong{font-size:18px;}

  .product-entry-section{padding-top:64px !important;padding-bottom:68px !important;}
  .product-entry-heading{margin-bottom:28px !important;}
  .product-entry-grid{gap:18px;}
  .product-entry-card{min-height:310px;border-radius:16px;}
  .product-entry-content{inset:auto 24px 22px;}
  .product-entry-content strong{font-size:clamp(26px,2.6vw,35px);}
  .product-entry-summary{margin-top:8px;}
  .product-entry-link{margin-top:13px;}

  .solution-section-heading{margin-bottom:28px;}
  .solution-section-heading>p:last-child{font-size:15px;line-height:1.55;}
  .solution-step-grid{gap:16px;}
  .solution-step-card{min-height:235px;border-radius:14px;}
  .solution-step-photo{min-height:235px;}
  .solution-step-index{top:14px;left:14px;width:44px;height:44px;}
  .solution-step-copy{padding:21px 20px;}
  .solution-step-copy h3{font-size:19px;margin-bottom:8px;}
  .solution-step-copy p{line-height:1.55;}
  .solution-value-bar{margin-top:22px;padding:20px 24px;}
  .solution-value-bar strong{font-size:20px;}
  .solution-value-bar p{margin-top:4px;}

  .testimonial-shell{margin-top:1.25rem;gap:.75rem;}
  .testimonial-track{grid-auto-columns:calc((100% - 2.4rem)/4);gap:.8rem;padding-bottom:.5rem;}
  .testimonial-card{min-height:238px;padding:1.1rem;border-radius:18px;}
  .testimonial-meta{gap:.45rem;margin-bottom:.7rem;}
  .testimonial-country,.testimonial-type,.testimonial-result{padding:.34rem .62rem;font-size:.71rem;}
  .testimonial-card h3{font-size:1rem;line-height:1.3;margin-bottom:.55rem;}
  .testimonial-card p{font-size:.86rem;line-height:1.55;}
  .testimonial-result{margin-top:.7rem;}
  .carousel-btn{width:2.6rem;height:2.6rem;}

  .buyer-showcase-grid{gap:16px;margin-top:22px;}
  .buyer-showcase-card{border-radius:18px;}
  .buyer-showcase-card img{aspect-ratio:16/9;}
  .buyer-showcase-copy{padding:15px 16px 17px;}
  .buyer-showcase-copy h3{margin-bottom:.4rem;font-size:1.03rem;}
  .buyer-showcase-copy p{font-size:.88rem;line-height:1.55;}

  .cta-layout{gap:44px;}
  .cta-copy h2{font-size:clamp(36px,4vw,50px);}
  .cta-copy p{line-height:1.65;}
  .cta-contact{margin-top:20px;}
  .quote-form{padding:24px;}
  .form-grid{gap:14px;}
  .form-submit{margin-top:14px;}

  .site-footer.final-footer-simple{padding-top:44px !important;}
  .footer-bottom.footer-bottom-simple{margin-top:30px !important;padding-top:18px !important;}
}

@media (min-width: 901px) and (max-width: 1180px){
  .testimonial-track{grid-auto-columns:calc((100% - 1.6rem)/3);}
  .about-photo-card img,
  .about-photo-large img,
  .about-photo-small img{height:275px;}
}

@media (max-width: 900px){
  .hero.hero-fullbleed,
  .hero-full-layout{min-height:640px !important;}
  .hero-overlay-content{padding:58px 0 76px !important;}
  .section,.final-cta{padding:56px 0 !important;}
  .section-heading{margin-bottom:24px !important;}
  .about-gallery-stack{grid-template-columns:1fr;gap:14px;}
  .about-photo-card img,
  .about-photo-large img,
  .about-photo-small img{height:300px;aspect-ratio:auto;object-fit:cover;}
  .about-photo-card figcaption{padding:9px 11px;font-size:12px;line-height:1.4;}
  .product-entry-card{min-height:290px;}
  .solution-step-card,.solution-step-photo{min-height:220px;}
  .testimonial-track{grid-auto-columns:calc((100% - .9rem)/2);gap:.9rem;}
  .testimonial-card{min-height:240px;padding:1.15rem;}
  .buyer-showcase-card img{aspect-ratio:16/9;}
}

@media (max-width: 640px){
  .hero.hero-fullbleed,
  .hero-full-layout{min-height:610px !important;}
  .hero-overlay-content{padding:48px 0 70px !important;}
  .section,.final-cta{padding:46px 0 !important;}
  .section-heading{margin-bottom:20px !important;}
  .about-gallery-stack{grid-template-columns:1fr;}
  .about-photo-card img,
  .about-photo-large img,
  .about-photo-small img{height:230px;}
  .capability-row{margin:20px 0;gap:8px;}
  .capability-row div{padding:12px 9px;}
  .product-entry-card{min-height:270px !important;}
  .solution-step-card{grid-template-columns:1fr;min-height:0;}
  .solution-step-photo{min-height:210px;}
  .solution-step-copy{padding:18px 18px 20px;border-left:0;border-top:3px solid var(--accent);}
  .testimonial-track{grid-auto-columns:100%;}
  .testimonial-card{min-height:225px;}
  .buyer-showcase-grid{gap:14px;margin-top:18px;}
  .buyer-showcase-card img{aspect-ratio:16/9;}
  .quote-form{padding:20px;}
  .site-footer.final-footer-simple{padding-top:38px !important;}
}

/* ---- original V39 style block boundary ---- */

/* V12: footer navigation single-line fix only */
@media (min-width: 1100px){
  .footer-nav-shell-v4{
    grid-template-columns:minmax(300px, 390px) minmax(0, 1fr) !important;
    gap:18px !important;
    align-items:center !important;
  }
  .footer-nav-simple-v4{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
    white-space:nowrap !important;
  }
  .footer-nav-simple-v4 a{
    font-size:12.5px !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }
  .footer-brand-icon-white{
    width:64px !important;
    height:64px !important;
  }
  .footer-brand-title-v7{
    font-size:18px !important;
  }
  .footer-brand-sub-v7{
    font-size:12px !important;
    max-width:290px !important;
  }
}

/* ---- original V39 style block boundary ---- */

/* V13: restore the relaxed top navigation only. Footer remains unchanged. */
@media (min-width: 1241px){
  .site-header .container.header-inner{
    width:min(1440px, calc(100% - 44px)) !important;
    min-height:96px !important;
    justify-content:space-between !important;
    gap:24px !important;
  }
  .site-header .brand{flex:0 0 auto !important;}
  .site-header .brand-logo{
    width:338px !important;
    height:78px !important;
    object-fit:contain !important;
  }
  .site-header .desktop-nav{
    flex:0 1 auto !important;
    justify-content:center !important;
    gap:23px !important;
    margin-left:0 !important;
    flex-wrap:nowrap !important;
  }
  .site-header .desktop-nav a{
    font-size:14px !important;
    letter-spacing:normal !important;
    padding:36px 0 !important;
    white-space:nowrap !important;
  }
  .site-header .desktop-nav a::after{bottom:25px !important;}
  .site-header .header-actions{
    margin-left:0 !important;
    flex:0 0 auto !important;
  }
}
@media (min-width: 981px) and (max-width: 1240px){
  .site-header .container.header-inner{
    width:min(100%, calc(100% - 36px)) !important;
    min-height:88px !important;
    justify-content:space-between !important;
    gap:18px !important;
  }
  .site-header .brand-logo{
    width:282px !important;
    height:70px !important;
  }
  .site-header .desktop-nav{
    flex:0 1 auto !important;
    justify-content:center !important;
    gap:16px !important;
    margin-left:0 !important;
  }
  .site-header .desktop-nav a{
    font-size:12px !important;
    padding:33px 0 !important;
  }
  .site-header .header-actions{margin-left:0 !important;}
}

/* ---- original V39 style block boundary ---- */

.catalog-photo-image{background:linear-gradient(145deg,#f8fafb,#edf3f7);overflow:hidden;}
.catalog-photo-image img{width:100%;height:100%;object-fit:contain;display:block;}
.product-detail-media>img{filter:drop-shadow(0 14px 18px rgba(9,29,48,.12));}

/* V18: keep the whole product image visible and fix the inquiry CTA layout */
#product-detail-view .product-detail-media{
  height:340px !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
#product-detail-view .product-detail-media img,
#product-detail-view #detail-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
#product-detail-view .detail-inquiry-box{
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "cta-title cta-actions"
    "cta-copy cta-actions" !important;
  column-gap:22px !important;
  row-gap:4px !important;
  align-items:center !important;
}
#product-detail-view .detail-inquiry-box h3{
  grid-area:cta-title;
  white-space:nowrap;
}
#product-detail-view .detail-inquiry-box p{
  grid-area:cta-copy;
  min-width:0;
}
#product-detail-view .detail-actions{
  grid-area:cta-actions;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
@media (max-width:900px){
  #product-detail-view .product-detail-media{
    height:290px !important;
  }
  #product-detail-view .detail-inquiry-box{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "cta-title"
      "cta-copy"
      "cta-actions" !important;
    row-gap:8px !important;
  }
  #product-detail-view .detail-actions{
    justify-content:flex-start !important;
  }
}
@media (max-width:600px){
  #product-detail-view .product-detail-media{
    height:230px !important;
  }
  #product-detail-view .detail-inquiry-box h3{
    white-space:normal;
  }
}

/* V19: Sourcing Support changed to a shorter 3 × 2 desktop grid */
@media (min-width:1081px){
  .service-solution-section .solution-step-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  .service-solution-section .solution-step-card{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    border-radius:14px !important;
  }
  .service-solution-section .solution-step-photo{
    min-height:170px !important;
    height:170px !important;
  }
  .service-solution-section .solution-step-copy{
    min-height:132px;
    justify-content:flex-start !important;
    padding:19px 20px 20px !important;
    border-left:0 !important;
    border-top:3px solid var(--accent) !important;
  }
  .service-solution-section .solution-step-copy h3{
    margin-bottom:7px !important;
    font-size:18px !important;
  }
  .service-solution-section .solution-step-copy p{
    font-size:13px !important;
    line-height:1.5 !important;
  }
  .service-solution-section .solution-step-index{
    top:12px !important;
    left:12px !important;
    width:42px !important;
    height:42px !important;
  }
  .service-solution-section .solution-value-bar{
    margin-top:22px !important;
  }
}
@media (min-width:761px) and (max-width:1080px){
  .service-solution-section .solution-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ---- original V39 style block boundary ---- */

.contact-channel-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.btn-email-final{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.62);border-radius:8px;color:#fff;background:transparent;font-weight:800;text-decoration:none;transition:.2s ease;}
.btn-email-final:hover{background:#fff;color:#0b3155;border-color:#fff;transform:translateY(-1px);}
.footer-email-link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42);}
.footer-email-link:hover{border-bottom-color:#fff;}
.detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.detail-email-btn{white-space:nowrap;}
@media(max-width:640px){
  .contact-channel-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .contact-channel-buttons .btn{width:100%;}
  .detail-actions{display:grid;grid-template-columns:1fr;}
  .detail-actions .btn{width:100%;}
}

/* ---- original V39 style block boundary ---- */

.visible-contact-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px;width:100%;}
.visible-contact-item{display:flex;flex-direction:column;gap:3px;min-width:215px;padding:12px 15px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:.2s ease;}
.visible-contact-item:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.38);transform:translateY(-1px);}
.visible-contact-label{font-size:14px;line-height:1.25;text-transform:none;letter-spacing:0;color:#fff;font-weight:800;}
.visible-contact-item strong{font-size:16px;line-height:1.35;color:rgba(255,255,255,.82);letter-spacing:.01em;font-weight:650;}
.footer-contact-visible{align-items:center !important;font-size:13px !important;padding-top:20px !important;padding-bottom:22px !important;}
.footer-company-meta{display:flex;flex-direction:column;gap:5px;color:#91a8b9;line-height:1.45;}
.footer-contact-list{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;}
.footer-contact-link{display:flex;flex-direction:column;gap:3px;min-width:205px;padding:10px 14px;border-radius:9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);text-decoration:none;transition:.2s ease;}
.footer-contact-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);}
.footer-contact-link span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#8199aa;font-weight:800;}
.footer-contact-link strong{font-size:14px;line-height:1.35;color:#fff;font-weight:750;}
@media(max-width:760px){
  .visible-contact-details{display:grid;grid-template-columns:1fr;}
  .visible-contact-item{min-width:0;width:100%;}
  .footer-contact-visible{gap:18px !important;}
  .footer-company-meta{align-items:center;}
  .footer-contact-list{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .footer-contact-link{min-width:0;text-align:left;}
}
@media(max-width:480px){
  .footer-contact-list{grid-template-columns:1fr;}
  .visible-contact-item strong{font-size:15px;}
  .footer-contact-link strong{font-size:14px;}
}

/* ---- original V39 style block boundary ---- */

/* V26: prevent the product-detail CTA text from being squeezed by three action buttons. */
#product-detail-view .detail-inquiry-box{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-areas:
    "cta-title"
    "cta-copy"
    "cta-actions" !important;
  gap:0 !important;
  align-items:start !important;
}
#product-detail-view .detail-inquiry-box h3{
  grid-area:cta-title;
  margin:0 0 5px !important;
  white-space:normal !important;
}
#product-detail-view .detail-inquiry-box p{
  grid-area:cta-copy;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
#product-detail-view .detail-actions{
  grid-area:cta-actions;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:100% !important;
  gap:10px !important;
  margin-top:14px !important;
}
#product-detail-view .detail-actions .btn{
  width:100% !important;
  min-width:0 !important;
  padding:13px 10px !important;
  font-size:14px !important;
  text-align:center !important;
}
@media (max-width:700px){
  #product-detail-view .detail-actions{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
}

/* ---- original V39 style block boundary ---- */

.pump-parts-quote-badge{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:5px 9px;border-radius:999px;background:#fff4cf;color:#8a5b00;font-size:10px;font-weight:800;letter-spacing:.08em}
@media(max-width:640px){.pump-parts-quote-badge{font-size:9px;padding:4px 8px}}

/* ---- original V39 style block boundary ---- */

/* V33: reliable product-card taps and stable text wrapping on desktop/mobile. */
.catalog-product-card{
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(244,180,0,.18);
}
.catalog-product-copy,
.product-detail-copy,
.product-info-row,
.product-info-row span{
  min-width:0;
}
.catalog-product-copy h3,
.catalog-product-copy p,
.catalog-product-model,
.product-info-row span,
#detail-title,
#detail-description{
  overflow-wrap:break-word;
  word-break:normal;
  white-space:normal;
}
.product-info-row span{line-height:1.55;}
.catalog-product-card:focus-visible{
  outline:3px solid rgba(244,180,0,.75);
  outline-offset:3px;
}
@media (max-width:680px){
  .catalog-product-card{transform:none!important;}
  .catalog-product-copy h3{font-size:20px;}
  .product-info-row span{font-size:14px;}
}

/* ---- original V39 style block boundary ---- */

.catalog-product-image{height:205px!important;padding:8px!important;background:#f6f8fb!important;}
.catalog-product-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;}
#product-detail-view .product-detail-media{background:#f6f8fb!important;}
@media(max-width:600px){.catalog-product-image{height:225px!important;}}


/* Attachment catalogue: machine and jobsite matching callout */
.catalog-preview-note.attachment-selection-note {
  padding: 17px 18px;
  border: 1px solid #9db8ca;
  border-left: 5px solid var(--primary);
  background: linear-gradient(135deg, #edf4f8, #f8fbfc);
  color: #435765;
  font-size: 14px;
  line-height: 1.65;
}
.catalog-preview-note.attachment-selection-note strong {
  color: var(--primary);
}

/* Simplified attachment product detail pages */
.attachment-detail-layout {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1120px;
}
.attachment-detail-layout .detail-sidebar {
  display: none;
}
.attachment-detail-simple .product-detail-card {
  max-width: 1080px;
  margin-inline: auto;
}
.attachment-detail-simple .product-info-list {
  margin-top: 22px;
}
.attachment-detail-simple .product-info-row {
  padding-block: 12px;
}
.attachment-detail-simple .detail-inquiry-box {
  margin-top: 24px;
  padding: 22px;
}
.attachment-detail-simple .detail-inquiry-box p {
  max-width: 760px;
}
@media (max-width: 760px) {
  .attachment-detail-simple .product-info-row {
    gap: 5px;
  }
  .attachment-detail-simple .detail-inquiry-box {
    padding: 18px;
  }
}


/* V39 latest: simplified single-page undercarriage overview */
.undercarriage-hero-mini p:last-child{
  max-width:780px;
}
.undercarriage-overview-section{
  padding:56px 0 96px;
  background:#f6f8fb;
}
.undercarriage-overview-container{
  max-width:1120px;
}
.undercarriage-overview-figure{
  margin:0;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 20px 50px rgba(11,44,77,.08);
}
.undercarriage-overview-figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#fff;
}
.undercarriage-overview-figure figcaption{
  padding:12px 20px 14px;
  color:var(--muted);
  border-top:1px solid var(--border);
  font-size:13px;
  line-height:1.55;
  text-align:center;
}
.undercarriage-summary{
  max-width:900px;
  margin:34px auto 0;
  text-align:center;
}
.undercarriage-summary p{
  margin:0 0 10px;
  color:var(--text);
  font-size:17px;
  line-height:1.75;
}
.undercarriage-info-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  margin-top:34px;
}
.undercarriage-info-card{
  padding:30px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 34px rgba(11,44,77,.06);
}
.undercarriage-info-card h2,
.undercarriage-confirmation-card h2{
  margin:7px 0 18px;
  color:var(--primary);
  font-family:Manrope,sans-serif;
  font-size:26px;
  line-height:1.25;
}
.undercarriage-product-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px 18px;
  margin:0;
  padding:0;
  list-style:none;
}
.undercarriage-product-list li{
  position:relative;
  padding-left:20px;
  color:var(--text);
  line-height:1.5;
}
.undercarriage-product-list li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:var(--accent);
  font-weight:900;
}
.undercarriage-brand-card p{
  margin:0 0 16px;
  color:var(--text);
  font-size:16px;
  line-height:1.72;
}
.undercarriage-brand-card .undercarriage-size-note{
  margin-bottom:0;
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:14px;
}
.undercarriage-confirmation-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  margin-top:22px;
  padding:34px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),#0b4f86);
  box-shadow:0 18px 44px rgba(11,44,77,.16);
}
.undercarriage-confirmation-card .eyebrow{
  color:#bfe0fb;
}
.undercarriage-confirmation-card h2{
  margin-bottom:12px;
  color:#fff;
}
.undercarriage-confirmation-card p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.88);
  line-height:1.7;
}
.undercarriage-confirmation-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.undercarriage-confirmation-tags span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.undercarriage-confirmation-actions{
  display:flex;
  min-width:220px;
  flex-direction:column;
  gap:11px;
}
.undercarriage-confirmation-actions .btn{
  width:100%;
  justify-content:center;
  white-space:nowrap;
}
.undercarriage-confirmation-card .btn-primary{
  border-color:#fff;
  background:#fff;
  color:var(--primary);
}
.undercarriage-confirmation-card .btn-outline{
  border-color:rgba(255,255,255,.55);
  color:#fff;
}
@media (max-width:820px){
  .undercarriage-overview-section{padding:40px 0 72px;}
  .undercarriage-info-grid{grid-template-columns:1fr;}
  .undercarriage-confirmation-card{grid-template-columns:1fr;}
  .undercarriage-confirmation-actions{min-width:0; flex-direction:row; flex-wrap:wrap;}
  .undercarriage-confirmation-actions .btn{width:auto; flex:1 1 210px;}
}
@media (max-width:560px){
  .undercarriage-overview-figure{border-radius:13px;}
  .undercarriage-overview-figure figcaption{padding:10px 14px 12px;font-size:12px;}
  .undercarriage-summary{margin-top:24px;text-align:left;}
  .undercarriage-summary p{font-size:15px;}
  .undercarriage-info-card{padding:22px 20px;}
  .undercarriage-info-card h2,.undercarriage-confirmation-card h2{font-size:22px;}
  .undercarriage-product-list{grid-template-columns:1fr;gap:9px;}
  .undercarriage-confirmation-card{padding:25px 20px;}
  .undercarriage-confirmation-actions{flex-direction:column;}
  .undercarriage-confirmation-actions .btn{width:100%;flex:auto;}
}

/* V39 update: place the undercarriage overview image after all page content */
.undercarriage-overview-figure-bottom{
  margin-top:34px;
}
@media (max-width:560px){
  .undercarriage-overview-figure-bottom{margin-top:24px;}
}

/* Latest undercarriage layout update: explanatory copy in top blue hero */
.undercarriage-hero-mini .undercarriage-hero-description{
  max-width:960px;
  margin:14px 0 0;
  color:rgba(255,255,255,.9);
  font-size:17px;
  line-height:1.72;
}
.undercarriage-hero-mini .undercarriage-hero-description-secondary{
  margin-top:8px;
  color:rgba(255,255,255,.78);
}
.undercarriage-info-grid{
  margin-top:0;
}
/* Fix the previously blank email button: white text must not sit on a white background. */
.undercarriage-confirmation-card .undercarriage-confirmation-actions .btn-outline{
  border-color:rgba(255,255,255,.72);
  background:transparent;
  color:#fff;
}
.undercarriage-confirmation-card .undercarriage-confirmation-actions .btn-outline:hover{
  border-color:#fff;
  background:#fff;
  color:var(--primary);
}
@media (max-width:560px){
  .undercarriage-hero-mini .undercarriage-hero-description{
    font-size:15px;
    line-height:1.65;
  }
}


/* Electrical & Fuel System — clean single-photo presentation */
body[data-catalog-system="electrical"] .catalog-product-card {
  overflow: hidden;
}
body[data-catalog-system="electrical"] .catalog-product-image,
body[data-catalog-system="electrical"] .catalog-photo-image {
  display: block !important;
  height: 220px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body[data-catalog-system="electrical"] .catalog-product-image::before,
body[data-catalog-system="electrical"] .catalog-product-image::after {
  display: none !important;
}
body[data-catalog-system="electrical"] .catalog-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}
body[data-catalog-system="electrical"] .product-detail-media {
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
}
body[data-catalog-system="electrical"] .product-detail-media img,
body[data-catalog-system="electrical"] #detail-image {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: 560px;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}
@media (max-width: 760px) {
  body[data-catalog-system="electrical"] .catalog-product-image,
  body[data-catalog-system="electrical"] .catalog-photo-image {
    height: 190px !important;
  }
}


/* Electrical & Fuel System — verified clean product-only grid (V39 correction) */
body[data-catalog-system="electrical"] .catalog-product-grid{
  gap:34px 26px !important;
}
body[data-catalog-system="electrical"] .catalog-product-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body[data-catalog-system="electrical"] .catalog-product-card:hover{
  transform:translateY(-3px) !important;
  border:0 !important;
  box-shadow:none !important;
}
body[data-catalog-system="electrical"] .catalog-product-image,
body[data-catalog-system="electrical"] .catalog-photo-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:220px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body[data-catalog-system="electrical"] .catalog-product-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
body[data-catalog-system="electrical"] .catalog-product-copy{
  padding:14px 0 24px !important;
  border:0 !important;
  background:transparent !important;
}
body[data-catalog-system="electrical"] .catalog-product-copy h3{
  margin-top:8px !important;
}
body[data-catalog-system="electrical"] .product-detail-media{
  min-height:420px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body[data-catalog-system="electrical"] .product-detail-media img,
body[data-catalog-system="electrical"] #detail-image{
  width:100% !important;
  height:100% !important;
  max-height:520px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media (max-width:760px){
  body[data-catalog-system="electrical"] .catalog-product-image,
  body[data-catalog-system="electrical"] .catalog-photo-image{
    height:210px !important;
  }
}


/* Multi-page SEO edition */
.seo-page-hero{padding-top:148px!important;padding-bottom:64px!important;}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;color:#6a7a90;font-size:.9rem;margin-bottom:1.25rem;}
.seo-breadcrumb a{color:#335f92;text-decoration:none}.seo-breadcrumb a:hover{text-decoration:underline}.seo-breadcrumb-sep{opacity:.55}
.seo-hero-intro{max-width:850px;font-size:1.08rem;line-height:1.8;color:#5a6b82;margin-top:1rem;}
.seo-page-section{padding:72px 0;}.seo-page-section.section-soft{background:#f5f8fb;}
.seo-page-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:38px;align-items:start;}
.seo-static-sidebar{position:sticky;top:106px;}.seo-static-sidebar nav{display:block;}
.seo-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.seo-category-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(14,42,84,.1);border-radius:18px;overflow:hidden;box-shadow:0 16px 34px rgba(15,45,86,.06);transition:.25s ease;}
.seo-category-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(15,45,86,.11);}
.seo-category-image{height:250px;display:grid;place-items:center;background:#f7f9fb;padding:18px;overflow:hidden;}.seo-category-image img{width:100%;height:100%;object-fit:contain;}
.seo-category-copy{padding:22px 24px 25px;}.seo-category-copy h2{font-size:1.35rem;margin:.55rem 0 .65rem;color:#102443}.seo-category-copy p{color:#5a6b82;line-height:1.7;margin:0 0 1rem;}
.seo-static-product-card{cursor:default}.seo-static-product-card:hover{transform:translateY(-3px)}.seo-product-inquiry{display:inline-flex;margin-top:auto;}
.seo-static-product-grid .catalog-product-copy{display:flex;flex-direction:column;flex:1}.seo-static-product-grid .catalog-product-copy p{flex:1}
.seo-inquiry-section{padding:0 0 76px;background:#fff;}.seo-related-nav{margin-top:42px;padding-top:30px;border-top:1px solid rgba(14,42,84,.12)}.seo-related-nav h2{font-size:1.35rem;margin-bottom:16px}.seo-related-links{display:flex;flex-wrap:wrap;gap:10px}.seo-related-links a{padding:10px 14px;border:1px solid #cad7e5;border-radius:999px;color:#183b65;background:#fff;font-weight:700;font-size:.88rem}.seo-related-links a:hover{background:#edf4fb}
.seo-system-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;margin-bottom:42px}.seo-system-intro img{width:100%;max-height:430px;object-fit:cover;border-radius:20px;box-shadow:0 18px 38px rgba(15,45,86,.1)}.seo-system-copy p{color:#586a83;line-height:1.8}.seo-system-points{display:grid;gap:12px;margin-top:22px}.seo-system-points div{padding:15px 17px;background:#f5f8fb;border-left:4px solid #1f5fbf;border-radius:8px;color:#304966}
.seo-products-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.seo-products-index-grid .product-entry-card{min-height:380px}
.seo-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.seo-article-card{background:#fff;border:1px solid rgba(14,42,84,.1);border-radius:18px;overflow:hidden;box-shadow:0 16px 32px rgba(15,45,86,.06)}.seo-article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.seo-article-card-copy{padding:22px}.seo-article-card h2{font-size:1.25rem;line-height:1.4;margin:.5rem 0}.seo-article-card p{color:#5a6b82;line-height:1.7}.seo-article-meta{font-size:.76rem;font-weight:800;letter-spacing:.08em;color:#1f5fbf}
.seo-article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:48px;align-items:start}.seo-article-content{font-size:1.03rem;color:#465a74;line-height:1.85}.seo-article-content h2{color:#102443;font-size:1.65rem;margin:2.2rem 0 .8rem}.seo-article-content h3{color:#183b65;font-size:1.25rem;margin:1.6rem 0 .6rem}.seo-article-content ul{padding-left:1.3rem}.seo-article-content li{margin:.5rem 0}.seo-article-content img{width:100%;border-radius:18px;margin:1rem 0 1.5rem}.seo-article-aside{position:sticky;top:110px;padding:24px;background:#f5f8fb;border-radius:16px}.seo-article-aside h2{font-size:1.2rem;margin-top:0}.seo-article-aside a{display:block;padding:10px 0;border-bottom:1px solid #dce5ef;color:#183b65;font-weight:700}
.seo-about-page .about-layout-dual{grid-template-columns:1.05fr .95fr!important}.seo-about-page .section-heading h1{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:.4rem 0 1rem;color:#102443}.seo-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.seo-contact-card{background:#0e3b68;color:#fff;padding:34px;border-radius:20px}.seo-contact-card h2{color:#fff}.seo-contact-card p{color:#dce9f7;line-height:1.75}.seo-contact-method{display:block;padding:18px 0;border-top:1px solid rgba(255,255,255,.16);color:#fff}.seo-contact-method span,.seo-contact-method strong{display:block}.seo-contact-method span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#bcd5ef}.seo-contact-method strong{font-size:1.15rem;margin-top:4px}
.seo-note-box{padding:22px 24px;border-radius:14px;background:#edf5fc;border-left:5px solid #1f5fbf;color:#36516f;line-height:1.75;margin:24px 0}
@media(max-width:1000px){.seo-page-layout,.seo-system-intro,.seo-contact-grid,.seo-article-layout{grid-template-columns:1fr}.seo-static-sidebar,.seo-article-aside{position:static}.seo-static-sidebar{display:none}.seo-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.seo-page-hero{padding-top:118px!important;padding-bottom:46px!important}.seo-page-section{padding:52px 0}.seo-category-grid,.seo-products-index-grid,.seo-article-grid{grid-template-columns:1fr}.seo-category-image{height:220px}.seo-products-index-grid .product-entry-card{min-height:300px}.seo-inquiry-section{padding-bottom:52px}}


/* V39 SEO product display and detail-page correction — complete images, working details */
.seo-category-image{
  height:330px!important;
  padding:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.seo-category-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.seo-system-intro img{
  width:100%!important;
  height:440px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:18px!important;
  background:#f7f9fb!important;
}
.catalog-product-image,
.catalog-photo-image,
body[data-catalog-system="electrical"] .catalog-product-image,
body[data-catalog-system="electrical"] .catalog-photo-image{
  width:100%!important;
  height:290px!important;
  min-height:290px!important;
  padding:18px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}
.catalog-product-image img,
.catalog-photo-image img,
body[data-catalog-system="electrical"] .catalog-product-image img,
body[data-catalog-system="electrical"] .catalog-photo-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.seo-product-card-link{
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.seo-product-card-link .catalog-product-copy h3,
.seo-product-card-link .catalog-product-copy p,
.seo-product-card-link .catalog-product-model{color:inherit;}
.seo-product-card-link .catalog-product-copy h3{color:var(--primary)!important;}
.seo-product-card-link .seo-product-detail-link{margin-top:auto;color:var(--primary-light)!important;font-weight:800;}
.seo-product-card-link:focus-visible{outline:3px solid rgba(31,95,191,.35);outline-offset:4px;}
.seo-product-detail-section{background:#fff;}
.seo-product-detail-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:54px;align-items:start;}
.seo-product-detail-media{min-height:540px;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;overflow:hidden;}
.seo-product-detail-media img{display:block;width:100%;height:100%;max-height:540px;object-fit:contain;object-position:center;}
.seo-product-detail-copy{padding-top:12px;}
.seo-product-detail-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.16;color:#102443;margin:.45rem 0 .75rem;}
.seo-product-detail-model{font-weight:700;color:#52708f;line-height:1.65;margin:0 0 1.15rem;}
.seo-product-detail-description{font-size:1.03rem;line-height:1.82;color:#52667f;margin:0 0 1.5rem;}
.seo-product-match-grid{display:grid;gap:10px;margin:1.45rem 0;}
.seo-product-match-grid div{padding:14px 16px;border-radius:10px;background:#f4f7fb;border-left:4px solid #1f5fbf;}
.seo-product-match-grid span,.seo-product-match-grid strong{display:block;}
.seo-product-match-grid span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1f5fbf;margin-bottom:3px;}
.seo-product-match-grid strong{font-size:.93rem;line-height:1.55;color:#294665;}
.seo-product-detail-note{font-size:.88rem;line-height:1.65;color:#6c7d91;margin:1rem 0 1.4rem;}
.seo-product-detail-actions{display:flex;flex-wrap:wrap;gap:12px;}
.seo-back-category{display:inline-flex;margin-top:22px;color:#1f5fbf;font-weight:800;}
@media(max-width:1000px){
  .seo-product-detail-layout{grid-template-columns:1fr;gap:28px;}
  .seo-product-detail-media{min-height:420px;}
  .seo-product-detail-media img{max-height:420px;}
  .seo-category-image{height:290px!important;}
  .catalog-product-image,.catalog-photo-image,
  body[data-catalog-system="electrical"] .catalog-product-image,
  body[data-catalog-system="electrical"] .catalog-photo-image{height:260px!important;min-height:260px!important;}
}
@media(max-width:700px){
  .seo-category-image{height:260px!important;padding:16px!important;}
  .seo-system-intro img{height:310px!important;padding:12px!important;}
  .catalog-product-image,.catalog-photo-image,
  body[data-catalog-system="electrical"] .catalog-product-image,
  body[data-catalog-system="electrical"] .catalog-photo-image{height:250px!important;min-height:250px!important;padding:12px!important;}
  .seo-product-detail-media{min-height:320px;padding:12px;}
  .seo-product-detail-media img{max-height:340px;}
  .seo-product-detail-actions{display:grid;grid-template-columns:1fr;}
}


/* Compact product listing cards — keep full details on product pages */
.catalog-product-grid,
.seo-static-product-grid{
  align-items:stretch;
  gap:18px!important;
}
.catalog-product-card,
body[data-catalog-system="electrical"] .catalog-product-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #dbe4ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.catalog-product-card:hover,
body[data-catalog-system="electrical"] .catalog-product-card:hover{
  transform:translateY(-3px)!important;
  border-color:#afc3d5!important;
  box-shadow:0 12px 28px rgba(17,49,83,.09)!important;
}
.catalog-product-image,
.catalog-photo-image,
body[data-catalog-system="electrical"] .catalog-product-image,
body[data-catalog-system="electrical"] .catalog-photo-image{
  width:100%!important;
  height:240px!important;
  min-height:240px!important;
  padding:14px!important;
  margin:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.catalog-product-image img,
.catalog-photo-image img,
body[data-catalog-system="electrical"] .catalog-product-image img,
body[data-catalog-system="electrical"] .catalog-photo-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.catalog-product-copy,
body[data-catalog-system="electrical"] .catalog-product-copy{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  padding:16px 17px 18px!important;
  border:0!important;
  background:#fff!important;
}
.catalog-product-category{display:none!important;}
.catalog-product-copy h3,
body[data-catalog-system="electrical"] .catalog-product-copy h3{
  display:-webkit-box;
  min-height:47px;
  margin:0!important;
  overflow:hidden;
  color:var(--primary)!important;
  font-size:18px!important;
  line-height:1.3!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.catalog-product-model{
  display:-webkit-box!important;
  min-height:39px;
  margin:8px 0 0!important;
  overflow:hidden;
  color:#5d6f84!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.catalog-product-copy p{display:none!important;}
.catalog-product-copy .view-product-link,
body[data-catalog-system="electrical"] .catalog-product-copy .view-product-link{
  margin-top:16px!important;
  color:var(--primary-light)!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
@media(max-width:700px){
  .catalog-product-image,
  .catalog-photo-image,
  body[data-catalog-system="electrical"] .catalog-product-image,
  body[data-catalog-system="electrical"] .catalog-photo-image{
    height:225px!important;
    min-height:225px!important;
    padding:12px!important;
  }
  .catalog-product-copy,
  body[data-catalog-system="electrical"] .catalog-product-copy{
    padding:14px 15px 16px!important;
  }
  .catalog-product-copy h3,
  body[data-catalog-system="electrical"] .catalog-product-copy h3{
    min-height:auto;
    font-size:17px!important;
  }
  .catalog-product-model{min-height:auto;}
}

/* Final mobile header correction — hide desktop navigation on small screens */
@media (max-width: 900px){
  .site-header .container.header-inner{
    width:calc(100% - 28px)!important;
    min-height:74px!important;
    gap:10px!important;
    justify-content:space-between!important;
  }
  .site-header .brand{
    flex:0 1 auto!important;
    min-width:0!important;
  }
  .site-header .brand-logo{
    width:min(205px,68vw)!important;
    max-width:100%!important;
    height:auto!important;
  }
  .site-header .desktop-nav{
    display:none!important;
  }
  .site-header .header-actions{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .site-header .header-actions .btn-small{
    display:none!important;
  }
  .site-header .menu-button{
    display:block!important;
    flex:0 0 44px!important;
    margin:0!important;
  }
  .site-header .mobile-drawer{
    display:block!important;
    max-height:0;
    overflow:hidden;
    background:#fff;
    border-top:1px solid var(--border);
    box-shadow:0 12px 24px rgba(9,29,48,.08);
    transition:max-height .28s ease;
  }
  .site-header .mobile-drawer.open{
    max-height:520px;
  }
  .site-header .mobile-drawer a{
    display:block;
    padding:14px 22px;
    border-bottom:1px solid var(--border);
    color:var(--primary);
    font-size:14px;
    font-weight:700;
  }
  .site-header .mobile-drawer a:last-child{
    border-bottom:0;
  }
}
@media (max-width: 420px){
  .site-header .brand-logo{width:min(188px,66vw)!important;}
}

/* Keep mobile pages clear: sticky inquiry bar is enough on small screens */
@media (max-width: 900px){
  .social-float-dock{display:none!important;}
}


/* Final sourcing and contact page alignment correction */
body.page-sourcing-support .service-solution-section{
  padding-top:72px!important;
  padding-bottom:72px!important;
  background:#f5f8fb;
}
body.page-sourcing-support .solution-section-heading{
  margin-bottom:32px!important;
}
body.page-sourcing-support .solution-step-photo img{
  object-fit:cover!important;
  object-position:center!important;
}
body.page-contact .social-float-dock,
body.page-sourcing-support .social-float-dock{
  display:none!important;
}
@media (min-width:1001px){
  body.page-contact .seo-contact-grid{
    align-items:stretch!important;
  }
  body.page-contact .seo-contact-grid > .seo-contact-card,
  body.page-contact .seo-contact-grid > .quote-form{
    height:100%!important;
    min-height:640px!important;
    box-sizing:border-box!important;
  }
  body.page-contact .seo-contact-grid > .seo-contact-card{
    display:flex!important;
    flex-direction:column!important;
  }
  body.page-contact .seo-contact-card .seo-note-box{
    margin-top:auto!important;
    margin-bottom:0!important;
  }
  body.page-contact .seo-contact-grid > .quote-form{
    display:flex!important;
    flex-direction:column!important;
  }
  body.page-contact .quote-form .form-grid{
    flex:1 1 auto!important;
    align-content:start!important;
  }
  body.page-contact .quote-form label.full:last-child{
    display:flex!important;
    flex-direction:column!important;
  }
  body.page-contact .quote-form textarea{
    min-height:190px!important;
    resize:vertical;
  }
  body.page-contact .quote-form .form-submit{
    margin-top:auto!important;
  }
}
@media (max-width:1000px){
  body.page-contact .seo-contact-grid > .seo-contact-card,
  body.page-contact .seo-contact-grid > .quote-form{
    min-height:0!important;
    height:auto!important;
  }
  body.page-sourcing-support .service-solution-section{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
}