/* Dedicated coupon page. Editorial articles and advertising placements are unchanged. */
.promotion-page{
 width:min(1180px,calc(100% - 64px));max-width:none;padding:0;
 margin:54px auto 30px;min-width:0;
}
.promotion-page .coupon-intro{max-width:800px;margin:0 0 34px;}
.promotion-page .coupon-intro .eyebrow{font-size:11px;letter-spacing:.16em;margin:0 0 12px;}
.promotion-page .coupon-intro h1{font-size:clamp(34px,4.5vw,56px);line-height:1.12;margin:0 0 18px;letter-spacing:-.035em;}
.promotion-page .coupon-intro .promotion-intro{max-width:66ch;font-size:17px;line-height:1.7;margin:0;color:var(--muted);}
.promotion-page .coupons-grid{width:100%;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:26px;align-items:stretch;}
.promotion-page .coupon-card{
 --coupon-accent:#075e99;--coupon-font:'Coupon DistroKid',Arial,sans-serif;
 display:flex;flex-direction:column;min-width:0;max-width:none;margin:0;padding:0;
 border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:22px;
 overflow:hidden;background:var(--surface);color:var(--text);
 box-shadow:0 14px 38px #281e1712,0 2px 5px #281e1708;
 font-family:var(--coupon-font);transition:box-shadow .2s ease;
}
.promotion-page .coupon-card--groover{--coupon-accent:#bd3d24;--coupon-font:'Coupon Groover',Arial,sans-serif;}
.promotion-page .coupon-card:hover{box-shadow:0 20px 48px #281e1721,0 3px 8px #281e170d;}
.coupon-card .coupon-brand-stage{
 position:relative;isolation:isolate;overflow:hidden;padding:30px 30px 28px;
 background:radial-gradient(ellipse at 100% 0%,#187aab88,transparent 65%),#102a3d;
 color:#fff;min-height:226px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;
}
.coupon-card--groover .coupon-brand-stage{background:radial-gradient(ellipse at 100% 0%,#aa462a55,transparent 68%),#271c1c;}
.coupon-card .coupon-brand-stage:after{
 content:'';position:absolute;width:240px;height:240px;right:-128px;bottom:-135px;
 border-radius:50%;box-shadow:0 0 0 1px #ffffff10,0 0 0 32px #ffffff05,0 0 0 64px #ffffff04;
 pointer-events:none;z-index:-1;
}
.coupon-card .coupon-brand-top{display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.coupon-card .coupon-logo{display:block;max-width:100%;object-fit:contain;object-position:left center;border:0;border-radius:0;box-shadow:none;}
.coupon-card .coupon-brand-name{display:block;font:700 30px/1 var(--coupon-font);color:inherit;}
.coupon-card--distrokid .coupon-logo{width:228px;height:30px;filter:brightness(0) invert(1);}
.coupon-card--groover .coupon-logo{width:170px;height:36px;}
.coupon-card .coupon-category{font:500 12px/1.5 var(--coupon-font);color:#fff;opacity:.8;letter-spacing:.04em;}
.coupon-card .coupon-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.coupon-card .coupon-benefit{display:flex;align-items:center;gap:22px;}
.coupon-card .coupon-value{font:700 clamp(62px,7vw,86px)/.95 var(--coupon-font);letter-spacing:-.055em;white-space:nowrap;color:#fff;}
.coupon-card .coupon-value>span{font-size:.52em;letter-spacing:-.02em;margin-left:3px;vertical-align:12%;}
.coupon-card .coupon-benefit-copy{display:flex;flex-direction:column;gap:6px;}
.coupon-card .coupon-benefit-copy>strong{font:700 22px/1.15 var(--coupon-font);color:#fff;}
.coupon-card .coupon-benefit-copy>span{font:400 13px/1.5 var(--coupon-font);color:#fff;opacity:.82;}
.coupon-card .coupon-body{padding:28px 30px 26px;display:flex;flex-direction:column;gap:16px;flex:1;}
.coupon-card .coupon-description{font:400 16px/1.65 var(--coupon-font);color:var(--text);margin:0;max-width:none;}
.coupon-card .coupon-conditions{font:400 12px/1.7 var(--coupon-font);color:var(--muted);margin:0;max-width:none;}
.coupon-card .coupon-conditions>a{color:inherit;text-underline-offset:3px;}
.coupon-card .coupon-action{margin-top:auto;padding-top:8px;display:grid;gap:10px;}
.coupon-card .coupon-cta{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-height:50px;width:100%;padding:13px 18px;box-sizing:border-box;
 border:1px solid transparent;border-radius:12px;background:var(--coupon-accent);color:#fff;
 font:700 15px/1.35 var(--coupon-font);text-decoration:none;text-align:left;
 transition:filter .18s ease,box-shadow .18s ease;
}
.coupon-card .coupon-cta:hover{color:#fff;filter:brightness(1.08);box-shadow:0 4px 14px #0002;text-decoration:none;}
.coupon-card .coupon-cta svg{flex:0 0 20px;}
.coupon-card .coupon-cta:focus-visible,.coupon-card .coupon-conditions>a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;}
.coupon-card .coupon-destination{font:400 11px/1.5 var(--coupon-font);text-align:center;color:var(--muted);}
.promotion-page .coupon-overview{font-size:13px;line-height:1.8;color:var(--muted);max-width:88ch;margin:26px 0 0;}
html[data-theme=dark] .promotion-page .coupon-card{box-shadow:0 16px 40px #0004,0 2px 6px #0002;}
html[data-theme=dark] .promotion-page .coupon-card--distrokid,html[data-theme=dark] .promotion-page .coupon-card--suno{--coupon-accent:#156fa5;}
html[data-theme=dark] .promotion-page .coupon-card--groover{--coupon-accent:#b43b25;}
@media(max-width:780px){
 .promotion-page{width:calc(100% - 36px);margin-top:32px;}
 .promotion-page .coupons-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:24px;}
 .promotion-page .coupon-intro{margin-bottom:26px;}
 .promotion-page .coupon-intro .promotion-intro{font-size:16px;}
 .coupon-card .coupon-brand-stage{min-height:214px;padding:26px;gap:30px;}
 .coupon-card .coupon-body{padding:24px 26px;}
 .coupon-card .coupon-benefit-copy>strong{font-size:21px;}
}
@media(max-width:380px){
 .promotion-page{width:calc(100% - 28px);}
 .coupon-card .coupon-brand-stage,.coupon-card .coupon-body{padding:22px;}
 .coupon-card .coupon-benefit{gap:16px;}
 .coupon-card .coupon-benefit-copy>strong{font-size:19px;}
}
@media(prefers-reduced-motion:reduce){.promotion-page .coupon-card,.coupon-card .coupon-cta{transition:none;}}