/* LUEN - Coupon Page */

.coupon-page{
  background: #FAF7F4;
  min-height: 100vh;
  padding: 8rem 0 5rem;
  color: #391B26;
}

.coupon-page .container{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* HEADER */
.coupon-header{
  text-align:center;
  max-width: 48rem;
  margin: 0 auto 4rem;
}
.header-subtitle{
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 1.125rem;
  color: #7A3451;
  display:block;
  margin-bottom:.5rem;
}
.header-title{
  font-family: "Satoshi", sans-serif;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.header-description{
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.7;
  color: #555;
}

/* COUPON CARD */
.active-coupon-section{
  max-width: 64rem;
  margin: 0 auto 5rem;
}
.coupon-card{
  background: #fff;
  border: 1px solid #D6C8D0;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}
.coupon-badge{
  position:absolute;
  top:0; right:0;
  background:#391B26;
  color:#fff;
  padding:.5rem 1rem;
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:.625rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.coupon-content{
  display:flex;
  align-items:center;
  gap:3rem;
}
.coupon-icon{
  width:6rem; height:6rem;
  background:#FAF7F4;
  border:1px solid #D6C8D0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7A3451;
  flex-shrink:0;
}
.coupon-title{
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:1.5rem;
  margin-bottom:.5rem;
}
.coupon-description{
  font-family:"Inter", sans-serif;
  font-weight:300;
  font-size:.875rem;
  color:#555;
  margin-bottom:1rem;
}
.coupon-code-wrapper{
  display:flex;
  align-items:center;
  gap:1rem;
}
.coupon-code{
  border:2px dashed #B39BA8;
  background:#FAF7F4;
  padding:.75rem 1.5rem;
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:1.25rem;
  letter-spacing:.1em;
}
.copy-button{
  display:flex;
  align-items:center;
  gap:.5rem;
  background:none;
  border:0;
  cursor:pointer;
  font-family:"Inter", sans-serif;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#7A3451;
}
.use-button{
  display:inline-block;
  background:#391B26;
  color:#fff;
  padding:1rem 2rem;
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-decoration:none;
}
.use-button:hover{ background:#7A3451; }

/* SAVE MORE */
.save-more-section{ max-width:64rem; margin:0 auto 5rem; }
.section-title{
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:1.5rem;
  text-align:center;
  margin-bottom:2.5rem;
}
.save-more-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:2rem;
}
.save-card{
  background:#fff;
  border:1px solid #D6C8D0;
  padding:2rem;
  text-align:center;
}
.coupon-page.newsletter-form{
  display:flex;
  border-bottom:1px solid #D6C8D0;
  padding-bottom:.5rem;
  max-width:20rem;
  margin:0 auto;
}
.newsletter-input{
  flex:1;
  border:0;
  background:transparent;
  outline:none;
}
.newsletter-submit{
  border:0;
  background:none;
  cursor:pointer;
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#391B26;
}
.save-link{
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#391B26;
  text-decoration:none;
  border-bottom:1px solid #391B26;
  padding-bottom:.25rem;
}

/* FAQ */
.faq-section{
  max-width:48rem;
  margin:0 auto;
  border-top:1px solid #D6C8D0;
  padding-top:4rem;
}
.faq-title{
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:1.25rem;
  text-align:center;
  margin-bottom:2rem;
}
.faq-question{
  font-family:"Satoshi", sans-serif;
  font-weight:700;
  font-size:.875rem;
  margin-bottom:.5rem;
}
.faq-answer{
  font-family:"Inter", sans-serif;
  font-weight:300;
  font-size:.875rem;
  line-height:1.7;
  color:#555;
}

/* Responsive */
@media (max-width: 1024px){
  .coupon-content{ flex-direction:column; text-align:center; }
  .coupon-code-wrapper{ justify-content:center; }
  .save-more-grid{ grid-template-columns:1fr; }
}
@media (max-width: 768px){
  .coupon-page{ padding-top:6rem; }
  .header-title{ font-size:2rem; }
  .header-description{ font-size:1rem; }
  .coupon-card{ padding:2rem; }
  .coupon-code-wrapper{ flex-direction:column; gap:.75rem; }
}