/* ============================================================================
   Warehouse Clearance Deals — front page (from Warehouse Clearance Deals Home v2.dc.html)
   ========================================================================== */

/* ---- Section scaffolding ---- */
.wcdh-section { background: #fff; padding: 84px 0; scroll-margin-top: 60px; }
.wcdh-section--wash { background: var(--wcd-wash); }
.wcdh-center { text-align: center; }

.wcdh-kicker { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--wcd-primary); margin-bottom: 14px; }
.wcdh-kicker--light { color: rgba(255,255,255,.72); font-size: 11px; letter-spacing: .14em; margin-bottom: 12px; }

.wcdh-h2 { margin: 0; font-size: 40px; font-weight: 600; letter-spacing: -.012em; color: var(--wcd-ink); }
.wcdh-h2--xl { font-size: 44px; letter-spacing: -.014em; }
.wcdh-headsub { margin: 10px 0 0; font-size: 21px; font-weight: 300; color: var(--wcd-muted-2); }
.wcdh-headsub--center { max-width: 560px; margin: 12px auto 44px; }

.wcdh-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; }
.wcdh-seeall { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 500; color: var(--wcd-primary); background: var(--wcd-primary-tint); border: 1px solid var(--wcd-primary-tint-2); border-radius: var(--wcd-r-pill); padding: 9px 18px; white-space: nowrap; }
.wcdh-seeall:hover { background: var(--wcd-primary-tint-2); text-decoration: none; }
.wcdh-seeall span { font-size: 18px; line-height: 1; }
@keyframes wcdnudge { 0%,100% { transform: translateX(0); } 12% { transform: translateX(7px); } 26% { transform: translateX(-5px); } 40% { transform: translateX(5px); } 54% { transform: translateX(-3px); } 68% { transform: translateX(3px); } 82% { transform: translateX(-1px); } }
.see-all.in-view { animation: wcdnudge 1.15s ease-in-out .25s 1; }

/* ---- Hero ---- */
.wcdh-hero { background: var(--wcd-wash); }
.wcdh-hero__inner { max-width: 1080px; margin: 0 auto; padding: 88px 22px 84px; text-align: center; }
.wcdh-hero .wcdh-kicker { letter-spacing: .16em; margin-bottom: 22px; }
.wcdh-h1 { margin: 0; font-size: 74px; line-height: 1; font-weight: 600; letter-spacing: -.035em; color: var(--wcd-ink); white-space: nowrap; }
.wcdh-sub { margin: 26px auto 0; max-width: 650px; font-size: 21px; line-height: 1.45; font-weight: 300; color: var(--wcd-ink); }
.wcdh-97 { font-weight: 400; }
.wcdh-subscribe { margin-top: 30px; }
.wcdh-subscribe__note { font-size: 13px; color: var(--wcd-muted); margin-top: 12px; }
.wcd-beehiiv { max-width: 460px; margin: 0 auto; }
.wcd-beehiiv iframe { width: 100%; display: block; background: transparent; }

