/* DIY ProSupply Co — compact catalog-first home, keeping the CAC/CACD design system */
.storefront-home .hero--compact {
  padding: 27px 0 25px;
  min-height: 0;
  background: linear-gradient(126deg,#151616 0%,#0b0d0e 74%);
  border-bottom: 1px solid #53452f;
}
.storefront-home .shop-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px 38px;
  align-items:center;
}
.storefront-home .shop-hero .eyebrow{
  margin-bottom:5px;
  color:#d9b979;
  font-size:10px;
  letter-spacing:.14em;
}
.storefront-home .shop-hero h1{
  font:400 clamp(34px,3.9vw,53px)/1.12 Georgia,'Times New Roman',serif;
  letter-spacing:-.02em;
  margin:0 0 8px;
  color:#f2ece2;
}
.storefront-home .shop-hero p{
  color:#d0c8bb;
  font-size:14px;
  line-height:1.57;
  max-width:760px;
  margin:0;
}
.storefront-home .shop-hero__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.storefront-home .shop-hero__actions .btn{min-width:145px;min-height:43px}
.storefront-home .shop-resource-hub{
  padding:11px 0 4px;
  background:#0c0e0f;
  border-bottom:1px solid #4b3f2d;
}
.storefront-home .shop-disclosure{
  border:1px solid #5d4b32;
  background:linear-gradient(120deg,#1b1c1c,#111415 82%);
  border-radius:5px;
  overflow:hidden;
  margin:0 0 8px;
}
.storefront-home .shop-disclosure summary{
  display:flex;
  gap:11px 17px;
  flex-wrap:wrap;
  align-items:center;
  min-height:52px;
  list-style:none;
  cursor:pointer;
  padding:10px 16px 10px 19px;
  color:#f3eee5;
}
.storefront-home .shop-disclosure summary::-webkit-details-marker{display:none}
.storefront-home .shop-disclosure summary::marker{content:""}
.storefront-home .shop-disclosure summary:hover{background:#25221d}
.storefront-home .shop-disclosure summary:focus-visible{outline:2px solid #efd094;outline-offset:-4px}
.storefront-home .shop-disclosure__title{font-weight:700;font-size:14px;color:#f3e8d5;line-height:1.3}
.storefront-home .shop-disclosure__description{font-size:12px;color:#c0b6a5;line-height:1.4}
.storefront-home .shop-disclosure__toggle{
  margin-left:auto;
  display:grid;place-items:center;
  flex:none;
  width:26px;height:26px;
  border:1px solid #897046;border-radius:4px;
  color:#e4c17f;font-size:21px;font-weight:400;
  line-height:1;
}
.storefront-home .shop-disclosure[open] .shop-disclosure__toggle{transform:rotate(45deg)}
.storefront-home .shop-disclosure[open]>summary{
  border-bottom:1px solid #534630;
  background:#24221e;
}
.storefront-home .shop-disclosure__content{
  padding:8px 19px 22px;
}
.storefront-home .shop-disclosure__content .wrap{width:100%;max-width:none}
.storefront-home .shop-disclosure__content>.section{
  padding:32px 0;
}
.storefront-home .shop-disclosure__content>.section:not(:first-child){
  border-top:1px solid #4d4030;
}
.storefront-home .shop-disclosure__content>.cac-fig-section{
  padding:25px 0;
}
.storefront-home .shop-disclosure__content .catalog-head{border-top:none}
.storefront-home .shop-disclosure__content .brand-section{padding-top:27px}
.storefront-home .shop-disclosure__content .brand-panel{padding:23px}
.storefront-home .shop-resource-overview{
  padding:22px 0 7px;
}
.storefront-home .shop-resource-overview h3{
  margin:0 0 13px;
  font-size:13px;
  color:#dbb777;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.storefront-home .shop-resource-overview .process-map{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid #574936;
  border-top:2px solid #b89155;
  border-radius:5px;
  padding:0;
  box-shadow:none;
  max-width:none;
}
.storefront-home .shop-resource-overview .process-step{
  display:block;
  padding:17px;
  border-bottom:0;
  border-right:1px solid #574936;
}
.storefront-home .shop-resource-overview .process-step:last-child{border-right:0}
.storefront-home .shop-resource-overview .step-num{margin:0 0 12px}
.storefront-home .shop-resource-overview .process-step strong{font-size:13px}
.storefront-home .shop-resource-overview .process-step span{font-size:12px}
.storefront-home #products{
  padding:19px 0 56px;
}
.storefront-home #products .catalog-head{
  padding-top:5px;
  border-top:0;
}
.storefront-home #products .eyebrow{margin-bottom:2px}
.storefront-home #products h2{
  font:400 clamp(28px,2.6vw,37px)/1.18 Georgia,'Times New Roman',serif;
  margin:0 0 5px;
}
.storefront-home #products .section-intro{
  margin:0 0 13px;
  font-size:13px;
  line-height:1.5;
}
.storefront-home #products .tools{
  margin:11px 0 9px;
}
.storefront-home #products .filters{
  margin:9px 0 12px;
}
.storefront-home #products .count{
  margin-bottom:9px;
}
.storefront-home #products .filter-btn{
  padding:8px 12px;
}
.storefront-home #products .grid{
  scroll-margin-top:115px;
}
body:has(.storefront-home) .diy-offer-bar .wrap{
  min-height:46px;
  padding:6px 0;
  gap:8px 20px;
}
body:has(.storefront-home) .diy-offer-bar__copy{gap:7px 12px}
body:has(.storefront-home) .diy-offer-bar__mark{font-size:18px}
body:has(.storefront-home) .diy-offer-bar__message{font-size:12px}
body:has(.storefront-home) .diy-offer-bar__actions .diy-offer-button,
body:has(.storefront-home) .diy-offer-bar__actions .diy-offer-link{
  min-height:32px;
  padding:6px 10px;
  font-size:11px;
}
@media(max-width:950px){
  .storefront-home .shop-hero{grid-template-columns:1fr}
  .storefront-home .shop-hero__actions{justify-content:flex-start}
  .storefront-home .shop-resource-overview .process-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .storefront-home .shop-resource-overview .process-step:nth-child(2){border-right:0}
  .storefront-home .shop-resource-overview .process-step:nth-child(-n+2){border-bottom:1px solid #574936}
}
@media(max-width:700px){
  .storefront-home .hero--compact{padding:23px 0 22px}
  .storefront-home .shop-hero{gap:16px}
  .storefront-home .shop-hero h1{font-size:35px}
  .storefront-home .shop-hero p{font-size:13px}
  .storefront-home .shop-hero__actions .btn{min-height:39px;min-width:0}
  .storefront-home .shop-disclosure summary{gap:4px 11px;padding:11px 13px;min-height:56px}
  .storefront-home .shop-disclosure__title{font-size:13px}
  .storefront-home .shop-disclosure__description{font-size:11px;flex-basis:100%;order:3}
  .storefront-home .shop-disclosure__toggle{order:2}
  .storefront-home .shop-disclosure__content{padding:5px 12px 15px}
  .storefront-home #products{padding:19px 0 44px}
}
@media(max-width:480px){
  .storefront-home .shop-hero h1{font-size:32px}
  .storefront-home .shop-hero__actions{gap:8px}
  .storefront-home .shop-hero__actions .btn{font-size:11px;padding:8px 10px}
  .storefront-home .shop-resource-overview .process-map{grid-template-columns:1fr}
  .storefront-home .shop-resource-overview .process-step{
    padding:12px 14px;border-right:0;border-bottom:1px solid #574936
  }
  .storefront-home .shop-resource-overview .process-step:last-child{border-bottom:0}
  .storefront-home .shop-disclosure__description{max-width:255px}
  .storefront-home #products .filters{gap:6px}
  .storefront-home #products .filter-btn{padding:8px 10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .storefront-home .shop-disclosure__toggle{transition:none}
}