/* "The Dam" theme layer for pages built on /catpage.css (roundup, popular,
   desks, monitor arms, medical supplies, back to school ...). Loaded at the
   end of <head>, after each page's own <style>; markup and JS unchanged. */
:root{
  --lake:#0b3954; --lake-soft:#16507a; --lake-mist:#d9e7f0;
  --tag:#ffd23f; --tag-edge:#e7b916;
  --birch:#eef3f6; --mute:#4a6375;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --ui:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ink:#0b3954; --soft:#eef3f6; --line:#d5e0e7; --amber:#b26a00;
}
html,body{background:var(--birch)!important;background-image:none!important}
body{font-family:var(--ui);color:var(--lake)}
button,input,select{font-family:var(--ui)}
:focus-visible{outline:3px solid var(--lake);outline-offset:3px}

/* header */
header{background:var(--lake)!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
header,header a,.topbar .brand{color:#fff}
.topbar .brand span span,header .brand [style*="D52B1E"]{color:var(--tag)!important}
.topbar .tag{color:var(--lake-mist)}
html body #ddnav-burger{color:#fff}
html body #ddnav-burger:hover{background:rgba(255,255,255,.1)}
header :focus-visible{outline-color:var(--tag)}

/* headings + labels */
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.005em}
h1{font-size:clamp(40px,10vw,64px);line-height:.98}
h1 .dam,.poolfeed-head h2 span{color:var(--red)}
.eyebrow{background:var(--tag)!important;border-color:var(--tag-edge)!important;color:var(--lake)!important;letter-spacing:0;text-transform:none;font-weight:800}
.updated{background:#fff;border-color:var(--line);color:var(--lake)}
.lede{color:var(--mute)}
.section-head h2,.poolfeed-head h2{font-size:30px;font-weight:400;letter-spacing:.01em}
.section-head p,.poolfeed-head p{color:var(--mute)}

/* roundup hero: lake panel over the banner art instead of the red wash */
.round-hero,.popular-hero{background-color:var(--lake)!important;box-shadow:none!important}
.round-hero::before,.popular-hero::before{background:linear-gradient(90deg,rgba(11,57,84,.94),rgba(11,57,84,.72) 50%,rgba(11,57,84,.2))!important}
.round-hero::after,.popular-hero::after{background:rgba(255,210,63,.12)!important}
@media(max-width:680px){.round-hero::before,.popular-hero::before{background:linear-gradient(180deg,rgba(11,57,84,.25),rgba(11,57,84,.95) 62%)!important}}
.hero-copy{text-shadow:none}
.hero-copy h1{font:400 clamp(40px,10vw,64px)/.98 var(--display);color:#fff}
.hero-copy .lede{color:var(--lake-mist)}
.jump a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.jump a:hover{background:rgba(255,255,255,.22)}
.hero-copy :focus-visible{outline-color:var(--tag)}

/* cards */
.card,.adcard{border-color:var(--line)!important;border-radius:14px;box-shadow:none!important}
.card:hover,.adcard:hover{box-shadow:0 8px 20px rgba(11,57,84,.12)!important}
.rankbadge{background:var(--lake);font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.02em;border-radius:6px;box-shadow:none}
.promobadge{background:#7a3ccc}
.imgwrap .dd-low90,.imgwrap .low90,.adimg .dd-low90{background:var(--lake)}
.adcat{color:var(--mute);letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}
.title,.adtitle{color:var(--lake)}
.title a:hover,.adtitle a:hover{color:var(--lake-soft)}
.blurb,.adblurb{color:var(--mute)}
.rating,.adrating{color:var(--mute)}
.rating .st,.adrating .st{color:var(--amber)}
.rating b,.adrating b{color:var(--lake)}

/* shelf-tag price */
.deal,.addeal{align-items:center}
.deal .now,.addeal .now{position:relative;display:inline-flex;align-items:center;padding:4px 11px 3px 19px;background:var(--tag);color:var(--lake);
  font:400 22px/1.1 var(--display);letter-spacing:.02em;border-radius:0 6px 6px 0;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
.deal .now::before,.addeal .now::before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#fff}
.deal .was,.addeal .was{color:var(--mute);font-size:14px;font-weight:600}
.deal .off,.addeal .off{background:var(--red);font:400 16px/1 var(--display);letter-spacing:.02em;padding:5px 8px;border-radius:5px;box-shadow:none;transform:rotate(-3deg)}
.code{background:#fffbea;border-color:var(--tag-edge)}
.code b{color:var(--lake)}

/* buttons */
.btn,.adbtn,.more-cta a,.catnav .home{background:var(--lake)!important;color:#fff!important;box-shadow:none!important;filter:none!important}
.btn:hover,.adbtn:hover,.more-cta a:hover,.catnav .home:hover{background:var(--lake-soft)!important}

/* add-to-home + closing panels */
.return-card{background:var(--lake);border-color:var(--lake);color:#fff}
.return-card .kicker{color:var(--tag);letter-spacing:0;text-transform:none;font-size:13px}
.return-card h2{color:#fff}
.return-card p:not(.kicker){color:var(--lake-mist)}
.return-card button{background:var(--tag);color:var(--lake)}
.more-cta{border-color:var(--line);box-shadow:none}
.more-cta p{color:var(--mute)}

/* category nav + footer */
.catnav{background:#fff;border-top-color:var(--line)}
.catnav .lbl{color:var(--lake)}
.catnav .cats a{border-color:var(--line);color:var(--lake);box-shadow:none}
.catnav .cats a:hover{border-color:var(--lake);color:var(--lake)}
.catnav .cats a.on{border-color:var(--tag-edge);background:var(--tag);color:var(--lake)}
.disc,.browse-disc,.note{color:var(--mute)}
footer{color:var(--mute)}
footer a{color:var(--lake)}
.loadmore-status,.feed-empty,.empty{color:var(--mute)}