/* Home visual unification with the approved LSC catalogue system */
.home-catalog{background:#f7f8fa}
.home-catalog .eyebrow{
  display:flex;align-items:center;gap:14px;
  margin:0 0 12px;color:#cbd4da;
  font-size:10px;line-height:1;letter-spacing:.22em;font-weight:850;text-transform:uppercase
}
.home-catalog .eyebrow:before{
  content:"";width:58px;height:4px;flex:0 0 58px;border-radius:4px;background:#ef1d27
}

/* Compact industrial hero: same dark/light rhythm as category landings */
.home-catalog .hero{
  min-height:410px;height:auto;padding:34px 6vw 30px;
  grid-template-columns:42% 58%;gap:0;
  background:linear-gradient(105deg,#07111b 0%,#0b1722 42%,#171716 100%);
  overflow:hidden
}
.home-catalog .hero-copy{padding:8px 28px 0 0;z-index:2}
.home-catalog .hero h1{
  max-width:670px;margin:14px 0 13px;
  font-size:clamp(39px,4.1vw,62px);line-height:.98;letter-spacing:-.045em
}
.home-catalog .hero-lead{
  max-width:650px;margin:12px 0 20px;color:#bec9d1;
  font-size:clamp(16px,1.45vw,20px);line-height:1.45
}
.home-catalog .hero-actions{gap:10px}
.home-catalog .hero-actions .btn{min-height:40px;border-radius:8px;padding:0 17px;font-size:12px}
.home-catalog .hero-actions .btn-primary{
  background:linear-gradient(135deg,#d90918,#ff1c28);
  box-shadow:0 10px 26px rgba(225,27,34,.20)
}
.home-catalog .trust-row{
  margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:610px
}
.home-catalog .trust-row>div{
  min-width:0;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.025);display:flex;gap:7px;align-items:baseline
}
.home-catalog .trust-row strong{font-size:17px}
.home-catalog .trust-row span{font-size:10.5px;color:#a9b6bf}
.home-catalog .hero-visual{height:100%;min-height:340px;margin:-34px -6vw -30px 0;overflow:hidden}
.home-catalog .hero-photo-card{
  height:100%;min-height:410px;border-radius:0;box-shadow:none;transform:none;background:#111
}
.home-catalog .hero-photo-card img{width:100%;height:100%;min-height:410px;object-fit:cover}
.home-catalog .hero-photo-card:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,17,27,.52),rgba(7,17,27,.06) 22%,transparent 42%)
}
.home-catalog .hero-photo-label{position:absolute;left:24px;right:24px;bottom:20px;z-index:2;padding:0;background:transparent;color:#fff}
.home-catalog .floating-card{
  right:26px;bottom:22px;width:210px;border-radius:10px;padding:13px 15px;
  background:rgba(7,17,27,.88);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:none;z-index:3
}
.home-catalog .floating-card span{color:#ff5a61}

/* Product families */
.home-catalog #solutions{padding:42px 6vw 46px;background:#fafbfc}
.home-catalog .section-heading{max-width:1360px;margin:0 auto 20px}
.home-catalog .section-heading h2,
.home-catalog .seal-copy h2,
.home-catalog .jointless-copy h2,
.home-catalog .rfq-copy h2,
.home-catalog .contact h2{
  font-size:clamp(30px,3vw,44px);line-height:1.03;letter-spacing:-.035em
}
.home-catalog .section-heading p{font-size:14px;line-height:1.5}
.home-catalog #solutions .eyebrow,
.home-catalog #how .eyebrow,
.home-catalog #resources .eyebrow,
.home-catalog #contact .eyebrow{color:#243541}
.home-catalog .product-grid{
  max-width:1360px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.home-catalog .product-card{
  min-height:174px;padding:20px 56px 18px 20px;border-radius:10px;border:1px solid #dfe4e7;
  box-shadow:0 6px 18px rgba(7,17,27,.025);position:relative
}
.home-catalog .product-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ef1d27,#ff4651)
}
.home-catalog .product-card:after{
  content:"→";width:28px;height:28px;right:15px;bottom:auto;top:17px;border-radius:50%;
  background:#ef1d27;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800
}
.home-catalog .product-card .icon{width:38px;height:38px;border-radius:10px;font-size:20px;background:#f1f4f6;color:#1d2c37}
.home-catalog .product-card h3{font-size:18px;margin:15px 0 7px}
.home-catalog .product-card p{font-size:12px;line-height:1.4;margin:0}
.home-catalog .product-explore{display:none}
.home-catalog .product-card-accent{background:#fff;color:#101820;border-color:#dfe4e7}
.home-catalog .product-card-accent p{color:#62707c}
.home-catalog .product-card-accent .icon{background:#f1f4f6;color:#1d2c37}

/* Tissue & application map becomes the same dark card language */
.home-catalog #tissue{
  padding:28px 6vw 34px;color:#fff;
  background:radial-gradient(circle at 88% 16%,#102b40 0%,#081722 44%,#06111a 100%)
}
.home-catalog #tissue .section-heading{margin-bottom:18px}
.home-catalog #tissue .section-heading h2{color:#fff}
.home-catalog #tissue .section-heading p{color:#b6c1c9}
.home-catalog #tissue .eyebrow{color:#cbd4da}
.home-catalog .process-line{
  max-width:1360px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.home-catalog .process-item{
  min-height:112px;padding:17px 18px 14px;border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.17);color:#fff;overflow:hidden
}
.home-catalog .process-item:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ef1d27,#ff4250)
}
.home-catalog .process-item span{color:#8295a3}
.home-catalog .process-item strong{font-size:15px;margin-top:auto}
.home-catalog .process-item small{font-size:11px;line-height:1.35;color:#97a8b5}
.home-catalog .process-item.seal-item,
.home-catalog .process-item.jointless-item{border-color:rgba(255,255,255,.17);box-shadow:none}

/* Existing SEAL and jointless remain rich showcase sections, but adopt catalogue proportions */
.home-catalog #seal,
.home-catalog #jointless{padding:48px 6vw}
.home-catalog .seal-grid,.home-catalog .jointless-grid{gap:5vw}
.home-catalog .seal-photo{height:340px;border-radius:12px}
.home-catalog .jointless-visual{border-radius:12px}
.home-catalog .jointless-visual img{height:390px}
.home-catalog .chips span{border-radius:7px}
.home-catalog .route-note{border-radius:0 8px 8px 0}
.home-catalog .check-list li{padding-top:10px;padding-bottom:10px}

/* Four-step operating model in one clean panel */
.home-catalog #how{padding:42px 6vw;background:#f4f6f8}
.home-catalog #how .section-heading{margin-bottom:18px}
.home-catalog .steps{
  max-width:1360px;margin:0 auto;gap:0;padding:24px;
  border:1px solid #dfe4e8;border-radius:12px;background:#fff
}
.home-catalog .steps article{
  min-height:145px;border:0;border-left:1px solid #e0e5e8;border-radius:0;padding:0 22px;background:transparent
}
.home-catalog .steps article:first-child{border-left:0;padding-left:0}
.home-catalog .steps article>span{width:34px;height:34px}
.home-catalog .steps h3{font-size:15px;margin:12px 0 6px}
.home-catalog .steps p{font-size:11.5px;line-height:1.4}

/* Resources */
.home-catalog #resources{padding:42px 6vw}
.home-catalog .resource-grid{max-width:1360px;margin:0 auto;gap:12px}
.home-catalog .resource-card{border-radius:10px;padding:12px;gap:15px;box-shadow:none}
.home-catalog .resource-card img{border-radius:8px}
.home-catalog .resource-card strong{font-size:16px}
.home-catalog .resource-card span{color:#d91b25}

/* RFQ stays operational; only visual treatment changes */
.home-catalog #rfq{padding:48px 6vw;gap:5vw;background:radial-gradient(circle at 88% 16%,#102b40 0%,#081722 44%,#06111a 100%)}
.home-catalog #rfq .eyebrow{color:#cbd4da}
.home-catalog .rfq-copy p{font-size:15px}
.home-catalog .mini-list{font-size:13px}
.home-catalog .rfq-form{border-radius:12px;padding:24px}
.home-catalog .rfq-form input,.home-catalog .rfq-form textarea{border-radius:8px}
.home-catalog .rfq-form .btn-primary{
  background:linear-gradient(135deg,#d90918,#ff1c28);
  box-shadow:0 10px 26px rgba(225,27,34,.16)
}

/* Contact/footer */
.home-catalog #contact{padding:38px 6vw;background:#fff}
.home-catalog .contact-pill{border-radius:8px}
.home-catalog .footer{padding:24px 6vw}
.home-catalog .footer img{object-fit:contain}

@media(max-width:1100px){
  .home-catalog .hero{grid-template-columns:1fr 1fr;padding:30px 4vw}
  .home-catalog .hero-visual{margin:-30px -4vw -30px 0}
  .home-catalog .product-grid{grid-template-columns:repeat(2,1fr)}
  .home-catalog .process-line{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .home-catalog .hero{grid-template-columns:1fr;padding:30px 20px 0}
  .home-catalog .hero h1{font-size:40px}
  .home-catalog .hero-visual{height:245px;min-height:245px;margin:26px -20px 0}
  .home-catalog .hero-photo-card,.home-catalog .hero-photo-card img{min-height:245px;height:245px}
  .home-catalog .floating-card{display:none}
  .home-catalog .trust-row{grid-template-columns:1fr 1fr}
  .home-catalog #solutions,.home-catalog #tissue,.home-catalog #seal,.home-catalog #jointless,
  .home-catalog #how,.home-catalog #resources,.home-catalog #rfq,.home-catalog #contact{padding-left:20px;padding-right:20px}
  .home-catalog .product-grid,.home-catalog .process-line,.home-catalog .steps{grid-template-columns:1fr}
  .home-catalog .steps{gap:16px}
  .home-catalog .steps article{border-left:0;padding:0}
}


/* Homepage v2: LSC multi-family hero + smart product navigator */
.home-catalog .hero-mosaic{
  position:relative;
  display:grid;
  grid-template-columns:1.45fr .9fr;
  grid-template-rows:1fr 1fr;
  gap:7px;
  min-height:410px;
  background:#0a1219;
  overflow:hidden
}
.home-catalog .hero-mosaic:before{
  content:"LSC";
  position:absolute;
  z-index:5;
  left:18px;
  top:18px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:7px;
  background:rgba(7,17,27,.82);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em
}
.home-catalog .hero-mosaic:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(7,17,27,.20),transparent 32%),
             linear-gradient(0deg,rgba(7,17,27,.18),transparent 34%)
}
.home-catalog .hero-tile{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#101820
}
.home-catalog .hero-tile-main{grid-row:1 / 3}
.home-catalog .hero-tile img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  transition:transform .35s ease,filter .35s ease
}
.home-catalog .hero-tile:hover img{transform:scale(1.025);filter:brightness(1.04)}
.home-catalog .hero-tile>span{
  position:absolute;
  z-index:3;
  left:14px;
  bottom:13px;
  max-width:calc(100% - 28px);
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  background:rgba(7,17,27,.80);
  color:#fff;
  font-size:10px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:.05em
}
.home-catalog .hero-photo-card.hero-mosaic img{min-height:0;height:100%}
.home-catalog .hero-photo-card.hero-mosaic:after{display:none}
.home-catalog .hero-mosaic+.floating-card{
  right:22px;
  bottom:18px;
  width:205px;
  backdrop-filter:blur(8px)
}

/* Turn six equal boxes into a two-tier route selector:
   two visual LSC families first, four compact technical routes below. */
.home-catalog #solutions{padding-top:38px}
.home-catalog #solutions .section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);
  gap:42px;
  align-items:end
}
.home-catalog #solutions .section-heading .eyebrow,
.home-catalog #solutions .section-heading h2{grid-column:1}
.home-catalog #solutions .section-heading p{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  margin:0 0 4px;
  max-width:470px
}
.home-catalog .product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.home-catalog .product-card{
  min-height:158px;
  padding:18px 48px 18px 18px;
  display:flex;
  flex-direction:column
}
.home-catalog .product-card:nth-child(1),
.home-catalog .product-card:nth-child(3){
  order:1;
  grid-column:span 2;
  min-height:224px;
  padding:24px 46% 22px 24px;
  border-color:#283845;
  color:#fff;
  box-shadow:0 10px 28px rgba(7,17,27,.08)
}
.home-catalog .product-card:nth-child(1){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 46%,rgba(9,19,29,.92) 54%,rgba(9,19,29,.18) 74%,rgba(9,19,29,.05) 100%),
    url('/assets/heating/approved/cartridge-heaters-lsc.webp') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog .product-card:nth-child(3){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 46%,rgba(9,19,29,.92) 54%,rgba(9,19,29,.18) 74%,rgba(9,19,29,.05) 100%),
    url('/assets/silicone/approved/hero-lsc.jpg') right center/55% 100% no-repeat,
    #0a1621
}
.home-catalog .product-card:nth-child(2){order:3}
.home-catalog .product-card:nth-child(4){order:4}
.home-catalog .product-card:nth-child(5){order:5}
.home-catalog .product-card:nth-child(6){order:6}
.home-catalog .product-card:nth-child(1) .icon,
.home-catalog .product-card:nth-child(3) .icon{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff
}
.home-catalog .product-card:nth-child(1) h3,
.home-catalog .product-card:nth-child(3) h3{
  margin:17px 0 7px;
  font-size:22px;
  color:#fff
}
.home-catalog .product-card:nth-child(1) p,
.home-catalog .product-card:nth-child(3) p{
  color:#c6d0d7;
  max-width:420px;
  font-size:12.5px
}
.home-catalog .product-card:nth-child(6){
  background:#0b1620;
  border-color:#263744;
  color:#fff
}
.home-catalog .product-card:nth-child(6) h3{color:#fff}
.home-catalog .product-card:nth-child(6) p{color:#b9c5cd}
.home-catalog .product-card:nth-child(6) .icon{
  background:rgba(255,255,255,.08);
  color:#fff
}
.home-catalog .product-card:after{
  top:17px;
  right:15px;
  bottom:auto
}
.home-catalog .product-card:nth-child(1):after,
.home-catalog .product-card:nth-child(3):after{
  background:rgba(239,29,39,.96)
}
.home-catalog .product-explore{
  display:inline-flex;
  margin-top:auto;
  padding-top:13px;
  color:#d91b25;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em
}
.home-catalog .product-card:nth-child(1) .product-explore,
.home-catalog .product-card:nth-child(3) .product-explore,
.home-catalog .product-card:nth-child(6) .product-explore{color:#ff6a72}
.home-catalog .product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(7,17,27,.10)
}

@media(max-width:1100px){
  .home-catalog #solutions .section-heading{grid-template-columns:1fr;gap:9px}
  .home-catalog #solutions .section-heading .eyebrow,
  .home-catalog #solutions .section-heading h2,
  .home-catalog #solutions .section-heading p{grid-column:1;grid-row:auto}
  .home-catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-catalog .product-card:nth-child(1),
  .home-catalog .product-card:nth-child(3){grid-column:span 1;padding-right:40%;background-size:48% 100%}
}
@media(max-width:760px){
  .home-catalog .hero-mosaic{
    min-height:245px;
    grid-template-columns:1.35fr .85fr;
    gap:5px
  }
  .home-catalog .hero-mosaic:before{left:12px;top:12px}
  .home-catalog .hero-tile>span{left:9px;bottom:9px;font-size:9px}
  .home-catalog .hero-mosaic+.floating-card{display:none}
  .home-catalog .product-grid{grid-template-columns:1fr}
  .home-catalog .product-card:nth-child(1),
  .home-catalog .product-card:nth-child(3){
    grid-column:auto;
    min-height:210px;
    padding:22px 43% 20px 20px;
    background-size:54% 100%
  }
  .home-catalog .product-card{min-height:145px}
}
@media(max-width:460px){
  .home-catalog .hero-mosaic{grid-template-columns:1.25fr .9fr}
  .home-catalog .product-card:nth-child(1),
  .home-catalog .product-card:nth-child(3){
    padding-right:36%;
    background-size:48% 100%
  }
}


/* Homepage v3: cleaner hero, compact routes, compressed workflow/resources */
.home-catalog .hero{
  grid-template-columns:44% 56%;
  min-height:390px;
  padding-top:30px;
  padding-bottom:26px
}
.home-catalog .hero h1{
  max-width:610px;
  font-size:clamp(38px,3.65vw,54px);
  line-height:1.01
}
.home-catalog .hero-lead{
  max-width:610px;
  font-size:clamp(15px,1.2vw,18px);
  margin:14px 0 18px
}
.home-catalog .trust-row{margin-top:18px}
.home-catalog .hero-visual{min-height:330px}
.home-catalog .hero-photo-card.hero-mosaic{
  grid-template-columns:1.38fr .82fr;
  grid-template-rows:1fr;
  min-height:390px;
  padding-bottom:58px
}
.home-catalog .hero-tile-main,
.home-catalog .hero-tile-silicone{grid-row:auto}
.home-catalog .hero-tile-main{grid-column:1}
.home-catalog .hero-tile-silicone{grid-column:2}
.home-catalog .hero-tile>span{
  bottom:72px;
  font-size:10px;
  background:rgba(7,17,27,.86)
}
.home-catalog .hero-capabilities{
  position:absolute;
  z-index:6;
  left:0;right:0;bottom:0;
  min-height:58px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  background:rgba(7,17,27,.96);
  border-top:1px solid rgba(255,255,255,.14)
}
.home-catalog .hero-capabilities a{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 10px;
  color:#dce4ea;
  border-left:1px solid rgba(255,255,255,.10);
  font-size:9.5px;
  line-height:1.2;
  font-weight:800;
  text-align:center
}
.home-catalog .hero-capabilities a:first-child{border-left:0}
.home-catalog .hero-capabilities a:hover{background:#ef1d27;color:#fff}

/* Keep the two flagship routes visual, make the rest fast to scan. */
.home-catalog .product-card:nth-child(2),
.home-catalog .product-card:nth-child(4),
.home-catalog .product-card:nth-child(5),
.home-catalog .product-card:nth-child(6){
  min-height:126px;
  padding:17px 48px 16px 17px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:13px;
  align-content:center
}
.home-catalog .product-card:nth-child(2) .icon,
.home-catalog .product-card:nth-child(4) .icon,
.home-catalog .product-card:nth-child(5) .icon,
.home-catalog .product-card:nth-child(6) .icon{
  grid-column:1;
  grid-row:1 / span 2;
  align-self:center;
  width:40px;
  height:40px;
  margin:0
}
.home-catalog .product-card:nth-child(2) h3,
.home-catalog .product-card:nth-child(4) h3,
.home-catalog .product-card:nth-child(5) h3,
.home-catalog .product-card:nth-child(6) h3{
  grid-column:2;
  grid-row:1;
  margin:0 0 5px;
  font-size:16.5px
}
.home-catalog .product-card:nth-child(2) p,
.home-catalog .product-card:nth-child(4) p,
.home-catalog .product-card:nth-child(5) p,
.home-catalog .product-card:nth-child(6) p{
  grid-column:2;
  grid-row:2;
  margin:0;
  font-size:11.3px;
  line-height:1.35
}
.home-catalog .product-card:nth-child(2) .product-explore,
.home-catalog .product-card:nth-child(4) .product-explore,
.home-catalog .product-card:nth-child(5) .product-explore,
.home-catalog .product-card:nth-child(6) .product-explore{display:none}
.home-catalog .product-card:nth-child(2):after,
.home-catalog .product-card:nth-child(4):after,
.home-catalog .product-card:nth-child(5):after,
.home-catalog .product-card:nth-child(6):after{
  width:26px;height:26px;
  top:50%;right:14px;
  transform:translateY(-50%);
  font-size:14px
}

/* Workflow should read as a compact operating path, not a form panel. */
.home-catalog #how{
  padding-top:32px;
  padding-bottom:34px
}
.home-catalog #how .section-heading{
  margin-bottom:14px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px 24px;
  align-items:end
}
.home-catalog #how .section-heading .eyebrow{
  grid-column:1 / -1;
  margin-bottom:0
}
.home-catalog #how .section-heading h2{
  grid-column:1 / -1;
  max-width:900px;
  font-size:clamp(27px,2.4vw,36px)
}
.home-catalog .steps{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  padding:0;
  gap:1px;
  overflow:hidden;
  border-radius:10px;
  background:#dfe4e8
}
.home-catalog .steps article,
.home-catalog .steps article:first-child{
  min-height:118px;
  padding:17px 18px 15px;
  border:0;
  background:#fff
}
.home-catalog .steps article>span{
  width:28px;height:28px;
  font-size:12px
}
.home-catalog .steps h3{
  margin:9px 0 4px;
  font-size:14px
}
.home-catalog .steps p{
  margin:0;
  font-size:10.7px;
  line-height:1.38
}

/* Resources are support material, so visually subordinate them. */
.home-catalog #resources{
  padding-top:30px;
  padding-bottom:34px;
  background:#fff
}
.home-catalog #resources .section-heading{
  margin-bottom:14px;
  max-width:1100px
}
.home-catalog #resources .section-heading h2{
  font-size:clamp(26px,2.35vw,35px)
}
.home-catalog .resource-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px
}
.home-catalog .resource-card{
  min-height:92px;
  grid-template-columns:60px minmax(0,1fr);
  padding:10px;
  gap:12px;
  align-items:center;
  border-radius:9px
}
.home-catalog .resource-card img{
  width:60px;
  height:72px;
  object-fit:cover;
  border-radius:6px
}
.home-catalog .resource-card div{gap:6px}
.home-catalog .resource-card strong{
  font-size:14px;
  line-height:1.25
}
.home-catalog .resource-card span{font-size:10.5px}

