.top-deals-page { background: #f8f5f0; }
.top-deals-hero { position: relative; overflow: hidden; color: #fff8ea; background: radial-gradient(circle at 78% 38%, #a52b3b 0, #621521 33%, #230b11 72%); }
.top-deals-hero::before { content: ''; position: absolute; inset: 0; opacity: .14; background: repeating-linear-gradient(115deg, transparent 0 56px, #fff 57px 58px, transparent 59px 120px); pointer-events: none; }
.top-deals-hero-inner { position: relative; max-width: 1500px; min-height: 575px; margin: auto; padding: 92px 7vw 70px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .75fr); align-items: center; gap: 8vw; }
.top-deals-kicker,.top-deals-section-kicker { font-size: 12px; font-weight: 800; letter-spacing: .22em; }
.top-deals-kicker { display: flex; align-items: center; gap: 12px; color: #f7cc75; margin: 0 0 25px; }
.kicker-star { font-size: 17px; }
.top-deals-intro h1 { font-family: Fraunces, Georgia, serif; font-size: clamp(64px, 8.5vw, 136px); letter-spacing: -.06em; line-height: .91; margin: 0; }
.top-deals-intro h1 em { color: #f7cc75; font-style: italic; }
.top-deals-lede { max-width: 560px; color: #f5dde1; font-size: clamp(17px, 1.7vw, 22px); line-height: 1.55; margin: 33px 0 29px; }
.top-deals-hero-action { display: inline-flex; align-items: center; gap: 28px; background: #f7cc75; color: #35111a; text-decoration: none; border-radius: 999px; padding: 15px 21px 15px 26px; font-weight: 800; box-shadow: 0 15px 35px #13050855; transition: transform .2s, background .2s; }
.top-deals-hero-action:hover { transform: translateY(-3px); background: #ffe0a0; }
.top-deals-hero-action span { font-size: 22px; line-height: 1; }
.top-deals-seal { justify-self: center; position: relative; display: grid; place-items: center; width: min(30vw, 385px); aspect-ratio: 1; transform: rotate(10deg); filter: drop-shadow(0 25px 28px #14050966); }
.seal-rays { position: absolute; color: #f7cc75; font-size: min(35vw, 470px); line-height: 1; }
.seal-center { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 72%; aspect-ratio: 1; text-align: center; color: #fff4d7; background: #7b1c2d; border: 7px double #f7cc75; border-radius: 50%; box-shadow: inset 0 0 0 9px #7b1c2d, inset 0 0 0 11px #f7cc75; }
.seal-center small { font-size: clamp(8px, .8vw, 11px); font-weight: 800; letter-spacing: .21em; }
.seal-center strong { font-family: Fraunces, Georgia, serif; font-size: clamp(27px, 4vw, 57px); line-height: .95; margin: 12px 0; }
.top-deals-hero-footer { position: relative; border-top: 1px solid #ffffff35; display: flex; justify-content: space-between; gap: 20px; padding: 15px 7vw; color: #f7cc75; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.top-deals-list { max-width: 1500px; margin: auto; padding: 78px 7vw 110px; }
.top-deals-list-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; border-bottom: 1px solid #d9cec2; padding-bottom: 30px; margin-bottom: 35px; }
.top-deals-section-kicker { color: #af2438; margin: 0 0 12px; }
.top-deals-list h2 { font-family: Fraunces, Georgia, serif; font-size: clamp(39px, 5vw, 70px); line-height: 1; letter-spacing: -.045em; margin: 0 0 12px; }
.top-deals-list-heading p:last-child { color: #655b58; margin: 0; line-height: 1.6; }
.top-deals-count { flex: none; border: 1px solid #be9f6a; color: #6d3d18; border-radius: 999px; padding: 10px 16px; font-size: 12px; font-weight: 800; }
.top-deals-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.top-deal-card { min-width: 0; display: grid; grid-template-columns: 42% 58%; background: #fff; border: 1px solid #e6ddd4; border-radius: 17px; overflow: hidden; box-shadow: 0 9px 30px #42251a0e; transition: transform .2s, box-shadow .2s; }
.top-deal-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px #42251a20; }
.top-deal-card-lead { grid-column: 1 / -1; grid-template-columns: 45% 55%; min-height: 470px; border: 2px solid #d4a852; box-shadow: 0 20px 50px #5d311f21; }
.top-deal-image { position: relative; display: grid; place-items: center; min-height: 300px; padding: 36px; background: radial-gradient(circle, #fff 15%, #f7eee3 100%); text-decoration: none; }
.top-deal-card-lead .top-deal-image { min-height: 470px; }
.top-deal-image img { display: block; max-width: 100%; max-height: 330px; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .25s; }
.top-deal-card:hover img { transform: scale(1.035); }
.top-deal-placeholder { font-family: Fraunces, Georgia, serif; color: #8f2435; font-size: 34px; text-align: center; }
.top-deal-ribbon { position: absolute; top: 20px; left: 20px; z-index: 1; display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 999px; background: #7b1c2d; color: #fff7dc; box-shadow: 0 5px 15px #4b101d30; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.top-deal-rank-1 .top-deal-ribbon { background: #d8aa50; color: #2a1711; }
.top-deal-rank-2 .top-deal-ribbon { background: #a57b2e; }
.top-deal-rank-3 .top-deal-ribbon { background: #77818b; }
.top-deal-rank-4 .top-deal-ribbon { background: #a8623f; }
.top-deal-info { min-width: 0; padding: clamp(25px, 3vw, 52px); display: flex; flex-direction: column; justify-content: center; }
.top-deal-meta { display: flex; justify-content: space-between; gap: 12px; color: #9e2639; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.top-deal-meta span:last-child { color: #9a866c; white-space: nowrap; }
.top-deal-info h3 { font-family: Fraunces, Georgia, serif; font-size: clamp(23px, 2.4vw, 38px); line-height: 1.17; letter-spacing: -.03em; margin: 23px 0 10px; overflow-wrap: anywhere; }
.top-deal-card-lead .top-deal-info h3 { font-size: clamp(32px, 3.4vw, 54px); }
.top-deal-info h3 a { color: #251719; text-decoration: none; }
.top-deal-info h3 a:hover { color: #a21e34; }
.top-deal-byline,.top-deal-availability { color: #665e5a; line-height: 1.55; margin: 8px 0; }
.top-deal-bottom { border-top: 1px solid #eadfd5; margin-top: 24px; padding-top: 24px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; }
.top-deal-bottom strong { font-size: clamp(24px, 2.5vw, 36px); color: #97253a; }
.top-deal-bottom a { display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px; border-radius: 999px; background: #931d31; color: #fff; text-decoration: none; font-weight: 800; font-size: 13px; }
.top-deal-bottom a:hover { background: #641324; }
.top-deals-empty { grid-column: 1 / -1; border: 1px dashed #cbb9a8; border-radius: 14px; background: #fff; padding: 55px 30px; text-align: center; color: #665b55; }
@media (max-width: 1050px) { .top-deals-grid { grid-template-columns: 1fr; } .top-deal-card-lead { grid-column: auto; } }
@media (max-width: 700px) { .top-deals-hero-inner { min-height: 0; display: block; padding: 70px 6vw 75px; } .top-deals-seal { display: none; } .top-deals-hero-footer { padding-inline: 6vw; } .top-deals-hero-footer span:nth-child(2) { display: none; } .top-deals-list { padding: 55px 5vw 75px; } .top-deals-list-heading { display: block; } .top-deals-count { display: inline-block; margin-top: 22px; } .top-deal-card,.top-deal-card-lead { grid-template-columns: 1fr; } .top-deal-image,.top-deal-card-lead .top-deal-image { min-height: 280px; } .top-deal-info { padding: 26px; } .top-deal-info h3,.top-deal-card-lead .top-deal-info h3 { font-size: 29px; } }

/* A quieter, more compact presentation for the full shortlist. */
.top-deals-page { background: #f7f5f0; }
.top-deals-hero { color: #24352f; background: #f3eee5; border-bottom: 1px solid #e4ddd1; }
.top-deals-hero::before { display: none; }
.top-deals-hero-inner { width: min(1240px, 90vw); max-width: none; min-height: 360px; padding: 55px 0; grid-template-columns: minmax(0, 1fr) 180px; gap: 60px; }
.top-deals-kicker, .top-deals-section-kicker { font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.top-deals-kicker { color: #9b4b36; margin-bottom: 17px; }
.kicker-star { font-size: 13px; }
.top-deals-intro h1 { font-size: clamp(44px, 5vw, 70px); font-weight: 600; letter-spacing: -.045em; line-height: 1.04; }
.top-deals-intro h1 em { color: #a84646; }
.top-deals-lede { max-width: 560px; color: #626b64; font-size: 16px; line-height: 1.6; margin: 18px 0 24px; }
.top-deals-hero-action { gap: 20px; background: #2f5145; color: #fff; padding: 11px 17px 11px 20px; font-size: 13px; font-weight: 700; box-shadow: none; }
.top-deals-hero-action:hover { background: #213b32; transform: none; }
.top-deals-hero-action span { font-size: 18px; }
.top-deals-seal { width: 160px; transform: none; filter: none; }
.seal-rays { color: #dbc89e; font-size: 205px; }
.seal-center { color: #704c27; background: #fffaf0; border: 1px solid #c7a66e; box-shadow: 0 6px 22px #614b231c; }
.seal-center small { font-size: 7px; font-weight: 700; letter-spacing: .13em; }
.seal-center strong { font-size: 21px; font-weight: 600; line-height: 1; margin: 7px 0; }
.top-deals-hero-footer { width: min(1240px, 90vw); border-top: 1px solid #ddd3c3; margin: auto; padding: 12px 0; color: #867765; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.top-deals-list { width: min(1240px, 90vw); max-width: none; padding: 58px 0 86px; }
.top-deals-list-heading { gap: 24px; border-bottom-color: #ddd8ce; padding-bottom: 22px; margin-bottom: 26px; }
.top-deals-section-kicker { color: #a84646; margin-bottom: 9px; }
.top-deals-list h2 { font-size: clamp(31px, 3.4vw, 46px); font-weight: 600; line-height: 1.1; margin-bottom: 8px; }
.top-deals-list-heading p:last-child { color: #6b7069; font-size: 14px; line-height: 1.5; }
.top-deals-count { border-color: #d5c7b3; color: #776449; padding: 8px 13px; font-size: 11px; font-weight: 700; }
.top-deals-grid { gap: 18px; }
.top-deal-card, .top-deal-card-lead { grid-column: auto; grid-template-columns: 42% 58%; min-height: 0; border: 1px solid #e6e2da; border-radius: 10px; box-shadow: 0 3px 14px #24352f0a; }
.top-deal-card:hover { transform: none; box-shadow: 0 9px 25px #24352f17; }
.top-deal-image, .top-deal-card-lead .top-deal-image { min-height: 240px; padding: 24px; background: #fff; border-right: 1px solid #f0ece6; }
.top-deal-image img { max-height: 210px; mix-blend-mode: normal; }
.top-deal-card:hover img { transform: none; }
.top-deal-placeholder { color: #8f6d59; font-size: 24px; }
.top-deal-ribbon { top: 12px; left: 12px; gap: 5px; padding: 6px 9px; border-radius: 4px; background: #eee3d1; color: #60482b; box-shadow: none; font-size: 10px; font-weight: 700; letter-spacing: .02em; text-transform: none; }
.top-deal-rank-1 .top-deal-ribbon { background: #eee0b6; color: #5b451c; }
.top-deal-rank-2 .top-deal-ribbon { background: #e5e8e9; color: #57636a; }
.top-deal-rank-3 .top-deal-ribbon { background: #f2e4dd; color: #855b45; }
.top-deal-rank-4 .top-deal-ribbon { background: #e8ebdf; color: #536549; }
.top-deal-info { padding: 23px; }
.top-deal-meta { color: #8d5548; font-size: 10px; font-weight: 700; letter-spacing: .05em; }
.top-deal-meta span:last-child { color: #988d7b; }
.top-deal-info h3, .top-deal-card-lead .top-deal-info h3 { font-family: "DM Sans", sans-serif; font-size: clamp(17px, 1.5vw, 20px); font-weight: 600; line-height: 1.35; letter-spacing: -.015em; margin: 14px 0 7px; }
.top-deal-info h3 a { color: #24352f; }
.top-deal-info h3 a:hover { color: #9b4b36; }
.top-deal-byline, .top-deal-availability { color: #69716b; font-size: 12px; line-height: 1.5; margin: 5px 0; }
.top-deal-bottom { border-top-color: #eee9e2; margin-top: 17px; padding-top: 15px; gap: 8px; justify-content: flex-start; }
.top-deal-bottom strong { font-family: Fraunces, Georgia, serif; font-size: 21px; font-weight: 600; color: #8e3f38; }
.top-deal-bottom .product-vote { min-width: 39px; margin-left: auto; }
.top-deal-bottom .product-vote svg { width: 24px; height: 24px; }
.top-deal-bottom a { gap: 7px; padding: 10px 12px; border-radius: 5px; background: #2f5145; font-weight: 700; font-size: 12px; }
.top-deal-bottom a:hover { background: #213b32; }
.top-deals-empty { border-radius: 8px; padding: 40px 25px; }
@media (max-width: 700px) {
  .top-deals-hero-inner { display: block; min-height: 0; padding: 45px 0; }
  .top-deals-list { padding: 42px 0 65px; }
  .top-deals-count { margin-top: 16px; }
  .top-deal-card, .top-deal-card-lead { grid-template-columns: 1fr; }
  .top-deal-image, .top-deal-card-lead .top-deal-image { min-height: 215px; border-right: 0; border-bottom: 1px solid #f0ece6; }
  .top-deal-info { padding: 19px; }
  .top-deal-info h3, .top-deal-card-lead .top-deal-info h3 { font-size: 19px; }
}