/* Hero brief cards */
.wcdh-brief { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 44px; text-align: left; }
.wcdh-brief__card { display: block; color: inherit; background: #fff; border-radius: var(--wcd-r-md); overflow: hidden; box-shadow: rgba(0,0,0,.06) 0 6px 20px -8px; transition: transform .18s ease, box-shadow .18s ease; }
.wcdh-brief__card:hover { transform: translateY(-4px); box-shadow: rgba(0,0,0,.14) 0 14px 34px -12px; text-decoration: none; }
.wcdh-brief__img { aspect-ratio: 16 / 10; background: #eef1f5; overflow: hidden; }
.wcdh-brief__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wcdh-brief__body { padding: 20px; }
.wcdh-tag { display: inline-block; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; border-radius: 6px; padding: 4px 9px; }
.wcdh-brief__title { margin-top: 12px; font-size: 18px; font-weight: 600; line-height: 1.25; color: var(--wcd-ink); }
.wcdh-brief__price { margin-top: 6px; font-size: 28px; font-weight: 600; letter-spacing: -.02em; color: var(--wcd-ink); }
.wcdh-brief__price span { color: var(--wcd-primary); }
.wcdh-brief__meta { font-size: 14px; color: var(--wcd-muted); }
.wcdh-brief__desc { margin-top: 6px; font-size: 15px; color: var(--wcd-muted-2); line-height: 1.4; }

/* ---- Deal grid (shared by .97s and New at Costco) ---- */
.wcdh-dealgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px 28px; margin-top: 44px; }
.wcdh-deal { display: block; color: inherit; }
.wcdh-deal:hover { text-decoration: none; }
.wcdh-deal[hidden] { display: none; }
.wcdh-deal__img { width: 100%; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; background: var(--wcd-wash); transition: transform .35s cubic-bezier(.33,1,.68,1); }
.wcdh-deal:hover .wcdh-deal__img { transform: translateY(-6px); }
.wcdh-deal__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wcdh-deal__name { margin-top: 16px; font-size: 14px; color: var(--wcd-ink); line-height: 1.3; }
.wcdh-deal__price { margin-top: 6px; font-size: 19px; font-weight: 600; color: var(--wcd-ink); }
.wcdh-deal__price span { color: var(--wcd-primary); }
.wcdh-deal__price--plain { font-size: 17px; }
.wcdh-deal__store { margin-top: 3px; font-size: 12px; color: var(--wcd-muted); }
.wcdh-newpill { display: inline-block; margin-top: 16px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wcd-muted-2); background: var(--wcd-fill); padding: 3px 9px; border-radius: var(--wcd-r-pill); }
.wcdh-newpill + .wcdh-deal__name { margin-top: 10px; }
.wcdh-empty { padding: 64px; text-align: center; color: var(--wcd-muted); font-size: 19px; font-weight: 300; }