@media(max-width:1100px){
  .home-catalog .hero{
    grid-template-columns:46% 54%;
    padding-left:4vw;
    padding-right:4vw
  }
  .home-catalog .hero h1{font-size:clamp(36px,4.25vw,48px)}
  .home-catalog .hero-photo-card.hero-mosaic{min-height:365px}
  .home-catalog .product-card:nth-child(1),
  .home-catalog .product-card:nth-child(3){
    min-height:205px;
    padding-top:21px;
    padding-bottom:19px
  }
  .home-catalog .steps{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important
  }
  .home-catalog .steps article,
  .home-catalog .steps article:first-child{min-height:112px;padding:14px}
}
@media(max-width:860px){
  .home-catalog .hero{
    grid-template-columns:1fr;
    padding:26px 20px 0
  }
  .home-catalog .hero h1{
    max-width:720px;
    font-size:clamp(38px,6vw,48px)
  }
  .home-catalog .hero-visual{
    margin:22px -20px 0;
    min-height:290px
  }
  .home-catalog .hero-photo-card.hero-mosaic{
    min-height:290px;
    height:290px;
    padding-bottom:52px
  }
  .home-catalog .hero-capabilities{min-height:52px}
  .home-catalog .hero-capabilities a{font-size:9px;padding:7px 5px}
  .home-catalog .hero-tile>span{bottom:63px}
  .home-catalog .product-card:nth-child(1),
  .home-catalog .product-card:nth-child(3){min-height:190px}
  .home-catalog .steps{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
  .home-catalog .resource-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .home-catalog .hero h1{font-size:36px}
  .home-catalog .hero-photo-card.hero-mosaic{
    grid-template-columns:1.15fr .85fr;
    min-height:265px;
    height:265px
  }
  .home-catalog .hero-capabilities{
    grid-template-columns:repeat(2,1fr)
  }
  .home-catalog .hero-capabilities a:nth-child(3),
  .home-catalog .hero-capabilities a:nth-child(4){display:none}
  .home-catalog .steps{
    grid-template-columns:1fr 1fr !important
  }
  .home-catalog .steps article,
  .home-catalog .steps article:first-child{min-height:108px}
}


/* Homepage v4: compact Jointless feature + secondary route consistency */
/* All four secondary routes should carry the same visual weight. */
.home-catalog .product-card:nth-child(6){
  background:#fff;
  border-color:#dfe4e7;
  color:#101820
}
.home-catalog .product-card:nth-child(6) h3{color:#101820}
.home-catalog .product-card:nth-child(6) p{color:#62707c}
.home-catalog .product-card:nth-child(6) .icon{
  background:#f1f4f6;
  color:#1d2c37
}
.home-catalog .product-card:nth-child(6):after{background:#ef1d27;color:#fff}

/* Jointless is a focused product highlight, not a full-page presentation. */
.home-catalog #jointless{
  padding:34px 6vw;
  background:#f6f7f8
}
.home-catalog #jointless .jointless-grid{
  max-width:1360px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
  gap:0;
  align-items:stretch;
  overflow:hidden;
  border:1px solid #263744;
  border-radius:12px;
  background:linear-gradient(115deg,#07111b 0%,#0a1823 58%,#102738 100%);
  box-shadow:0 12px 32px rgba(7,17,27,.08)
}
.home-catalog #jointless .jointless-visual{
  min-height:285px;
  height:285px;
  border-radius:0;
  background:#0b1118;
  box-shadow:none;
  overflow:hidden;
  position:relative
}
.home-catalog #jointless .jointless-visual:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 55%,rgba(7,17,27,.45) 100%)
}
.home-catalog #jointless .jointless-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left top;
  filter:saturate(.92) contrast(1.02)
}
.home-catalog #jointless .jointless-copy{
  padding:28px 32px 25px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.home-catalog #jointless .eyebrow{
  margin:0 0 10px;
  color:#cbd4da;
  font-size:9.5px
}
.home-catalog #jointless .eyebrow:before{width:44px;flex-basis:44px;height:3px}
.home-catalog #jointless .jointless-copy h2{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(27px,2.4vw,36px);
  line-height:1.02;
  letter-spacing:-.035em
}
.home-catalog #jointless .big-copy{
  margin:0 0 14px;
  max-width:660px;
  color:#bdc8d0;
  font-size:14px;
  line-height:1.45
}
.home-catalog #jointless .check-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
  margin:0 0 18px;
  padding:0
}
.home-catalog #jointless .check-list li{
  min-height:42px;
  padding:9px 0 9px 23px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#e5ebef;
  font-size:11.5px;
  line-height:1.35
}
.home-catalog #jointless .check-list li:before{
  left:0;
  color:#ff4a53;
  font-size:13px
}
.home-catalog #jointless .btn-primary{
  align-self:flex-start;
  min-height:39px;
  padding:0 16px;
  border-radius:8px;
  background:linear-gradient(135deg,#d90918,#ff1c28);
  color:#fff;
  box-shadow:0 9px 22px rgba(225,27,34,.18);
  font-size:11.5px
}

