#jf-dynamic-products-page{
  --navy:#071f4a;
  --navy2:#0b2f68;
  --orange:#ff5a00;
  --line:#e6ebf2;
  --soft:#f6f8fb;
  --shadow:0 22px 60px rgba(7,31,74,.13);
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  overflow-x:hidden!important;
  font-family:Inter,Arial,sans-serif!important;
  color:#172033!important;
  background:#fff!important;
}

#jf-dynamic-products-page,
#jf-dynamic-products-page *{box-sizing:border-box!important}

#jf-dynamic-products-page a{text-decoration:none!important}

#jf-dynamic-products-page .jf-dp-container{
  width:min(1180px,calc(100% - 64px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
}

#jf-dynamic-products-page .jf-dp-hero{
  min-height:430px!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(3,18,47,.96),rgba(3,18,47,.82),rgba(3,18,47,.28)),
    url('https://images.unsplash.com/photo-1615874694520-474822394e73?auto=format&fit=crop&w=1900&q=90') center/cover!important;
}

#jf-dynamic-products-page .jf-dp-hero-inner{
  padding:74px 0 82px!important;
  color:#fff!important;
}

#jf-dynamic-products-page .jf-dp-breadcrumb{
  display:inline-flex!important;
  gap:9px!important;
  align-items:center!important;
  padding:9px 13px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
  margin-bottom:22px!important;
}

#jf-dynamic-products-page .jf-dp-breadcrumb a{color:#fff!important}

#jf-dynamic-products-page .jf-dp-hero-kicker{
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:14px!important;
}

#jf-dynamic-products-page .jf-dp-hero-kicker:before{
  content:""!important;
  width:34px!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
}

#jf-dynamic-products-page .jf-dp-hero h1{
  color:#fff!important;
  font-size:clamp(42px,5.4vw,68px)!important;
  line-height:1.03!important;
  letter-spacing:-.05em!important;
  font-weight:800!important;
  max-width:720px!important;
  margin:0 0 18px!important;
}

#jf-dynamic-products-page .jf-dp-hero h1 span{color:var(--orange)!important}

#jf-dynamic-products-page .jf-dp-hero p{
  color:rgba(255,255,255,.84)!important;
  font-size:15px!important;
  line-height:1.78!important;
  max-width:660px!important;
  margin:0!important;
}

#jf-dynamic-products-page .jf-dp-catnav-wrap{
  position:relative!important;
  z-index:3!important;
  margin-top:-32px!important;
}

#jf-dynamic-products-page .jf-dp-catnav{
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding:14px!important;
  background:#fff!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
}

#jf-dynamic-products-page .jf-dp-catnav::-webkit-scrollbar{display:none!important}

#jf-dynamic-products-page .jf-dp-catnav a{
  flex:0 0 auto!important;
  min-width:132px!important;
  padding:13px 16px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  background:#f8fafc!important;
  color:var(--navy)!important;
  border:1px solid var(--line)!important;
  font-size:13px!important;
  font-weight:800!important;
  transition:.2s!important;
}

#jf-dynamic-products-page .jf-dp-catnav a:hover,
#jf-dynamic-products-page .jf-dp-catnav a.active{
  background:var(--navy)!important;
  color:#fff!important;
  border-color:var(--navy)!important;
  transform:translateY(-2px)!important;
}

#jf-dynamic-products-page .jf-dp-section{
  padding:76px 0!important;
  background:#fff!important;
}

#jf-dynamic-products-page .jf-dp-section.is-soft{background:var(--soft)!important}

#jf-dynamic-products-page .jf-dp-banner{
  min-height:260px!important;
  padding:38px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:24px!important;
  overflow:hidden!important;
  margin-bottom:30px!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(7,31,74,.96),rgba(7,31,74,.76),rgba(7,31,74,.18)),
    var(--jf-banner-image) center/cover!important;
}

#jf-dynamic-products-page .jf-dp-banner h3{
  color:#fff!important;
  font-size:clamp(28px,4vw,44px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  margin:0 0 12px!important;
}

#jf-dynamic-products-page .jf-dp-banner p{
  color:rgba(255,255,255,.82)!important;
  font-size:14px!important;
  line-height:1.7!important;
  max-width:560px!important;
  margin:0 0 18px!important;
}

#jf-dynamic-products-page .jf-dp-banner-btn{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  background:var(--orange)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}

#jf-dynamic-products-page .jf-dp-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin-bottom:30px!important;
}

#jf-dynamic-products-page .jf-dp-kicker{
  color:var(--orange)!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:11px!important;
  font-weight:800!important;
  margin-bottom:8px!important;
}

#jf-dynamic-products-page .jf-dp-heading h2{
  color:var(--navy)!important;
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1.14!important;
  letter-spacing:-.04em!important;
  font-weight:800!important;
  margin:0!important;
}

#jf-dynamic-products-page .jf-dp-view{
  color:var(--orange)!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

#jf-dynamic-products-page .jf-dp-cta{
  padding:44px!important;
  border-radius:26px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:28px!important;
  background:
    linear-gradient(90deg,rgba(7,31,74,.97),rgba(7,31,74,.84),rgba(7,31,74,.34)),
    url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1800&q=88') center/cover!important;
}

#jf-dynamic-products-page .jf-dp-cta h2{
  color:#fff!important;
  font-size:clamp(28px,4vw,44px)!important;
  line-height:1.15!important;
  margin:0 0 10px!important;
}

#jf-dynamic-products-page .jf-dp-cta p{
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  line-height:1.72!important;
  margin:0!important;
}

#jf-dynamic-products-page .jf-dp-cta a{
  min-height:50px!important;
  padding:0 20px!important;
  border-radius:11px!important;
  background:var(--orange)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

#jf-dynamic-products-page .jf-dp-empty{
  padding:30px!important;
  border:1px dashed #ccd4df!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#667085!important;
  text-align:center!important;
}

@media(max-width:820px){
  #jf-dynamic-products-page .jf-dp-container{
    width:min(100% - 40px,1180px)!important;
  }
  #jf-dynamic-products-page .jf-dp-heading{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  #jf-dynamic-products-page .jf-dp-cta{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:600px){
  #jf-dynamic-products-page .jf-dp-container{
    width:min(100% - 24px,1180px)!important;
  }
  #jf-dynamic-products-page .jf-dp-hero{
    min-height:400px!important;
  }
  #jf-dynamic-products-page .jf-dp-hero-inner{
    padding:52px 0 68px!important;
  }
  #jf-dynamic-products-page .jf-dp-hero h1{
    font-size:36px!important;
    line-height:1.08!important;
  }
  #jf-dynamic-products-page .jf-dp-section{
    padding:58px 0!important;
  }
  #jf-dynamic-products-page .jf-dp-banner{
    min-height:320px!important;
    align-items:flex-end!important;
    padding:26px 20px!important;
  }
  #jf-dynamic-products-page .jf-dp-cta{
    padding:28px 22px!important;
  }
  #jf-dynamic-products-page .jf-dp-cta a{
    width:100%!important;
    justify-content:center!important;
  }
}