/* ---- Price codes ---- */
.wcdh-codes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; text-align: left; }
.wcdh-code { padding: 36px 32px; background: #fff; border-radius: var(--wcd-r-md); }
.wcdh-code__num { font-size: 40px; font-weight: 600; letter-spacing: -.02em; color: var(--wcd-ink); }
.wcdh-code__num span { color: var(--wcd-primary); }
.wcdh-code__name { margin-top: 14px; font-size: 19px; font-weight: 600; color: var(--wcd-ink); }
.wcdh-code p { margin: 6px 0 0; font-size: 15px; font-weight: 300; line-height: 1.5; color: var(--wcd-muted-2); }

/* ---- Coupon book + Markdown Monday pair ---- */
.wcdh-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 72px; padding-bottom: 72px; }
.wcdh-paircard { border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; }
.wcdh-paircard--book { background: var(--wcd-primary-tint); border: 1px solid #e8ddd0; }
.wcdh-paircard--mm { background: var(--wcd-navy); border: 1px solid var(--wcd-navy-dark); color: #fff; }
.wcdh-paircard__img { width: 100%; aspect-ratio: 3 / 2; background-position: center; background-size: cover; }
.wcdh-paircard__body { padding: 30px 40px 36px; display: flex; flex-direction: column; flex: 1; }
.wcdh-paircard--book h3 { margin: 0; font-size: 34px; font-weight: 600; letter-spacing: -.012em; line-height: 1.08; color: var(--wcd-ink); }
.wcdh-paircard--book p { margin: 12px 0 0; font-size: 19px; font-weight: 300; color: var(--wcd-ink); line-height: 1.45; }
.wcdh-paircard__lead { margin: 0; max-width: 400px; font-size: 18px; font-weight: 300; color: #fff; line-height: 1.45; }
.wcdh-paircard__lead strong { font-weight: 400; }
.wcdh-paircard__ctas { display: flex; gap: 18px; align-items: center; margin-top: auto; padding-top: 24px; }
.wcdh-textlink { color: var(--wcd-primary); font-size: 17px; }
.wcdh-textlink--light { color: #fff; }
.wcdh-mmstats { display: flex; align-items: center; gap: 26px; margin: 20px 0 2px; }
.wcdh-mmstat { font-size: 32px; font-weight: 600; letter-spacing: -.02em; line-height: 1; }
.wcdh-mmstat__label { font-size: 13px; color: rgba(255,255,255,.72); margin-top: 3px; }
.wcdh-mmstats__div { width: 1px; height: 36px; background: rgba(255,255,255,.28); }

/* ---- Blog grid ---- */
.wcdh-bloggrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 40px; }
.wcdh-blogcard { display: block; color: inherit; }
.wcdh-blogcard:hover { text-decoration: none; }
.wcdh-blogcard__img { width: 100%; aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; background: #e2e2e5; }
.wcdh-blogcard__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wcdh-blogcard h3 { margin: 10px 0 0; font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.25; color: var(--wcd-ink); }
.wcdh-blogcard p { margin: 8px 0 0; font-size: 15px; font-weight: 300; line-height: 1.5; color: var(--wcd-muted-2); }
.wcdh-blogcard__meta { margin-top: 12px; font-size: 12px; color: var(--wcd-muted); }

/* ---- Recalls ---- */
.wcdh-recalls { margin-top: 32px; border-top: 1px solid var(--wcd-line); }
.wcdh-recall { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--wcd-line); color: inherit; }
.wcdh-recall:hover { text-decoration: none; }
.wcdh-recall:hover .wcdh-recall__title { color: var(--wcd-primary); }
.wcdh-recall__left { display: flex; align-items: baseline; gap: 16px; min-width: 0; }
.wcdh-recall__label { flex: none; display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wcd-red); width: 96px; }
.wcdh-recall__label span { width: 6px; height: 6px; border-radius: 50%; background: var(--wcd-red); flex: none; }
.wcdh-recall__title { font-size: 19px; font-weight: 600; letter-spacing: -.01em; color: var(--wcd-ink); }
.wcdh-recall__reason { margin-top: 3px; font-size: 15px; font-weight: 300; color: var(--wcd-muted-2); }
.wcdh-recall__meta { flex: none; text-align: right; font-size: 12px; color: var(--wcd-muted); }

/* ---- Black subscribe moment ---- */
.wcdh-black { background: #000; scroll-margin-top: 60px; padding: 96px 0; }
.wcdh-black h2 { margin: 16px 0 0; font-size: 40px; font-weight: 600; letter-spacing: -.012em; color: var(--wcd-wash); }
.wcdh-black p { margin: 14px auto 0; max-width: 520px; font-size: 21px; font-weight: 300; color: #a1a1a6; }
.wcdh-black__form { margin-top: 32px; }
.wcdh-black__note { font-size: 12px !important; color: var(--wcd-muted-2) !important; margin-top: 16px !important; }

/* ---- Community ---- */
.wcdh-ghostbtn { display: inline-block; background: transparent; color: var(--wcd-primary); border: 1px solid var(--wcd-primary); border-radius: var(--wcd-r-pill); padding: 12px 24px; font-size: 17px; margin-top: 26px; }
.wcdh-ghostbtn:hover { background: var(--wcd-primary-tint); text-decoration: none; }

/* ---- Responsive ---- */
@media (max-width: 900px) {
	.wcdh-dealgrid { grid-template-columns: repeat(3, 1fr); }
	.wcdh-pair, .wcdh-brief { grid-template-columns: 1fr; }
	.wcdh-bloggrid, .wcdh-codes { grid-template-columns: repeat(2, 1fr); }
	.wcdh-h1 { font-size: 62px; white-space: normal; }
}
@media (max-width: 640px) {
	.wcdh-dealgrid { grid-template-columns: repeat(2, 1fr); }
	.wcdh-bloggrid, .wcdh-codes { grid-template-columns: 1fr; }
	.wcdh-h1 { font-size: 44px; }
	.wcdh-recall { flex-direction: column; align-items: flex-start; gap: 8px; }
	.wcdh-recall__left { flex-direction: column; align-items: flex-start; gap: 5px; }
	.wcdh-recall__meta { text-align: left; }
}
@media (max-width: 430px) {
	.wcdh-dealgrid { grid-template-columns: 1fr; }
}