@media(max-width:900px){
  .home-catalog #jointless .jointless-grid{
    grid-template-columns:1fr 1.08fr
  }
  .home-catalog #jointless .jointless-visual{
    min-height:260px;
    height:260px
  }
  .home-catalog #jointless .jointless-copy{
    padding:23px 24px 21px
  }
  .home-catalog #jointless .check-list{
    grid-template-columns:1fr
  }
  .home-catalog #jointless .check-list li{
    min-height:0;
    padding-top:6px;
    padding-bottom:6px
  }
}
@media(max-width:680px){
  .home-catalog #jointless{padding:26px 20px}
  .home-catalog #jointless .jointless-grid{grid-template-columns:1fr}
  .home-catalog #jointless .jointless-visual{
    height:190px;
    min-height:190px
  }
  .home-catalog #jointless .jointless-copy{
    padding:21px 20px 20px
  }
  .home-catalog #jointless .jointless-copy h2{font-size:28px}
  .home-catalog #jointless .big-copy{font-size:13px}
}


/* Homepage v5: unified family navigation under clean hero images */
.home-catalog .hero-photo-card.hero-mosaic{
  padding-bottom:58px
}
.home-catalog .hero-tile>span{display:none!important}
.home-catalog .hero-capabilities{
  grid-template-columns:repeat(6,minmax(0,1fr));
  min-height:58px
}
.home-catalog .hero-capabilities a{
  display:flex!important;
  min-width:0;
  min-height:58px;
  padding:8px 7px;
  border-left:1px solid rgba(255,255,255,.10);
  border-top:0;
  font-size:8.8px;
  line-height:1.18;
  letter-spacing:0;
  white-space:normal
}
.home-catalog .hero-capabilities a:first-child{border-left:0}

