/* Mobile-only visual layer. It changes no desktop layout and adds no markup or JavaScript. */
@media (max-width:980px){
  :root{--jd-mobile-gutter:20px;--jd-mobile-navy:#092b49;--jd-mobile-orange:#ff6a00}
  html,body{overflow-x:hidden!important}

  /* Existing JDM16 header: turn the current controls into one compact 96px mobile bar. */
  #jdm16{position:relative!important;inset:auto!important;z-index:2147483000!important;display:block!important;width:100%!important;height:96px!important;margin:0!important;padding:0 var(--jd-mobile-gutter)!important;background:#fff!important;box-sizing:border-box!important;box-shadow:0 1px 0 rgba(9,43,73,.09)!important;pointer-events:auto!important}
  #jdm16 .jdm16-logo{position:absolute!important;left:20px!important;top:18px!important;display:flex!important;align-items:center!important;gap:10px!important;color:var(--jd-mobile-navy)!important;font:800 18px/1.1 Arial,sans-serif!important;text-shadow:none!important}
  #jdm16 .jdm16-logo b{width:58px!important;height:58px!important;border-radius:17px!important;background:linear-gradient(135deg,#ff9400,#ff5c00)!important;box-shadow:0 10px 22px rgba(255,106,0,.24)!important;font-size:21px!important}
  #jdm16 .jdm16-logo small{margin-top:5px!important;color:#78879a!important;font:500 13px/1 Arial,sans-serif!important}
  #jdm16 .jdm16-top{right:84px!important;top:24px!important;display:flex!important;flex-direction:row-reverse!important;gap:10px!important}
  #jdm16 .jdm16-top button,#jdm16-contact>button{width:48px!important;height:48px!important;border:0!important;border-radius:15px!important;background:var(--jd-mobile-navy)!important;color:#fff!important;box-shadow:0 9px 20px rgba(9,43,73,.16)!important;font-size:22px!important}
  #jdm16-contact{position:fixed!important;z-index:2147483001!important;right:20px!important;top:24px!important;transform:none!important}
  #jdm16-contact>button{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ff9400,#ff5c00)!important}
  #jdm16-contact>button:before{content:'✉';font:700 24px/1 Arial,sans-serif!important}#jdm16-contact>button{font-size:0!important}
  #jdm16-contact div{top:58px!important;right:0!important}

  /* Existing V10 header is kept fully functional and receives the same compact proportions. */
  #jdm10 .jdm10-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:76px!important;padding:10px var(--jd-mobile-gutter)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 rgba(9,43,73,.09)!important;backdrop-filter:blur(12px)!important}
  #jdm10 .jdm10-brand{color:var(--jd-mobile-navy)!important;text-shadow:none!important;font-size:17px!important}#jdm10 .jdm10-brand small{color:#78879a!important;font-size:12px!important;opacity:1!important}#jdm10 .jdm10-mark{width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(135deg,#ff9400,#ff5c00)!important;font-size:18px!important}
  #jdm10 .jdm10-button{width:48px!important;height:48px!important;border:0!important;border-radius:15px!important;background:var(--jd-mobile-navy)!important;box-shadow:0 9px 20px rgba(9,43,73,.16)!important}

  /* Homepage banner: one clean card, original carousel controls and auto-play retained. */
  #jdm16-hero,#jdm15-hero,#jdm14-hero{width:100%!important;height:225px!important;min-height:225px!important;max-height:225px!important;aspect-ratio:auto!important;margin:0!important;overflow:hidden!important;background:#f7f8f8!important}
  #jdm16-hero img,#jdm15-hero .jdm15-slide img,#jdm14-hero .jdm14-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:42% center!important}
  #jdm16-hero .prev,#jdm16-hero .next,.jdm15-arrow,.jdm14-arrow{top:50%!important;width:42px!important;height:42px!important;margin-top:-21px!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:var(--jd-mobile-navy)!important;box-shadow:0 8px 18px rgba(9,43,73,.16)!important}
  #jdm16-hero .prev,.jdm15-arrow.prev,.jdm14-arrow.prev{left:12px!important}#jdm16-hero .next,.jdm15-arrow.next,.jdm14-arrow.next{right:12px!important}
  #jdm16-hero .dots,.jdm15-dots,.jdm14-dots{bottom:12px!important}.jdm15-dots button,.jdm14-dots button,#jdm16-hero .dots i{width:8px!important;height:8px!important}
  /* Fallback for the original homepage carousel when it remains the active mobile hero. */
  .full-banner-wrap,.full-banner-slider,.full-banner-slide,.full-banner-slide.active{height:225px!important;min-height:225px!important;max-height:225px!important}.full-banner-wrap{overflow:hidden!important}.full-banner-slide,.full-banner-slide.active{background-position:42% center!important}.full-banner-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:42% center!important}.full-banner-dots{bottom:12px!important}

  /* Content rhythm shared by all ordinary pages. */
  .section,.compact-section{padding:64px var(--jd-mobile-gutter)!important}.section-head h2,.strip-grid h2,.cta-box h2{font-size:34px!important;line-height:1.14!important;letter-spacing:-.035em!important}.section-head p,.strip-grid p,.market-grid p,.cta-box p{font-size:17px!important;line-height:1.58!important}.section-kicker{font-size:13px!important;letter-spacing:.13em!important;margin-bottom:14px!important}.section-head{max-width:100%!important}.section-head h2{margin-bottom:22px!important}
  .product-grid,.market-grid,.strip-grid{gap:16px!important}.product-card,.product-category-card{border-radius:16px!important}
}

@media (max-width:374px){
  #jdm16{height:88px!important;padding:0 14px!important}#jdm16 .jdm16-logo{left:14px!important;top:17px!important;font-size:15px!important}#jdm16 .jdm16-logo b{width:50px!important;height:50px!important}#jdm16 .jdm16-logo small{font-size:11px!important}#jdm16 .jdm16-top{right:70px!important;top:20px!important;gap:7px!important}#jdm16 .jdm16-top button,#jdm16-contact>button{width:42px!important;height:42px!important;border-radius:13px!important}#jdm16-contact{right:14px!important;top:20px!important}
  #jdm16-hero,#jdm15-hero,#jdm14-hero,.full-banner-wrap,.full-banner-slider,.full-banner-slide,.full-banner-slide.active{height:205px!important;min-height:205px!important;max-height:205px!important}.section,.compact-section{padding-left:18px!important;padding-right:18px!important}.section-head h2,.strip-grid h2,.cta-box h2{font-size:31px!important}
}