/* new-coupons.css - cleaned copy based on your uploaded file */
*{box-sizing:border-box}
body{font-family: "Helvetica Neue", Arial, sans-serif; margin:0; color:#222; background:#fff}
a{text-decoration:none;color:inherit}

/* header */
.site-header{background:#7e2d67;color:#fff;padding:18px 24px;display:flex;align-items:center}
.logo{font-size:28px;font-weight:700}
.logo span{opacity:.9;font-weight:400}

/* container */
.container{max-width:1100px;margin:36px auto;padding:0 20px}

/* hero */
.page-title{font-size:34px;font-weight:800;margin:6px 0 10px}
.page-desc{color:#555;margin-bottom:20px}

/* tabs */
.tabs{display:flex;gap:18px;margin-bottom:22px}
.tab{background:transparent;border:0;padding:8px 6px;font-weight:700;cursor:pointer}
.tab.active{border-bottom:3px solid #111;padding-bottom:6px}

/* featured */
.featured-card{background:#efeaf3;border-radius:12px;border:2px solid #e2dae8;padding:18px;display:flex;gap:18px;align-items:center;margin-bottom:26px}
.featured-left{width:120px;display:flex;align-items:center;justify-content:center}
.featured-left img{max-width:100px}
.featured-center{flex:1}
.featured-badge{background:#6a1b5e;color:#fff;padding:8px 12px;border-radius:8px;font-weight:800;display:inline-block;margin-bottom:10px}
.featured-center h2{margin:6px 0 8px}
.featured-center p{margin:0;color:#444}
.featured-meta{display:flex;gap:18px;margin-top:10px;color:#333;font-weight:600}
.featured-cta{min-width:180px;text-align:right}

/* list rows */
.coupon-row{border-radius:10px;border:2px solid #e9e5ef;padding:16px;display:flex;gap:16px;align-items:center;margin-bottom:16px}
.store-logo{width:120px;display:flex;align-items:center;justify-content:center}
.store-logo img{max-width:100%;max-height:72px;object-fit:contain}
.coupon-content{flex:1}
.coupon-content h3{margin:0 0 8px;font-size:22px}
.coupon-content p{margin:0 0 12px;color:#444}
.coupon-footer{display:flex;gap:18px;color:#333;font-weight:700}

/* actions */
.get-code-btn{min-width:140px;height:46px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#8a2f7a,#6a1b5e);color:#fff;font-weight:800;padding:0 18px;border:3px solid rgba(0,0,0,0.08);cursor:pointer}
.get-code-btn.small{min-width:120px;height:40px}
.code-pill{background:#fff;border-radius:20px;padding:6px 10px;margin-top:6px;border:2px solid rgba(0,0,0,0.08);font-weight:700;color:#6a1b5e}

/* verified badge */
.verified{color:#6a1b5e;display:inline-flex;align-items:center;gap:6px}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}
.pagination .page{border-radius:6px;padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer}

/* new-coupons.css - styles for New Coupons & Deals page */

/* container spacing (if not already) */
.featured-coupon-card,
.coupon-row { box-sizing: border-box; }

/* Featured (big banner) */
.featured-coupon-card {
  width: 100%;
  max-width: 1200px;
  margin: 28px auto;
  padding: 18px;
  border-radius: 12px;
  border: 2px solid #cfc6d2;
  background: #e8e6ee;
  display: flex;
  align-items: center;
  gap: 18px;
}
.featured-logo { flex: 0 0 160px; text-align:center; padding-right:10px; border-right: 3px solid rgba(255,255,255,0.12); }
.featured-logo img { max-width:130px; display:inline-block; height:auto; object-fit:contain; }
.featured-content { flex:1; padding:0 18px; }
.featured-content h3 { margin:0 0 6px; font-size:28px; font-weight:800; color:#222; }
.featured-content p { margin:0 0 10px; color:#222; font-size:15px; }
.featured-meta { display:flex; gap:28px; align-items:center; margin-top:10px; color:#222; font-weight:700; }
.featured-action { flex:0 0 240px; text-align:right; }
.featured-action .get-code-btn {
  background: linear-gradient(180deg, #7e3b78, #5d2354);
  color:#fff;
  border:none;
  padding:14px 20px;
  border-radius:30px;
  font-weight:800;
  font-size:14px;
  box-shadow: 0 8px 0 rgba(0,0,0,0.08);
  cursor:pointer;
}

/* Regular coupon rows */
.coupon-row {
  width:100%;
  max-width:1200px;
  margin:22px auto;
  padding:18px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e6e0ee;
  display:flex;
  gap:18px;
  align-items:center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.03);
}
.coupon-left { flex:0 0 160px; padding-right:14px; border-right: 3px solid rgba(0,0,0,0.03); text-align:center; }
.coupon-left img { max-width:120px; height:auto; object-fit:contain; display:inline-block; }
.coupon-body { flex:1; padding-left:14px; }
.coupon-body h4 { margin:0 0 8px; font-size:22px; font-weight:800; color:#222; }
.coupon-body p { margin:0 0 10px; color:#444; font-size:15px; }
.coupon-meta { display:flex; gap:24px; align-items:center; margin-top:10px; color:#666; font-weight:700; }
.coupon-action { flex:0 0 220px; text-align:right; }
.coupon-action .get-code-btn {
  background:#6f2f6b;
  color:#fff;
  border:none;
  padding:12px 18px;
  border-radius:28px;
  font-weight:800;
  cursor:pointer;
  font-size:14px;
}

/* Verified badge small */
.verified-badge img { display:inline-block; vertical-align:middle; margin-left:6px; }

/* Pagination styling */
.dnc-pagination { max-width:1200px; margin:24px auto; text-align:center; }
.dnc-pagination .page-numbers { display:inline-block; }
.dnc-pagination .page-numbers a,
.dnc-pagination .page-numbers span {
  display:inline-block;
  margin:0 6px;
  padding:8px 12px;
  border-radius:8px;
  border:1px solid #e6e0ee;
  color:#222;
  text-decoration:none;
  font-weight:700;
}
.dnc-pagination .page-numbers .current { background:#6f2f6b; color:#fff; border-color:#6f2f6b; }



/* responsive */
@media (max-width:880px){
  .featured-card,.coupon-row{flex-direction:column;align-items:flex-start}
  .store-logo{width:100%;order:-1}
  .featured-cta{text-align:left;width:100%}
  .get-code-btn{width:100%}
  .featured-coupon-card, .coupon-row { flex-direction: column; text-align:left; padding:14px; }
  .coupon-left { width:100%; border-right:none; border-bottom: 1px solid #f0edf4; padding-bottom:14px; margin-bottom:10px; }
  .coupon-action { width:100%; text-align:left; margin-top:10px; }
  .dc-deals-grid { grid-template-columns: repeat(2, 1fr); }
}