.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.has-sale-dock{padding-bottom:84px}
html{scroll-padding-bottom:90px}
.sale-dock[hidden]{display:none!important}
.sale-dock{position:fixed;z-index:80;left:0;right:0;bottom:0;min-height:76px;display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:stretch;color:var(--paper);background:var(--ink);border-top:1px solid #000;box-shadow:0 -8px 24px #16150f24;padding:0 48px;isolation:isolate}
.sale-dock:before{position:absolute;z-index:-1;content:"";inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.sale-dock-hook{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 20px 10px 0;border-right:1px solid #ffffff2b;white-space:nowrap}
.sale-dock-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 9px;color:var(--ink);background:var(--lime);border:1px solid var(--paper);border-radius:3px;font:800 8px/1.1 var(--mono);letter-spacing:.045em;text-transform:uppercase;transform:rotate(-2deg)}
.sale-dock-hook strong{font:800 18px/1.05 var(--display);letter-spacing:-.03em}
.sale-dock-hook>span:last-child{display:flex;align-items:baseline;gap:5px;font-size:11px;line-height:1.2;color:#cbcbbf}
.sale-dock-hook>span:last-child b{color:var(--lime)}
.sale-dock-hook>span:last-child i{font-style:normal;color:#89897f}
.sale-dock-hook>span:last-child em{font-style:normal;font-weight:800;color:var(--paper)}
.sale-dock-timer{min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 18px;border-right:1px solid #ffffff2b}
.sale-dock-offer{max-width:150px;font:700 8px/1.35 var(--mono);letter-spacing:.035em;text-transform:uppercase;color:#e7e6db}
.sale-clock{display:flex;align-items:center;gap:5px;white-space:nowrap}
.sale-clock>span{display:grid;place-items:center;min-width:43px;min-height:48px;padding:5px 5px 4px;border:1px solid #ffffff3b;border-radius:4px;background:#ffffff0b}
.sale-clock b{font:800 19px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--lime)}
.sale-clock small{font:600 7px/1.2 var(--mono);margin-top:3px;color:#b8b8ad;text-transform:uppercase}
.sale-clock i{font:800 16px/1 var(--display);font-style:normal;color:#89897f}
.sale-dock-cta{align-self:center;min-height:50px;min-width:168px;margin:0 0 0 16px;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;color:var(--ink);background:var(--lime);border:1px solid var(--paper);border-radius:4px;box-shadow:3px 3px 0 var(--paper);font-size:12px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.sale-dock-cta span{font:800 16px/1 var(--display)}
.sale-dock-cta b{font-size:18px;line-height:1}
.sale-dock-cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--paper);background:#dcfb64}
.sale-dock-cta:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--paper)}
.sale-dock-close{position:absolute;right:7px;top:7px;width:31px;height:31px;display:grid;place-items:center;color:#d1d1c7;background:transparent;border:1px solid #ffffff35;border-radius:50%;font-size:19px;line-height:1}
.sale-dock-close:hover{color:var(--ink);background:var(--paper)}
.sale-dock.is-expired .sale-dock-kicker{background:var(--paper)}
.sale-dock.is-expired .sale-clock>span{opacity:.55}
.sale-dock.is-suppressed{transform:translateY(calc(100% + 10px));pointer-events:none}

@media(max-width:1100px){
  .sale-dock{padding-inline:22px}
  .sale-dock-hook{gap:8px;padding-right:14px}
  .sale-dock-kicker{display:none}
  .sale-dock-hook strong{font-size:16px}
  .sale-dock-timer{gap:8px;padding-inline:13px}
  .sale-dock-offer{max-width:120px;font-size:7px}
  .sale-dock-cta{min-width:144px;margin-left:13px;font-size:11px}
}

@media(max-width:760px){
  body.has-sale-dock{padding-bottom:92px}
  html{scroll-padding-bottom:98px}
  .sale-dock{min-height:86px;grid-template-columns:34px minmax(0,1fr) 76px 84px;justify-content:stretch;gap:0;padding:0 max(7px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-right))}
  .sale-dock-hook{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:8px 7px 7px 0;border-right:0;white-space:normal}
  .sale-dock-hook strong{font-size:12px;line-height:1.08}
  .sale-dock-hook>span:last-child{display:block;font-size:8px;line-height:1.15;white-space:nowrap}
  .sale-dock-hook>span:last-child b,.sale-dock-hook>span:last-child i,.sale-dock-hook>span:last-child em{display:inline;font-size:8px}
  .sale-dock-timer{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:7px 6px;border-right:0;border-left:1px solid #ffffff2b}
  .sale-dock-offer{max-width:66px;font-size:6px;line-height:1.2}
  .sale-clock{gap:2px}
  .sale-clock>span{display:block;min-width:22px;min-height:0;padding:0;border:0;background:transparent;text-align:center}
  .sale-clock b{font-size:14px}
  .sale-clock small{display:block;font-size:5px;margin-top:2px}
  .sale-clock i{font-size:10px}
  .sale-dock-cta{align-self:center;min-width:0;width:78px;min-height:52px;margin:0 3px 0 2px;flex-direction:column;gap:2px;padding:7px 4px;box-shadow:2px 2px 0 var(--paper);font-size:9px;line-height:1.05;text-align:center}
  .sale-dock-cta span{font-size:18px}
  .sale-dock-cta b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sale-dock-close{position:static;align-self:center;width:34px;height:44px;color:#d1d1c7;background:transparent;border:0;border-right:1px solid #ffffff2b;border-radius:0;box-shadow:none}
}

@media(max-width:360px){
  .sale-dock{grid-template-columns:32px minmax(0,1fr) 70px 72px}
  .sale-dock-hook strong{font-size:11px}
  .sale-dock-hook>span:last-child,.sale-dock-hook>span:last-child b,.sale-dock-hook>span:last-child i,.sale-dock-hook>span:last-child em{font-size:7px}
  .sale-dock-offer{max-width:60px;font-size:5.5px}
  .sale-dock-close{width:32px}
  .sale-dock-cta{width:66px;font-size:8px}
  .sale-dock-cta span{font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  .sale-dock,.sale-dock-cta{transition:none!important;animation:none!important}
}