.home-category-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:330px;
  justify-content:flex-end;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 18px 42px rgba(7,31,40,.16);
}

.home-category-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:inherit;
  background-position:center;
  background-size:cover;
  transition:transform .35s ease;
}

.home-category-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(4,22,30,.14) 0%,rgba(4,24,32,.48) 42%,rgba(4,24,32,.94) 100%);
}

.home-category-card:hover::before{transform:scale(1.045)}
.home-category-card:hover{border-color:rgba(145,220,228,.48);box-shadow:0 24px 54px rgba(7,31,40,.24)}

.home-category-card--self-drilling-screws{background-image:url('/assets/website/SCREWS_APP.jpg')}
.home-category-card--sealant-tapes{background-image:url('/assets/website/SEALANT_APP.jpg')}
.home-category-card--saddle-washers{background-image:url('/assets/website/SADDLE_APP.jpg')}
.home-category-card--insulation-fixing{background-image:url('/assets/website/JIN_APP.jpg')}

.home-category-icon{
  position:absolute;
  top:22px;
  left:22px;
  background:rgba(255,255,255,.9);
  color:#075f6e;
  box-shadow:0 8px 22px rgba(2,18,24,.18);
  backdrop-filter:blur(8px);
}

.home-category-content{
  flex:0 0 auto;
  margin-top:132px;
  color:#fff;
}

.home-category-meta{color:rgba(255,255,255,.74)}
.home-category-card h3{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.34)}
.home-category-card p{color:rgba(255,255,255,.84);text-shadow:0 1px 10px rgba(0,0,0,.28)}
.home-category-card span:last-child{color:#fff}
.home-category-card span:last-child svg{color:#8fe0e8}

/* Technical support is presented as a structured process, not another card grid. */
.home-support .support-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 44px;
  border-top:1px solid #d9e4e7;
}

.home-support .support-grid article{
  position:relative;
  min-height:0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:18px;
  padding:27px 0;
  border:0;
  border-bottom:1px solid #d9e4e7;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.home-support .support-grid article>svg{display:none}

.home-support .support-grid article>span{
  position:static;
  grid-row:1/3;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid #bad0d5;
  border-radius:50%;
  color:#087080;
  background:#f4f9fa;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}

.home-support .support-grid h3{
  margin:0;
  align-self:end;
  color:#17313b;
  font-size:20px;
}

.home-support .support-grid p{
  margin:7px 0 0;
  max-width:460px;
  color:#667a82;
  font-size:13px;
  line-height:1.65;
}

/* Technical resources becomes one clear action panel with aligned actions. */
.home-download-cta{
  position:relative;
  overflow:hidden;
  align-items:stretch;
  padding:0;
  border:1px solid #d5e3e6;
  background:#fff;
  box-shadow:0 18px 46px rgba(15,42,51,.07);
}

.home-download-cta::after{
  content:"";
  position:absolute;
  top:-80px;
  right:220px;
  width:260px;
  height:260px;
  border:48px solid rgba(8,112,128,.045);
  border-radius:50%;
  pointer-events:none;
}

.home-download-cta>div:first-child{
  position:relative;
  z-index:1;
  flex:1;
  padding:42px 46px;
}

.home-download-cta h2{
  max-width:800px;
  margin:0;
  font-size:clamp(34px,3.6vw,52px);
}

.home-download-actions{
  position:relative;
  z-index:1;
  flex:0 0 330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  padding:34px;
  border-left:1px solid #dce7e9;
  background:#f3f8f9;
}

.home-download-actions .btn{
  width:100%;
  min-height:52px;
  justify-content:center;
}

@media(max-width:900px){
  .home-support .support-grid{grid-template-columns:1fr}
  .home-download-cta{display:block}
  .home-download-actions{border-left:0;border-top:1px solid #dce7e9;padding:24px 30px}
}

@media(max-width:780px){
  .home-category-card{min-height:300px}
  .home-category-content{margin-top:118px}
  .home-support .support-grid article{grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:22px 0}
  .home-support .support-grid article>span{width:40px;height:40px}
  .home-download-cta>div:first-child{padding:32px 26px}
  .home-download-actions{padding:22px 26px}
}