/* Coupon cards follow the GutscheinFix single-column offer layout, in FluxCoupon colours. */
.seo-store-coupon-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.seo-store-coupon-grid>.seo-coupon-card,
.seo-store-coupon-grid>.seo-extra-coupon{
  padding:16px;border:1px solid #e6d9b5;border-radius:10px;
  background:#fff;box-shadow:0 2px 10px rgba(38,32,18,.06)
}
.seo-store-coupon-grid>.seo-coupon-card,
.seo-store-coupon-grid>.seo-extra-coupon:first-child{border:2px solid #e0a900}
.seo-store-coupon-info h2,
.seo-store-coupon-info h3,
.seo-coupon-card .seo-store-coupon-info .seo-deal-value{
  color:#202124;font-size:clamp(18px,1.6vw,21px);font-weight:800;line-height:1.3
}
.seo-store-coupon-info .seo-coupon-title{color:#514a39}
.seo-store-coupon-top .seo-coupon-brand-logo{border-color:#eadfbe}
.seo-store-coupon-tags>span:not(.seo-store-coupon-name),
.seo-store-coupon-tags .seo-deal-label,
.seo-store-coupon-info .seo-offer-chips span{
  border-color:#ecd690;background:#fff8dd;color:#584600
}
.seo-store-coupon-percent{
  border-color:#e5c359;background:#fff2c4;color:#27230f
}
.seo-coupon-card .seo-code-wrap,
.seo-extra-coupon .seo-code-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.seo-coupon-card .seo-coupon-code,
.seo-extra-coupon .seo-coupon-code{
  border-color:#d7ae2d;background:#fff9e7;color:#29271e;
  font-weight:800;letter-spacing:.035em
}
.seo-coupon-card .seo-copy-button,
.seo-extra-coupon .seo-copy-button,
.seo-coupon-card>.seo-coupon-actions>.seo-button,
.seo-extra-coupon>.seo-extra-coupon-actions>.seo-button{
  background:#ffbd00;color:#1f1f1f
}
.seo-coupon-card .seo-copy-button:hover,
.seo-coupon-card .seo-copy-button:focus-visible,
.seo-extra-coupon .seo-copy-button:hover,
.seo-extra-coupon .seo-copy-button:focus-visible,
.seo-coupon-card>.seo-coupon-actions>.seo-button:hover,
.seo-extra-coupon>.seo-extra-coupon-actions>.seo-button:hover{background:#e6a900;color:#1f1f1f}
.seo-coupon-card>.seo-coupon-conditions,
.seo-extra-coupon>.seo-coupon-conditions{
  margin:12px 0 0;padding:13px 15px;border:0;border-radius:6px;
  background:#faf7ed;color:#343126;font-size:14px;line-height:1.6
}
.seo-coupon-card>.seo-coupon-conditions summary,
.seo-extra-coupon>.seo-coupon-conditions summary{color:#594700;font-size:14px;font-weight:800}
.seo-coupon-card>ul.seo-condition-badges>li,
.seo-extra-coupon>ul.seo-condition-badges>li{
  padding:5px 8px;border-color:#ebdca9;border-radius:4px;
  background:#fff9e8;color:#594c21;font-size:13px;font-weight:700;line-height:1.35
}
.seo-store-coupon-grid a:focus-visible,
.seo-store-coupon-grid button:focus-visible,
.seo-store-coupon-grid summary:focus-visible{outline:3px solid #d49b00;outline-offset:3px}
@media(min-width:521px) and (max-width:1080px){
  .seo-store-coupon-grid .seo-store-coupon-top{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"brand info percent";gap:12px 14px}
  .seo-store-coupon-grid .seo-coupon-card .seo-store-coupon-top{grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"brand info percent"}
}
@media(max-width:520px){
  .seo-store-coupon-grid>.seo-coupon-card,.seo-store-coupon-grid>.seo-extra-coupon{padding:12px}
  .seo-coupon-card>.seo-coupon-conditions,.seo-extra-coupon>.seo-coupon-conditions{padding:12px}
}
.seo-coupon-conditions-heading{display:block;margin:0 0 7px;color:#594700;font-size:14px;font-weight:800;line-height:1.4}
.seo-coupon-card>.seo-coupon-conditions>.seo-coupon-conditions-body,
.seo-extra-coupon>.seo-coupon-conditions>.seo-coupon-conditions-body{padding:0;color:#343126;font-weight:700;line-height:1.6}
.seo-coupon-conditions-body p{margin:0 0 7px}
.seo-coupon-conditions-body p:last-child{margin-bottom:0}
