/* RD Deals Hub v1.2.5 */
.rd-deals-hub{ --rd-title-size:1.6rem; --rd-price-size:1.9rem; --rd-reg-size:1rem; --rd-cta-text-size:1.6rem; --rd-note-size:.72rem; --rd-retailer-logo-size:56px; --rd-image-height:280px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.55; font-size:17px; }
.rd-grid{ display:grid; grid-template-columns: repeat(var(--rd-cols,3), minmax(0,1fr)); gap:20px; }
.rd-grid.rd-cols-1{ --rd-cols:1 } .rd-grid.rd-cols-2{ --rd-cols:2 } .rd-grid.rd-cols-3{ --rd-cols:3 } .rd-grid.rd-cols-4{ --rd-cols:4 }

.rd-card{ position:relative; background:#fff; border:2px solid rgba(0,0,0,.14); border-radius:18px; overflow:hidden; display:flex; flex-direction:column; height:100%; box-shadow:0 6px 18px rgba(0,0,0,.08); transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; }
.rd-card:hover{ transform: translateY(-4px); border-color: rgba(0,0,0,.2); box-shadow:0 18px 36px rgba(0,0,0,.18); }

/* Image area: fixed height, centered content, preserves aspect ratio */
.rd-imgwrap{ display:flex; align-items:center; justify-content:center; height: var(--rd-image-height); background:#fff; position:relative; padding:10px; }
.rd-img{ max-height:100%; width:auto; object-fit:contain; display:block; }
.rd-img--ph{ width:100%; height:100%; background:#f2f2f2; }

/* Discount badge */
.rd-badge{ position:absolute; top:12px; left:-22px; transform: rotate(-30deg); background:#16a34a; color:#fff; font-weight:900; padding:16px 28px; border-radius:12px; box-shadow:0 12px 26px rgba(0,0,0,.24); }
.rd-badge span{ display:inline-block; font-size:1.9rem; font-style: italic; letter-spacing:.5px; }

/* Body layout */
.rd-body{ padding:18px; display:flex; flex-direction:column; gap:12px; flex:1 1 auto; }
.rd-title{ font-size: var(--rd-title-size); line-height:1.34; margin:0; font-weight:900; }
.rd-title a{ text-decoration:none; color:#0a0a0a; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.rd-excerpt{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#333; min-height: 2.6em; }

/* Price line */
.rd-price{ display:inline-flex; align-items:center; gap:8px; background:#e9f7ef; color:#0a7b18; font-weight:900; font-size: var(--rd-price-size); padding:10px 14px; border-radius:999px; }
.rd-only{ font-size:.9rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:#0a0a0a; opacity:.8; }
.rd-reg{ color:#6b7280; font-weight:700; margin-left:6px; font-size: var(--rd-reg-size); }

/* Retailer label + logo (preserve aspect ratio) */
.rd-retailer{ margin-top:8px; display:flex; align-items:center; gap:10px; font-size:1.1rem; color:#0b0f19; font-weight:900; }
.rd-retailer-logo .logo{ height: var(--rd-retailer-logo-size); width:auto !important; object-fit:contain; display:block; }

/* Footer with note + button always near bottom */
.rd-footer{ margin-top:auto; display:flex; flex-direction:column; gap:8px; }
.rd-price-note{ font-size: var(--rd-note-size); opacity:.78; }
.rd-btn{ display:flex; align-items:center; justify-content:center; width:100%; text-align:center; padding:16px 18px; border-radius:16px; min-height:56px; font-size:0; text-decoration:none; background: linear-gradient(180deg, #2563eb, #1e40af); color:#fff !important; border:0; box-shadow: 0 10px 24px rgba(37,99,235,.30); transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.rd-btn .txt{ font-size: var(--rd-cta-text-size); font-weight:900; letter-spacing:.35px; line-height:1; transform: scale(1.25); transform-origin:center; }
.rd-btn:hover{ transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 18px 36px rgba(30,64,175,.4); }

/* Responsive tweaks */
@media (max-width: 768px){
  .rd-deals-hub{ font-size:16.5px }
  .rd-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .rd-imgwrap{ height: calc(var(--rd-image-height) - 40px); }
  .rd-btn{ min-height:52px }
  .rd-btn .txt{ transform: scale(1.2) }
  .rd-title{ font-size:1.28rem }
  .rd-price{ font-size:1.42rem }
}
@media (max-width: 480px){
  .rd-deals-hub{ font-size:16px }
  .rd-grid{ grid-template-columns: 1fr }
  .rd-imgwrap{ height: calc(var(--rd-image-height) - 60px); }
  .rd-btn{ min-height:50px }
  .rd-btn .txt{ transform: scale(1.15) }
  .rd-title{ font-size:1.18rem }
  .rd-price{ font-size:1.3rem }
}


/* RD Deals Hub: theme-proof percent-off ribbon */
.rd-deals-hub .rd-card .rd-imgwrap{position:relative; overflow:hidden}
.rd-deals-hub .rd-card .rd-imgwrap img{display:block; position:relative; z-index:1}
.rd-deals-hub .rd-card .rd-ribbon{
  position:absolute; top:14px; left:-18px; transform:rotate(-24deg);
  display:block; z-index:20; pointer-events:none;
  background:#27c052; color:#fff; border-radius:10px; padding:10px 18px;
  box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.rd-deals-hub .rd-card .rd-ribbon span{
  display:block; color:#fff; font-weight:800; font-size:15px; letter-spacing:.5px; white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
}
.rd-deals-hub .rd-card .rd-ribbon::after{
  content:""; position:absolute; left:14px; bottom:-8px;
  border-width:8px 8px 0 0; border-style:solid;
  border-color:#1e9a43 transparent transparent transparent;
}