@media(max-width:900px){
  .home-catalog .hero-capabilities{
    grid-template-columns:repeat(3,minmax(0,1fr));
    min-height:92px
  }
  .home-catalog .hero-photo-card.hero-mosaic{
    padding-bottom:92px
  }
  .home-catalog .hero-capabilities a{
    min-height:46px;
    font-size:8.8px;
    padding:6px 7px;
    border-top:1px solid rgba(255,255,255,.08)
  }
  .home-catalog .hero-capabilities a:nth-child(-n+3){border-top:0}
  .home-catalog .hero-capabilities a:nth-child(4){border-left:0}
}

@media(max-width:560px){
  .home-catalog .hero-capabilities{
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-height:126px
  }
  .home-catalog .hero-photo-card.hero-mosaic{
    padding-bottom:126px
  }
  .home-catalog .hero-capabilities a,
  .home-catalog .hero-capabilities a:nth-child(3),
  .home-catalog .hero-capabilities a:nth-child(4){
    display:flex!important;
    min-height:42px;
    font-size:8.6px
  }
  .home-catalog .hero-capabilities a:nth-child(odd){border-left:0}
  .home-catalog .hero-capabilities a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
}


/* Homepage v6: uniform six-family visual grid */
.home-catalog #solutions .product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px
}

