/* DIY ProSupply Co | GlassParency affiliate savings module */
:root{
  --offer-gold:#d7b578;--offer-text:#f3eee5;--offer-muted:#c9c1b3;--offer-line:#7d6540;
}
.diy-offer-bar,.diy-offer-section,.diy-offer-inline{font-family:Arial,Helvetica,sans-serif}
.diy-offer-bar{background:linear-gradient(100deg,#231e18,#111416 58%,#211d17);border-bottom:1px solid #876b40;color:var(--offer-text)}
.diy-offer-bar .wrap{display:flex;align-items:center;justify-content:center;gap:16px 24px;min-height:59px;padding:11px 0;flex-wrap:wrap}
.diy-offer-bar__copy{display:flex;align-items:center;gap:11px 14px;flex-wrap:wrap;justify-content:center;font-size:13px;line-height:1.5}
.diy-offer-bar__mark{color:#f0cd88;font:400 22px/1 Georgia,'Times New Roman',serif;white-space:nowrap}
.diy-offer-bar__message{color:#ded6c9;font-size:13px}
.diy-offer-code{font:800 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#ffdb90;border:1px solid #a08451;background:#2f291f;border-radius:4px;padding:8px 12px;white-space:nowrap}
.diy-offer-bar__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}
.diy-offer-button,.diy-offer-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;font:700 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.025em;border-radius:3px;text-decoration:none;cursor:pointer}
.diy-offer-button{border:1px solid #c6a16b;background:transparent;color:#f0d7a8}
.diy-offer-button:hover{background:#31291f}
.diy-offer-link{border:1px solid #d7b578;background:#d7b578;color:#151513}
.diy-offer-link:hover{background:#f2cd8b;color:#11120f}
.diy-offer-button:focus-visible,.diy-offer-link:focus-visible{outline:2px solid #ffd994;outline-offset:3px}
.diy-offer-section{padding:31px 0 36px;border-bottom:1px solid #4d4231}
.diy-offer-section__layout{display:grid;grid-template-columns:172px minmax(0,1fr) auto;gap:28px;align-items:center;background:linear-gradient(122deg,#24231f,#121518 70%);border:1px solid #8e7045;border-top:3px solid #d4b16e;border-radius:10px;padding:28px 35px;box-shadow:0 13px 34px rgba(0,0,0,.2)}
.diy-offer-section__percent{color:#efd39b;font:400 80px/.89 Georgia,'Times New Roman',serif;white-space:nowrap;letter-spacing:-.07em}
.diy-offer-section__percent span{font-size:37px;vertical-align:top;letter-spacing:-.02em}
.diy-offer-section__percent small{display:block;font:700 13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.17em;margin-top:7px;color:#e4c184}
.diy-offer-section__eyebrow{color:#d9b979;text-transform:uppercase;font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.15em}
.diy-offer-section h2{font:400 clamp(25px,2.7vw,38px)/1.2 Georgia,'Times New Roman',serif;color:#f0ebe3;margin:4px 0 9px;letter-spacing:-.01em}
.diy-offer-section p{color:#cfc9bc;font-size:14px;line-height:1.65;margin:0 0 11px}
.diy-offer-section .diy-offer-section__terms{font-size:12px;color:#afa699;margin-top:12px;max-width:760px}
.diy-offer-section__code{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.diy-offer-section__code .diy-offer-code{font-size:14px;padding:10px 14px;letter-spacing:.12em}
.diy-offer-section__actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:185px}
.diy-offer-section__actions a,.diy-offer-section__actions button{min-height:43px;font-size:13px}
.diy-offer-inline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;align-items:center;background:linear-gradient(110deg,#26221c,#1b1d1e);border:1px solid #846739;border-left:3px solid #d5b378;padding:15px 18px;border-radius:4px;margin:15px 0 7px;max-width:760px}
.diy-offer-inline__amount{font:400 29px/1.2 Georgia,'Times New Roman',serif;color:#f0cd86;white-space:nowrap}
.diy-offer-inline__text{font-size:13px;color:#d6cec1;line-height:1.5}
.diy-offer-inline__text strong{color:#f1cf88;letter-spacing:.035em}
.diy-offer-inline__text small{display:block;color:#aea696;font-size:11px;margin-top:2px}
.diy-offer-inline .diy-offer-button{white-space:nowrap}
@media(max-width:1100px){
  .diy-offer-section__layout{grid-template-columns:130px minmax(0,1fr);gap:21px}
  .diy-offer-section__percent{font-size:66px}
  .diy-offer-section__actions{grid-column:2;flex-direction:row;min-width:0}
}
@media(max-width:700px){
  .diy-offer-bar .wrap{padding:12px 0;gap:10px}
  .diy-offer-bar__mark{font-size:20px}
  .diy-offer-bar__copy{gap:8px 12px}
  .diy-offer-bar__message{font-size:12px}
  .diy-offer-section{padding:19px 0 23px}
  .diy-offer-section__layout{grid-template-columns:1fr;gap:16px;padding:22px 20px}
  .diy-offer-section__percent{font-size:55px}
  .diy-offer-section__percent small{display:inline-block;margin-left:12px}
  .diy-offer-section__actions{grid-column:auto;flex-wrap:wrap}
  .diy-offer-inline{grid-template-columns:1fr auto}
  .diy-offer-inline__amount{font-size:25px}
  .diy-offer-inline__text{grid-column:1/-1;grid-row:2}
  .diy-offer-inline .diy-offer-button{grid-column:2;grid-row:1}
}
@media(max-width:440px){
  .diy-offer-bar__copy{flex-direction:column}
  .diy-offer-section__actions{flex-direction:column}
  .diy-offer-section__actions a,.diy-offer-section__actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){.diy-offer-link,.diy-offer-button{scroll-behavior:auto}}