/* LOCKED APPROVED VISUAL RESTORE — 2026-10-16 */

/* HOME: restore approved compact proportions without changing content/assets */
body.home .bar{min-height:68px!important}
body.home .brand img{height:45px!important;max-width:150px!important}
body.home .hero{min-height:390px!important}
body.home .hero .slide-inner{
  min-height:390px!important;
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr)!important;
  gap:12px!important;
  padding-top:24px!important;
  padding-bottom:28px!important
}
body.home .hero .slide-copy{max-width:610px!important}
body.home .hero .eyebrow{margin-bottom:9px!important;font-size:9px!important}
body.home .hero .slide-title{
  max-width:610px!important;
  margin-bottom:10px!important;
  font-size:clamp(44px,3.65vw,61px)!important;
  line-height:.91!important
}
body.home .hero .slide-text{max-width:560px!important;font-size:14px!important;line-height:1.4!important}
body.home .hero .badges{
  max-width:560px!important;
  margin-top:12px!important;
  gap:5px!important
}
body.home .hero .badges li{
  min-height:42px!important;
  padding:6px 7px!important;
  font-size:7.6px!important
}
body.home .hero .badges .ic{width:18px!important;height:18px!important;flex-basis:18px!important}
body.home .hero .slide-cta{margin-top:12px!important}
body.home .hero .slide-cta .btn{
  min-height:42px!important;
  padding:0 18px!important;
  font-size:11px!important
}
body.home .hero .slide-art{
  min-height:330px!important;
  max-height:350px!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:contain!important;
  animation:riLockedHomeFloat 6.5s ease-in-out infinite!important
}
body.home .hero .slide-art img{display:none!important}
body.home .hero .slide:nth-child(1) .slide-art{background-image:url('/uploads/hero/hero-work-handling.png')!important}
body.home .hero .slide:nth-child(2) .slide-art{background-image:url('/uploads/hero/hero-welding-gloves.png')!important}
body.home .hero .slide:nth-child(3) .slide-art{background-image:url('/uploads/hero/hero-mechanic-impact.png')!important}
body.home .hero .slide:nth-child(4) .slide-art{background-image:url('/uploads/hero/hero-protective-clothing.png')!important}
@keyframes riLockedHomeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
body.home .hero .hero-ui{bottom:8px!important}
body.home .hero .dot{width:8px!important;height:8px!important}
body.home .cats{padding:10px 0 14px!important}
body.home .grid-cats{gap:7px!important}
body.home .cat-card{min-height:205px!important}
body.home .cat-card header{min-height:60px!important;padding:10px 10px 10px 12px!important}
body.home .cat-card h3{font-size:clamp(16px,1.22vw,21px)!important;padding-right:42px!important}
body.home .cat-card .go{width:32px!important;height:32px!important;right:10px!important;bottom:11px!important}
body.home .grid-cats .cat-img{
  background-size:auto 76%,cover!important;
  background-position:center 42%,center!important;
  background-repeat:no-repeat!important
}
body.home .grid-cats .cat-card:nth-child(1) .cat-img{background-image:url('/uploads/hero/hero-work-handling.png'),radial-gradient(75% 60% at 50% 42%,#30373b 0%,#171d21 55%,#0d1114 100%)!important}
body.home .grid-cats .cat-card:nth-child(2) .cat-img{background-image:url('/uploads/hero/hero-welding-gloves.png'),radial-gradient(75% 60% at 50% 42%,#30373b 0%,#171d21 55%,#0d1114 100%)!important}
body.home .grid-cats .cat-card:nth-child(3) .cat-img{background-image:url('/uploads/hero/hero-mechanic-impact.png'),radial-gradient(75% 60% at 50% 42%,#30373b 0%,#171d21 55%,#0d1114 100%)!important}
body.home .grid-cats .cat-card:nth-child(4) .cat-img{background-image:url('/uploads/hero/hero-protective-clothing.png'),radial-gradient(75% 60% at 50% 42%,#30373b 0%,#171d21 55%,#0d1114 100%)!important}
body.home .grid-cats .cat-img img{display:none!important}
body.home .featured{padding-top:34px!important}

/* FEATURED PRODUCTS: natural image ratio, no vertical stretching */
body.home .featured .feat-row{
  grid-auto-columns:minmax(150px,175px)!important;
  gap:10px!important
}
body.home .featured .pcard{min-width:150px!important;padding:9px!important}
body.home .featured .pcard .pimg{
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important
}
body.home .featured .pcard .pimg img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:82%!important;
  object-fit:contain!important
}

/* CATEGORY PAGES: restore approved dark industrial identity, compact */
body.listing .cat-banner{
  position:relative!important;
  overflow:hidden!important;
  background:#06090c!important;
  color:#fff!important;
  border-bottom:1px solid #1d242a!important
}
body.listing .cat-banner:before{
  content:""!important;
  position:absolute!important;inset:0!important;
  background:radial-gradient(62% 95% at 88% 18%,rgba(245,197,24,.12),transparent 58%),linear-gradient(180deg,#080b0e 0%,#05080a 100%)!important
}
body.listing .cat-banner .slide-bg,
body.listing .cat-banner .slide-shade{display:none!important}
body.listing .cat-banner .slide-inner{
  position:relative!important;z-index:2!important;
  min-height:330px!important;
  grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr)!important;
  gap:24px!important;
  padding-top:26px!important;
  padding-bottom:22px!important;
  align-items:center!important
}
body.listing .cat-banner .slide-copy{max-width:690px!important}
body.listing .cat-banner .crumbs{
  margin:0 0 9px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:#c9ced3!important
}
body.listing .cat-banner .crumbs a{color:#c9ced3!important}
body.listing .cat-banner .slide-title{
  margin:0 0 10px!important;
  max-width:9.6em!important;
  font-size:clamp(37px,3.55vw,56px)!important;
  line-height:.91!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important
}
body.listing .cat-banner .slide-title .t1{display:block!important;color:#fff!important}
body.listing .cat-banner .slide-title .t2{display:block!important;color:#f5c518!important}
body.listing .cat-banner .slide-text{
  max-width:580px!important;
  margin:0!important;
  color:#d5d9dc!important;
  font-size:14.5px!important;
  line-height:1.42!important
}
body.listing .cat-banner .slide-cta{margin-top:14px!important}
body.listing .cat-banner .slide-cta .btn{
  background:#f5c518!important;
  color:#111!important;
  border-color:#f5c518!important;
  box-shadow:0 9px 24px rgba(245,197,24,.14)!important;
  min-height:40px!important;
  padding:0 18px!important;
  font-size:11px!important;
  text-transform:uppercase!important
}
body.listing .cat-banner .slide-copy:after{
  content:"EXPORT TO GLOBAL MARKETS   |   QUALITY MANUFACTURING   |   CUSTOM DESIGNS & OEM AVAILABLE   |   LONG TERM BUSINESS PARTNERSHIP";
  display:block;
  margin-top:14px;
  padding:10px 12px;
  border:1px solid #2b3238;
  color:#e8eaec;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.025em;
  line-height:1.35
}
body.listing .cat-banner .slide-art{
  min-height:275px!important;
  max-height:290px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:none!important;
  overflow:visible!important;
  animation:riLockedCatFloat 6s ease-in-out infinite!important
}
body.listing .cat-banner .slide-art img{display:none!important}
body.listing:has(.chip[href*="work-handling-gloves"].on) .cat-banner .slide-art{background-image:url('/uploads/hero/hero-work-handling.png')!important}
body.listing:has(.chip[href*="welding-gloves"].on) .cat-banner .slide-art{background-image:url('/uploads/hero/hero-welding-gloves.png')!important}
body.listing:has(.chip[href*="mechanic-impact-gloves"].on) .cat-banner .slide-art{background-image:url('/uploads/hero/hero-mechanic-impact.png')!important}
body.listing:has(.chip[href*="protective-clothing"].on) .cat-banner .slide-art{background-image:url('/uploads/hero/hero-protective-clothing.png')!important}
@keyframes riLockedCatFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
body.listing .list-sec{padding-top:24px!important}

@media(max-width:900px){
  body.home .hero{min-height:520px!important}
  body.home .hero .slide-inner{min-height:520px!important}
  body.home .cat-card{min-height:220px!important}
  body.listing .cat-banner .slide-inner{grid-template-columns:1fr 1fr!important;min-height:300px!important}
}
@media(max-width:680px){
  body.home .hero{min-height:650px!important}
  body.home .hero .slide-inner{min-height:650px!important}
  body.home .grid-cats{grid-template-columns:1fr 1fr!important}
  body.home .cat-card{min-height:180px!important}
  body.listing .cat-banner .slide-inner{grid-template-columns:1fr!important;min-height:auto!important}
  body.listing .cat-banner .slide-art{min-height:190px!important}
}
@media(prefers-reduced-motion:reduce){
  body.home .hero .slide-art,body.listing .cat-banner .slide-art{animation:none!important}
}