/* Preserve commercial order: Heating + Silicone first, then the remaining routes. */
.home-catalog #solutions .product-card:nth-child(1){order:1}
.home-catalog #solutions .product-card:nth-child(3){order:2}
.home-catalog #solutions .product-card:nth-child(2){order:3}
.home-catalog #solutions .product-card:nth-child(4){order:4}
.home-catalog #solutions .product-card:nth-child(5){order:5}
.home-catalog #solutions .product-card:nth-child(6){order:6}

.home-catalog #solutions .product-card{
  grid-column:auto;
  min-height:224px;
  padding:24px 44% 22px 24px;
  display:flex;
  flex-direction:column;
  align-content:initial;
  grid-template-columns:none;
  grid-template-rows:none;
  column-gap:0;
  position:relative;
  overflow:hidden;
  border:1px solid #283845;
  border-radius:14px;
  color:#fff!important;
  background-color:#0a1621;
  box-shadow:0 10px 28px rgba(7,17,27,.08);
  transform:translateY(0)
}

.home-catalog #solutions .product-card:before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#ef1d27,#ff4250)
}

.home-catalog #solutions .product-card:after{
  content:"→";
  position:absolute;
  z-index:4;
  top:18px;
  right:16px;
  bottom:auto;
  width:36px;
  height:36px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ef1d27;
  color:#fff;
  font-size:18px;
  font-weight:800;
  transform:none
}

