/* Retail-only ProDesk note and address readability polish */
.trex-address__locality,
.trex-popup__locality{
  color:var(--warm-slate,#3D3936)!important;
  font-weight:900!important;
}

.trex-card__note--special-order,
.trex-popup__special-order{
  margin-top:8px;
  padding:8px 10px;
  color:var(--spruce,#02463A);
  background:#FFFFFF;
  border:1px solid var(--field-border,#CFC9C1);
  border-left:4px solid var(--leaf,#85BE00);
  border-radius:var(--radius-corner,0 0 12px 0);
  font-size:12px;
  font-weight:950;
  line-height:1.25;
}

.trex-retail-availability{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:start;
  padding:12px;
  color:var(--spruce,#02463A);
  background:linear-gradient(180deg,#FFFFFF,#F7F5F2);
  border:1px solid var(--field-border,#CFC9C1);
  border-left:4px solid var(--leaf,#85BE00);
  border-radius:var(--radius-corner,0 0 14px 0);
}

.trex-retail-prodesk-hint[hidden],
.trex-retail-store[hidden]{
  display:none!important;
}

.trex-retail-availability__copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.trex-retail-availability__eyebrow{
  color:var(--spruce,#02463A);
  font-size:10px;
  font-weight:950;
  line-height:1.1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.trex-retail-availability__text{
  color:rgba(61,57,54,.78);
  font-size:13px;
  font-weight:800;
  line-height:1.32;
  letter-spacing:0;
  text-transform:none;
}

.trex-retail-availability__stores{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(158px,1fr));
  gap:8px;
}

.trex-popup__special-order{
  margin-top:8px;
  margin-bottom:7px;
  background:var(--limestone,#F7F5F2);
  font-size:12px;
}


.trex-card__note--special-order a,
.trex-popup__special-order a,
.trex-retail-prodesk-hint a{
  color:var(--spruce,#02463A);
  font-weight:950;
  text-decoration:underline;
  text-underline-offset:2px;
}

.trex-retail-store,
.trex-online-store{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:38px;
  width:100%;
  max-width:100%;
  color:var(--spruce,#02463A);
  background:#FFFFFF;
  border:1px solid var(--field-border,#CFC9C1);
  border-radius:var(--radius-corner,0 0 12px 0);
  padding:5px 10px 5px 6px;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(2,33,27,.08);
}

.trex-retail-store:hover,
.trex-online-store:hover{
  color:var(--spruce,#02463A);
  border-color:var(--spruce-tint,#386C66);
  background:#FFFFFF;
}

.trex-retail-store__logo,
.trex-online-store__logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:58px;
  height:28px;
  padding:0 7px;
  color:#FFFFFF;
  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:0;
  text-align:center;
  text-transform:none;
}

.trex-retail-store--lowes .trex-retail-store__logo,
.trex-online-store--lowes .trex-online-store__logo{
  min-width:62px;
  padding-top:5px;
  background:#004990;
  clip-path:polygon(12% 36%,50% 6%,88% 36%,88% 92%,12% 92%);
}

.trex-retail-store--homedepot .trex-retail-store__logo,
.trex-online-store--homedepot .trex-online-store__logo{
  width:42px;
  min-width:42px;
  height:32px;
  padding:2px 4px;
  background:#F96302;
  font-size:8px;
  line-height:.92;
  text-transform:uppercase;
}

.trex-retail-store__action,
.trex-online-store__action{
  flex:0 0 auto;
  color:var(--spruce,#02463A);
  font-size:11px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.trex-card__note--special-order,
.trex-popup__special-order{
  display:grid;
  gap:8px;
}

.trex-card__note-text{
  display:block;
}

.trex-popup__special-order .trex-online-store{
  min-height:34px;
  box-shadow:none;
}

.trex-popup__special-order .trex-online-store__action{
  font-size:10px;
}

.trex-stock-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-top:9px;
  padding:5px 9px 5px 6px;
  color:var(--spruce,#02463A);
  background:#FFFFFF;
  border:1px solid var(--field-border,#CFC9C1);
  border-left:4px solid var(--leaf,#85BE00);
  border-radius:var(--radius-corner,0 0 12px 0);
  font-size:12px;
  font-weight:950;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.035em;
}

.trex-stock-badge__icon{
  width:28px;
  height:28px;
  flex:0 0 auto;
  object-fit:contain;
  display:block;
}

.trex-stock-badge--unavailable{
  color:#7A201A;
  border-left-color:#E2362B;
}

.trex-stock-badge--popup{
  margin:0 0 8px;
  padding:4px 8px 4px 5px;
  font-size:11px;
}

.trex-stock-badge--popup .trex-stock-badge__icon{
  width:24px;
  height:24px;
}

@media (max-width:430px){
  .trex-retail-availability__stores{
    grid-template-columns:1fr;
  }
}