/* style */

.cd-intro { font-size: 1.1em; line-height: 1.65; }
.cd-nav { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.5rem 0 2rem; padding: 0.9rem 1rem; background: #faf6f3; border-radius: 8px; }
.cd-nav a { display: inline-block; padding: 0.3rem 0.85rem; border-radius: 999px; text-decoration: none; font-size: 0.88em; color: #6b4634; background: #fff; border: 1px solid #f0e3d9; transition: background 0.15s, color 0.15s; }
.cd-nav a:hover { background: #e59875; color: #fff; border-color: #e59875; }
.cd-section-intro { color: #666; font-size: 0.97em; margin: 0 0 1.25rem; max-width: 720px; }
.cd-why-matters { background: #faf6f3; padding: 1rem 1.25rem; border-radius: 8px; border-left: 4px solid #e59875; font-size: 0.97em; }
.cd-criteria { list-style: none; padding-left: 0; }
.cd-criteria li { padding: 0.5rem 0 0.5rem 1.75rem; position: relative; line-height: 1.5; border-bottom: 1px solid #f0f0f0; }
.cd-criteria li::before { content: "✓"; position: absolute; left: 0; color: #e59875; font-weight: bold; }
.cd-criteria li:last-child { border-bottom: 0; }
.cd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem; margin: 1.5rem 0 2.5rem; }
.cd-grid-featured { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
.cd-card { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 1.4rem 1.5rem 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.03); display: flex; flex-direction: column; transition: box-shadow 0.18s, transform 0.18s; }
.cd-card:hover { box-shadow: 0 6px 18px rgba(229, 152, 117, 0.18); transform: translateY(-2px); }
.cd-card-featured { border: 2px solid #e59875; background: linear-gradient(180deg, #fff 0%, #fffaf6 100%); }
.cd-feature-flag { display: inline-block; background: #e59875; color: #fff; font-size: 0.72em; font-weight: 600; padding: 0.18rem 0.6rem; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.55rem; }
.cd-card-head h3 { margin: 0 0 0.65rem; color: #e59875; font-size: 1.22em; }
.cd-badges { list-style: none; padding: 0; margin: 0 0 0.85rem; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.cd-badges li { font-size: 0.78em; background: #fff4ec; color: #6b4634; padding: 0.25rem 0.6rem; border-radius: 999px; }
.cd-card p { line-height: 1.55; margin: 0.4rem 0 0.85rem; flex: 1; }
.cd-card p a { color: #c97e5c; text-decoration: underline; text-decoration-color: rgba(229, 152, 117, 0.45); text-underline-offset: 2px; }
.cd-card p a:hover { color: #e59875; text-decoration-color: #e59875; }
.cd-deal { background: #faf6f3; padding: 0.6rem 0.8rem; border-radius: 6px; margin-bottom: 0.85rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.55rem; font-size: 0.93em; }
.cd-deal-label { font-size: 0.78em; color: #888; text-transform: uppercase; letter-spacing: 0.04em; }
.cd-code { background: #e59875; color: #fff; padding: 0.2rem 0.6rem; border-radius: 3px; font-family: ui-monospace, "SF Mono", Monaco, monospace; font-weight: 600; user-select: all; }
.cd-discount { font-weight: 600; color: #6b4634; }
.cd-btn { display: inline-block; padding: 0.65rem 1.4rem; background: #e59875; color: #fff !important; border-radius: 4px; text-decoration: none; font-weight: 500; text-align: center; transition: background 0.15s; margin-top: auto; }
.cd-btn:hover { background: #c97e5c; }
.cd-disclosure { font-size: 0.85em; color: #777; background: #f9f9f9; padding: 0.85rem 1rem; border-radius: 6px; }
.cd-cta-h2 { margin-top: 2rem; }
@media (max-width: 600px) {
  .cd-grid, .cd-grid-featured { grid-template-columns: 1fr; }
  .cd-nav { flex-direction: column; align-items: stretch; }
  .cd-nav a { text-align: center; }
}