.home-catalog #solutions .product-card .icon,
.home-catalog #solutions .product-card:nth-child(2) .icon,
.home-catalog #solutions .product-card:nth-child(4) .icon,
.home-catalog #solutions .product-card:nth-child(5) .icon,
.home-catalog #solutions .product-card:nth-child(6) .icon{
  grid-column:auto;
  grid-row:auto;
  align-self:auto;
  width:44px;
  height:44px;
  margin:0 0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;
  position:relative;
  z-index:3
}

.home-catalog #solutions .product-card h3,
.home-catalog #solutions .product-card:nth-child(2) h3,
.home-catalog #solutions .product-card:nth-child(4) h3,
.home-catalog #solutions .product-card:nth-child(5) h3,
.home-catalog #solutions .product-card:nth-child(6) h3{
  grid-column:auto;
  grid-row:auto;
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
  line-height:1.1;
  position:relative;
  z-index:3
}

.home-catalog #solutions .product-card p,
.home-catalog #solutions .product-card:nth-child(2) p,
.home-catalog #solutions .product-card:nth-child(4) p,
.home-catalog #solutions .product-card:nth-child(5) p,
.home-catalog #solutions .product-card:nth-child(6) p{
  grid-column:auto;
  grid-row:auto;
  margin:0;
  max-width:420px;
  color:#c6d0d7;
  font-size:12.5px;
  line-height:1.45;
  position:relative;
  z-index:3
}

