/* APG Category Directory v61.8
   Department-first marketplace directory for /categories/.
   Governed category imagery stays compact and subordinate to navigation. */

body[data-apg-category-index-images="v61"] main#main{
  background:#f3f4f4!important;
}

body[data-apg-category-index-images="v61"] .platform-sharebar{
  display:none!important;
}

body[data-apg-category-index-images="v61"] main#main>.wrap{
  padding-top:10px!important;
  padding-bottom:0!important;
}

body[data-apg-category-index-images="v61"] .crumbs{
  margin:0!important;
  color:#667178!important;
  font-size:12px!important;
}

body[data-apg-category-index-images="v61"] .hero-shell{
  margin:0!important;
  padding:22px 0 20px!important;
  background:#fff!important;
  border-bottom:1px solid #dde2e4!important;
}

body[data-apg-category-index-images="v61"] .hero-shell .hero{
  max-width:1180px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body[data-apg-category-index-images="v61"] .hero-shell .hero .kicker,
body[data-apg-category-index-images="v61"] .apg-category-departments .kicker,
body[data-apg-category-index-images="v61"] main#main>.section>.section-head .kicker{
  margin:0 0 5px!important;
  color:#5e696f!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}

body[data-apg-category-index-images="v61"] .hero-shell .hero h1{
  margin:0!important;
  color:#11181d!important;
  font-size:clamp(31px,3.5vw,46px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:780!important;
}

body[data-apg-category-index-images="v61"] .hero-shell .hero .lede{
  max-width:820px!important;
  margin:10px 0 0!important;
  color:#536067!important;
  font-size:15px!important;
  line-height:1.55!important;
}

body[data-apg-category-index-images="v61"] .apg-category-hero-proof{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  margin:15px 0 0!important;
  color:#4b575d!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}

body[data-apg-category-index-images="v61"] .apg-category-hero-proof span{
  position:relative!important;
  padding-left:13px!important;
}

body[data-apg-category-index-images="v61"] .apg-category-hero-proof span::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.42em!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#1f7a5a!important;
}

body[data-apg-category-index-images="v61"] .apg-category-hero-proof strong{
  color:#172027!important;
  font-weight:800!important;
}

body[data-apg-category-index-images="v61"] .apg-category-retail-tools{
  background:#fff!important;
  border-bottom:1px solid #d9dfe2!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}

body[data-apg-category-index-images="v61"] .apg-category-retail-tools-inner{
  width:min(1180px,calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:9px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

body[data-apg-category-index-images="v61"] .apg-category-quick,
body[data-apg-category-index-images="v61"] .apg-category-task-links{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}

body[data-apg-category-index-images="v61"] .apg-category-quick{
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

body[data-apg-category-index-images="v61"] .apg-category-quick::-webkit-scrollbar{
  display:none!important;
}

body[data-apg-category-index-images="v61"] .apg-category-quick>span{
  margin-right:4px!important;
  color:#4f5b61!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

body[data-apg-category-index-images="v61"] .apg-category-quick a,
body[data-apg-category-index-images="v61"] .apg-category-task-links a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:5px 9px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  color:#243039!important;
  background:transparent!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:680!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body[data-apg-category-index-images="v61"] .apg-category-quick a:hover,
body[data-apg-category-index-images="v61"] .apg-category-task-links a:hover{
  border-color:#d1d8db!important;
  background:#f7f8f8!important;
}

body[data-apg-category-index-images="v61"] .apg-category-task-links{
  padding-left:10px!important;
  border-left:1px solid #e1e5e7!important;
}

body[data-apg-category-index-images="v61"] .apg-category-task-links a:first-child{
  border-color:#c6d6f5!important;
  background:#eef4ff!important;
  color:#174ea6!important;
}

body[data-apg-category-index-images="v61"] .apg-category-departments{
  width:min(1180px,calc(100% - 32px))!important;
  margin:24px auto 0!important;
}

body[data-apg-category-index-images="v61"] .apg-category-departments-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin:0 0 12px!important;
}

body[data-apg-category-index-images="v61"] .apg-category-departments-head h2,
body[data-apg-category-index-images="v61"] main#main>.section>.section-head h2{
  margin:0!important;
  color:#151d22!important;
  font-size:24px!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  font-weight:780!important;
}

body[data-apg-category-index-images="v61"] .apg-category-departments-head>p{
  max-width:500px!important;
  margin:0!important;
  color:#647077!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  text-align:right!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-card{
  min-width:0!important;
  padding:15px!important;
  background:#fff!important;
  border:1px solid #dce2e5!important;
  border-radius:10px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-card:hover{
  border-color:#bcc7cc!important;
  box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-title{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #edf0f1!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-title img{
  display:block!important;
  box-sizing:border-box!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  object-fit:cover!important;
  border:1px solid #e0e5e7!important;
  border-radius:8px!important;
  background:#f3f5f5!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-title span{
  display:block!important;
  margin:0 0 2px!important;
  color:#758087!important;
  font-size:9.75px!important;
  line-height:1.2!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-title h3{
  margin:0!important;
  color:#172027!important;
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:-.012em!important;
  font-weight:780!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-links{
  display:grid!important;
  gap:0!important;
  margin:8px 0 0!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-links a{
  display:block!important;
  padding:5px 0!important;
  color:#25323a!important;
  font-size:12.25px!important;
  line-height:1.28!important;
  font-weight:620!important;
  text-decoration:none!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-links a:hover{
  color:#0f5f57!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-all{
  display:inline-flex!important;
  margin-top:8px!important;
  color:#526067!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-decoration:none!important;
}

body[data-apg-category-index-images="v61"] .apg-category-department-all:hover{
  color:#0f5f57!important;
  text-decoration:underline!important;
}

body[data-apg-category-index-images="v61"] main#main>.section{
  width:min(1180px,calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:28px 0 48px!important;
}

body[data-apg-category-index-images="v61"] main#main>.section>.section-head{
  margin:0 0 12px!important;
  padding:0!important;
  align-items:end!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-catalogue{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
  align-items:end!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:12px 13px!important;
  border:1px solid #d8dfe2!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.04)!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-catalogue>div:first-child{
  min-width:0!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-catalogue label{
  display:block!important;
  margin:0 0 6px!important;
  color:#303b42!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:780!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-catalogue input[type="search"]{
  width:100%!important;
  min-height:43px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #9eaaaf!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#172027!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important;
  font-size:14px!important;
  line-height:1.2!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-catalogue input[type="search"]:focus{
  border-color:#4777c7!important;
  outline:3px solid rgba(37,99,235,.13)!important;
  outline-offset:0!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-count{
  min-width:92px!important;
  padding:0 3px 4px!important;
  text-align:right!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-count strong{
  display:block!important;
  color:#1a242a!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:800!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-count span{
  display:block!important;
  margin-top:4px!important;
  color:#727d83!important;
  font-size:10.75px!important;
  white-space:nowrap!important;
}

body[data-apg-category-index-images="v61"] .apg-v12-catalogue [data-v12-clear]{
  min-height:34px!important;
  padding:7px 10px!important;
  border:1px solid #c6cfd3!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#263239!important;
  font-size:11.5px!important;
  font-weight:750!important;
}

body[data-apg-category-index-images="v61"] .category-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card,
body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:start!important;
  column-gap:11px!important;
  min-height:0!important;
  padding:13px 14px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dce2e5!important;
  border-radius:8px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card:hover{
  transform:none!important;
  border-color:#b7c3c8!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(15,23,42,.05)!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card:focus-within{
  outline:2px solid #2563eb!important;
  outline-offset:2px!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card::after{
  content:none!important;
}

body[data-apg-category-index-images="v61"] .category-index-media,
body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card>.category-index-media.is-premium,
body[data-apg-category-index-images="v61"] .category-grid .category-card:not(.v7-category-card)>.category-index-media.is-base{
  position:relative!important;
  z-index:1!important;
  box-sizing:border-box!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:1px 0 0!important;
  overflow:hidden!important;
  align-self:start!important;
  border:1px solid #e0e5e7!important;
  border-radius:7px!important;
  background:#f3f5f5!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

body[data-apg-category-index-images="v61"] .category-index-media>a:first-child,
body[data-apg-category-index-images="v61"] .category-index-media img{
  display:block!important;
  box-sizing:border-box!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#f3f5f5!important;
}

body[data-apg-category-index-images="v61"] .category-index-media img{
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
}

body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card>.v7-category-card-copy,
body[data-apg-category-index-images="v61"] .category-grid .category-card:not(.v7-category-card)>div:not(.category-index-media){
  min-width:0!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .eyebrow,
body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card>.v7-category-card-copy .eyebrow{
  margin:0 0 3px!important;
  color:#717c82!important;
  font-size:10.25px!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card h3,
body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card>.v7-category-card-copy h3,
body[data-apg-category-index-images="v61"] .category-grid .category-card:not(.v7-category-card) h3{
  margin:0!important;
  font-size:15.5px!important;
  line-height:1.22!important;
  font-weight:770!important;
  letter-spacing:-.012em!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card h3 a{
  color:#172127!important;
  text-decoration:none!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card h3 a::after{
  content:none!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card h3 a:hover{
  color:#0f5f57!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card>div>p:not(.eyebrow){
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:4px 0 0!important;
  color:#5f6a70!important;
  font-size:11.75px!important;
  line-height:1.38!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .pills{
  display:none!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 10px!important;
  margin:8px 0 0!important;
  padding:0!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions .button.secondary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  padding:4px 8px!important;
  border:1px solid var(--apg46-blue,#2563EB)!important;
  border-radius:5px!important;
  background:var(--apg46-blue,#2563EB)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(37,99,235,.18)!important;
  font-size:10.75px!important;
  line-height:1.15!important;
  font-weight:750!important;
  text-decoration:none!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions .button.secondary:hover,
body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions .button.secondary:focus-visible{
  border-color:var(--apg46-blue-dark,#1D4ED8)!important;
  background:var(--apg46-blue-dark,#1D4ED8)!important;
  color:#fff!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions .text-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:0!important;
  color:var(--apg46-blue,#2563EB)!important;
  font-size:10.75px!important;
  line-height:1.15!important;
  font-weight:750!important;
  text-decoration:none!important;
}

body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions .text-link:hover,
body[data-apg-category-index-images="v61"] .category-grid .category-card .card-actions .text-link:focus-visible{
  color:var(--apg46-blue-dark,#1D4ED8)!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

@media (max-width:1100px){
  body[data-apg-category-index-images="v61"] .apg-category-department-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-apg-category-index-images="v61"] .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:840px){
  body[data-apg-category-index-images="v61"] .apg-category-retail-tools-inner{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  body[data-apg-category-index-images="v61"] .apg-category-task-links{
    width:100%!important;
    padding-left:0!important;
    border-left:0!important;
    overflow-x:auto!important;
  }
  body[data-apg-category-index-images="v61"] .apg-category-departments-head{
    display:block!important;
  }
  body[data-apg-category-index-images="v61"] .apg-category-departments-head>p{
    max-width:680px!important;
    margin-top:6px!important;
    text-align:left!important;
  }
  body[data-apg-category-index-images="v61"] .apg-v12-catalogue{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
}

@media (max-width:620px){
  body[data-apg-category-index-images="v61"] main#main>.wrap,
  body[data-apg-category-index-images="v61"] .apg-category-retail-tools-inner,
  body[data-apg-category-index-images="v61"] .apg-category-departments,
  body[data-apg-category-index-images="v61"] main#main>.section{
    width:min(100% - 24px,1180px)!important;
  }

  body[data-apg-category-index-images="v61"] .hero-shell{
    padding:18px 0 16px!important;
  }

  body[data-apg-category-index-images="v61"] .hero-shell .hero h1{
    font-size:31px!important;
  }

  body[data-apg-category-index-images="v61"] .apg-category-hero-proof{
    display:grid!important;
    gap:5px!important;
  }

  body[data-apg-category-index-images="v61"] .apg-category-departments{
    margin-top:20px!important;
  }

  body[data-apg-category-index-images="v61"] .apg-category-department-grid,
  body[data-apg-category-index-images="v61"] .category-grid{
    grid-template-columns:1fr!important;
  }

  body[data-apg-category-index-images="v61"] .apg-category-department-card{
    padding:13px!important;
  }

  body[data-apg-category-index-images="v61"] .apg-v12-catalogue{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body[data-apg-category-index-images="v61"] .apg-v12-count{
    display:none!important;
  }

  body[data-apg-category-index-images="v61"] .category-grid .category-card,
  body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card{
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:12px 13px!important;
  }

  body[data-apg-category-index-images="v61"] .category-index-media,
  body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card>.category-index-media.is-premium,
  body[data-apg-category-index-images="v61"] .category-grid .category-card:not(.v7-category-card)>.category-index-media.is-base,
  body[data-apg-category-index-images="v61"] .category-index-media>a:first-child,
  body[data-apg-category-index-images="v61"] .category-index-media img{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }

  body[data-apg-category-index-images="v61"] .category-grid .category-card h3,
  body[data-apg-category-index-images="v61"] .premium-category-grid .v7-category-card>.v7-category-card-copy h3,
  body[data-apg-category-index-images="v61"] .category-grid .category-card:not(.v7-category-card) h3{
    font-size:15px!important;
  }
}