
/* Build 40.5.1 — self-contained sponsor card integration */
.nan-network-sponsor-wrap{
  box-sizing:border-box !important;
  width:min(1360px,calc(100% - 32px)) !important;
  margin:14px auto 18px !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  clear:both !important;
  position:relative !important;
  z-index:4 !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
.nan-network-sponsor-card{
  box-sizing:border-box !important;
  width:min(650px,100%) !important;
  min-width:0 !important;
  min-height:214px !important;
  padding:18px !important;
  margin:0 !important;
  border:1px solid #dbe3de !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(20,45,35,.035) !important;
  overflow:hidden !important;
}
.nan-network-sponsor-card .nan-pair-card-head{
  display:flex !important;
  align-items:flex-start !important;
  gap:11px !important;
  margin:0 0 13px !important;
  padding:0 74px 0 0 !important;
  position:relative !important;
}
.nan-network-sponsor-card .nan-pair-head-icon{
  flex:0 0 34px !important;
  width:34px !important;height:34px !important;
  display:grid !important;place-items:center !important;
  border-radius:10px !important;
  background:#eef7f2 !important;
  color:#087a49 !important;
  font-size:14px !important;font-weight:900 !important;
}
.nan-network-sponsor-card .nan-ad-kicker{
  display:block !important;
  margin:0 0 2px !important;
  color:#087a49 !important;
  font-size:7px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
.nan-network-sponsor-card h2{
  margin:0 !important;
  color:#102c22 !important;
  font:700 17px/1.15 Arial,Helvetica,sans-serif !important;
}
.nan-network-sponsor-card .nan-pair-card-head p{
  margin:3px 0 0 !important;
  color:#6a7971 !important;
  font:400 9px/1.35 Arial,Helvetica,sans-serif !important;
}
.nan-network-sponsor-card .nan-pair-head-action{
  position:absolute !important;
  right:0 !important;top:2px !important;
  color:#087a49 !important;
  font:900 8px/1 Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
}
.nan-network-sponsor-card .nan-ad-stage{
  position:relative !important;
  min-height:124px !important;
  height:124px !important;
  overflow:hidden !important;
  margin:0 !important;
  border:1px solid #d9e2dc !important;
  border-radius:10px !important;
  background:#0f181d !important;
  box-shadow:none !important;
}
.nan-network-sponsor-card .nan-ad-card{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateX(12px) !important;
  transition:opacity .3s ease,transform .3s ease,visibility .3s ease !important;
  text-decoration:none !important;
  color:#fff !important;
}
.nan-network-sponsor-card .nan-ad-card.is-active{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(0) !important;
  z-index:2 !important;
}
.nan-network-sponsor-card .nan-ad-media{
  box-sizing:border-box !important;
  min-height:124px !important;
  height:124px !important;
  padding:15px 17px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto 1fr auto !important;
  gap:5px 12px !important;
  align-items:center !important;
  color:#fff !important;
  background:radial-gradient(circle at 85% 25%,rgba(189,248,23,.18),transparent 25%),linear-gradient(135deg,#10251d,#0c151a) !important;
}
.nan-network-sponsor-card .nan-ad-media--dealer{
  background:radial-gradient(circle at 86% 20%,rgba(47,140,255,.18),transparent 27%),linear-gradient(135deg,#13253a,#0d171c) !important;
}
.nan-network-sponsor-card .nan-ad-media--service{
  background:radial-gradient(circle at 84% 20%,rgba(241,170,52,.20),transparent 27%),linear-gradient(135deg,#2a2012,#0e171a) !important;
}
.nan-network-sponsor-card .nan-ad-badge{
  grid-column:1/-1 !important;
  justify-self:start !important;
  display:inline-flex !important;
  padding:4px 7px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#bdf817 !important;
  font:900 6.5px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.06em !important;
}
.nan-network-sponsor-card .nan-ad-copy{
  display:grid !important;
  align-content:center !important;
  gap:3px !important;
  min-width:0 !important;
  max-width:480px !important;
}
.nan-network-sponsor-card .nan-ad-copy small{
  color:#b4c8be !important;
  font:800 7.5px/1.2 Arial,Helvetica,sans-serif !important;
}
.nan-network-sponsor-card .nan-ad-copy strong{
  color:#fff !important;
  font:800 16px/1.08 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.01em !important;
}
.nan-network-sponsor-card .nan-ad-copy span{
  color:#c7d5ce !important;
  font:400 8px/1.25 Arial,Helvetica,sans-serif !important;
}
.nan-network-sponsor-card .nan-ad-cta{
  align-self:center !important;
  justify-self:end !important;
  min-width:105px !important;
  padding:9px 10px !important;
  border-radius:9px !important;
  background:#bdf817 !important;
  color:#103123 !important;
  font:900 7.5px/1.1 Arial,Helvetica,sans-serif !important;
  text-align:center !important;
}
.nan-network-sponsor-card .nan-ad-controls{
  position:absolute !important;
  right:9px !important;
  bottom:7px !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}
.nan-network-sponsor-card .nan-ad-controls button{
  box-sizing:border-box !important;
  width:22px !important;height:22px !important;
  margin:0 !important;padding:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:50% !important;
  background:rgba(8,20,16,.60) !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:20px !important;
  cursor:pointer !important;
}
.nan-network-sponsor-card .nan-ad-dots{
  display:flex !important;
  gap:4px !important;
  align-items:center !important;
}
.nan-network-sponsor-card .nan-ad-dot{
  box-sizing:border-box !important;
  width:6px !important;height:6px !important;
  min-width:0 !important;
  margin:0 !important;padding:0 !important;
  border:0 !important;border-radius:50% !important;
  background:rgba(255,255,255,.36) !important;
}
.nan-network-sponsor-card .nan-ad-dot.is-active{background:#bdf817 !important}
@media(max-width:760px){
  .nan-network-sponsor-wrap{justify-content:stretch !important;margin-top:10px !important}
  .nan-network-sponsor-card{width:100% !important;min-height:200px !important}
}
@media(max-width:520px){
  .nan-network-sponsor-card{padding:14px !important}
  .nan-network-sponsor-card .nan-pair-card-head{padding-right:0 !important}
  .nan-network-sponsor-card .nan-pair-head-action{position:static !important;margin-left:auto !important}
  .nan-network-sponsor-card .nan-ad-stage,.nan-network-sponsor-card .nan-ad-media{height:160px !important;min-height:160px !important}
  .nan-network-sponsor-card .nan-ad-media{grid-template-columns:1fr !important}
  .nan-network-sponsor-card .nan-ad-cta{justify-self:start !important}
}


/* Build 40.5.3 — professional top commercial grid */
.nan-module-commercial-top{
  width:min(1440px,calc(100% - 32px));
  margin:16px auto 22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(470px,650px);
  gap:24px;
  align-items:stretch;
}
.nan-module-commercial-top > .page-head,
.nan-module-commercial-top > .module-page-head,
.nan-module-commercial-top > .nan-intro-panel,
.nan-module-commercial-top > .sc-commercial-intro,
.nan-module-commercial-top > .community-commercial-intro{
  margin:0 !important;
  min-width:0;
  min-height:214px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  border:1px solid #e2e7e4;
  border-radius:14px;
  background:#fff;
  padding:24px 28px !important;
}
.nan-module-commercial-top > .page-head .container,
.nan-module-commercial-top > .module-page-head .container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.nan-module-commercial-top .module-back{display:inline-block;margin-bottom:14px}
.nan-module-commercial-top h1{margin:0 0 10px!important}
.nan-module-commercial-top p{max-width:700px;margin-bottom:0!important}
.nan-module-commercial-top > .nan-network-sponsor-wrap{
  width:100% !important;
  margin:0 !important;
  align-self:stretch;
}
.nan-module-commercial-top .nan-network-sponsor-card{
  width:100% !important;
  height:100%;
  min-height:214px !important;
}
.nan-module-commercial-top + .module-toolbar,
.nan-module-commercial-top + main,
.nan-module-commercial-top + .sc-page{
  margin-top:0 !important;
}

/* Service-center intro extracted into a compact left commercial panel */
.sc-commercial-intro{display:grid!important;align-content:center!important}
.sc-commercial-intro .sc-kicker{display:block;margin-bottom:8px}
.sc-commercial-intro h1{font-size:clamp(30px,4vw,52px)!important;line-height:1!important}
.sc-commercial-intro p{font-size:14px!important;line-height:1.55!important;color:#5d6d65!important}

/* Community intro top card */
.community-commercial-intro{display:grid!important;align-content:center!important}
.community-commercial-intro .eyebrow{margin-bottom:8px!important}
.community-commercial-intro h1{font-size:clamp(34px,4vw,56px)!important;line-height:1!important}
.community-commercial-intro p{font-size:14px!important;color:#5d6d65!important}

@media(max-width:1050px){
  .nan-module-commercial-top{grid-template-columns:1fr}
  .nan-module-commercial-top > .page-head,
  .nan-module-commercial-top > .module-page-head,
  .nan-module-commercial-top > .nan-intro-panel,
  .nan-module-commercial-top > .sc-commercial-intro,
  .nan-module-commercial-top > .community-commercial-intro{min-height:auto}
}

/* Build 40.5.3 — avoid duplicate community intro after top commercial grid */
.nan-hero-after-commercial > .eyebrow,
.nan-hero-after-commercial > .headline{display:none!important}
.nan-hero-after-commercial{padding-top:18px!important}