.home-catalog #solutions .product-card .product-explore,
.home-catalog #solutions .product-card:nth-child(2) .product-explore,
.home-catalog #solutions .product-card:nth-child(4) .product-explore,
.home-catalog #solutions .product-card:nth-child(5) .product-explore,
.home-catalog #solutions .product-card:nth-child(6) .product-explore{
  display:inline-flex!important;
  margin-top:auto;
  padding-top:14px;
  color:#ff6a72;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  position:relative;
  z-index:3
}

/* One shared overlay recipe, six real approved LSC visuals. */
.home-catalog #solutions .product-card:nth-child(1){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.28) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/heating/approved/cartridge-heaters-lsc.webp') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(2){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.28) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/belts-conveying-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(3){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.28) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/silicone/approved/hero-lsc.jpg') right center/55% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(4){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.28) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/belts-conveying-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(5){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.28) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/belts-conveying-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(6){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.28) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/belts-conveying-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}

.home-catalog #solutions .product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(7,17,27,.12)
}

@media(max-width:1100px){
  .home-catalog #solutions .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .home-catalog #solutions .product-card{
    min-height:210px;
    padding:22px 40% 20px 20px
  }
  .home-catalog #solutions .product-card h3,
  .home-catalog #solutions .product-card:nth-child(2) h3,
  .home-catalog #solutions .product-card:nth-child(4) h3,
  .home-catalog #solutions .product-card:nth-child(5) h3,
  .home-catalog #solutions .product-card:nth-child(6) h3{
    font-size:20px
  }
}

@media(max-width:760px){
  .home-catalog #solutions .product-grid{
    grid-template-columns:1fr
  }
  .home-catalog #solutions .product-card{
    min-height:205px;
    padding:21px 40% 19px 19px
  }
}

@media(max-width:460px){
  .home-catalog #solutions .product-card{
    min-height:195px;
    padding-right:36%
  }
  .home-catalog #solutions .product-card h3,
  .home-catalog #solutions .product-card:nth-child(2) h3,
  .home-catalog #solutions .product-card:nth-child(4) h3,
  .home-catalog #solutions .product-card:nth-child(5) h3,
  .home-catalog #solutions .product-card:nth-child(6) h3{
    font-size:18px
  }
  .home-catalog #solutions .product-card p,
  .home-catalog #solutions .product-card:nth-child(2) p,
  .home-catalog #solutions .product-card:nth-child(4) p,
  .home-catalog #solutions .product-card:nth-child(5) p,
  .home-catalog #solutions .product-card:nth-child(6) p{
    font-size:11.5px
  }
}


/* v12: stable category media — no sprite dependency */
.home-catalog #solutions .product-card:nth-child(2){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/heating/approved/sealing-cutting-elements-lsc.webp') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(4){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/belts-conveying-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(5){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/rollers-coatings-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(6){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/custom-spare-parts-lsc.svg') right center/54% 100% no-repeat,
    #0a1621
}


/* v13: realistic family renders — binary WebP assets, no sprite/base64 dependency */
.home-catalog #solutions .product-card:nth-child(2){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/sealing-realistic-lsc.webp') right center/54% auto no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(4){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/belts-realistic-lsc.webp') right center/54% auto no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(5){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/rollers-realistic-lsc.webp') right center/54% auto no-repeat,
    #0a1621
}
.home-catalog #solutions .product-card:nth-child(6){
  background:
    linear-gradient(90deg,#09131d 0%,#0a1621 45%,rgba(9,19,29,.94) 54%,rgba(9,19,29,.30) 76%,rgba(9,19,29,.06) 100%),
    url('/assets/home/approved/custom-realistic-lsc.webp') right center/54% auto no-repeat,
    #0a1621
}