/* Offers page content only; shared components stay in common.css. */
#main{--page:#b71f2d;--panel:#141414;--brand:#d82434;color:#fff;background:var(--page);}
#main .hero{position:relative;min-height:320px;overflow:hidden;background:#141414 url("../images/offers/rewards.webp") center / cover no-repeat;}
#main .hero::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg, rgba(20, 20, 20, 0.76), rgba(20, 20, 20, 0.18) 56%, rgba(20, 20, 20, 0.03));}
#main .inner, #main .content{width:calc(100% - var(--site-gutter) * 2);margin:0 auto;}
#main .inner{position:relative;z-index:1;display:flex;align-items:center;min-height:320px;padding-left:22px;}
#main .copy > span, #main .heading > span{color:#f6d9dd;font-size:11px;line-height:18px;font-weight:800;letter-spacing:1.4px;}
#main .copy h1{margin:5px 0 2px;color:#fff;font-size:50px;line-height:58px;font-weight:900;letter-spacing:-0.02em;}
#main .copy > p{margin:0;color:#e5e5e5;font-size:18px;line-height:27px;font-weight:600;}
#main .badges{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px;color:#e5e5e5;font-size:13px;line-height:20px;}
#main .badges b{font-weight:500;}
#main .content{padding:28px 0 40px;}
#main .heading{display:grid;align-content:center;margin-bottom:24px;}
#main .heading > span{color:#f6d9dd;}
#main .heading h2{margin:0;color:#fff;font-size:24px;line-height:32px;font-weight:900;}
#main .heading p{margin:2px 0 0;color:#f6d9dd;font-size:13px;line-height:20px;}
#main .featured{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;}
#main .feature{position:relative;display:flex;align-items:center;min-width:0;min-height:204px;overflow:hidden;padding:22px 25px;border:0;border-radius:16px;background-position:center;background-repeat:no-repeat;background-size:cover;}
#main .welcome{padding-left:48%;background-color:#141414;background-image:url("../images/offers/feature/welcome.webp");background-position:left center;}
#main .rebate{background-color:#141414;background-image:url("../images/offers/feature/rebate.webp");background-position:right center;background-size:150% auto;}
#main .vip{background-color:#141414;background-image:url("../images/offers/feature/vip.webp");background-position:right center;background-size:150% auto;}
#main .feature > div{position:relative;z-index:1;}
#main .feature span, #main .feature strong{display:block;}
#main .feature span{color:#fff;font-size:17px;line-height:23px;font-weight:800;}
#main .feature strong{margin-top:3px;color:#e5e5e5;font-size:13px;line-height:19px;font-weight:500;}
#main .feature strong em{color:#fff;font-size:34px;line-height:39px;font-style:normal;font-weight:900;}
#main .list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:36px;gap:24px;min-width:0;}
#main .item{display:grid;grid-template-columns:108px minmax(0, 1fr) minmax(132px, 0.22fr);align-items:center;gap:20px;min-height:168px;padding:24px;border:0;border-radius:16px;background:var(--panel);}
#main .item > img{display:block;width:96px;height:96px;justify-self:center;object-fit:contain;}
#main .item > .icon{width:82px;height:82px;}
#main .item > div{min-width:0;}
#main .item h2{margin:0;color:#fff;font-size:18px;line-height:25px;font-weight:800;}
#main .item p{margin:8px 0 12px;color:#c7c7c7;font-size:13px;line-height:22px;}
#main .item small{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;color:#fff;background:var(--brand);font-size:11px;}
#main .item > strong{display:block;min-width:0;padding-left:12px;color:var(--brand);font-size:26px;line-height:31px;font-weight:900;text-align:right;}
#main .item > strong em{color:var(--brand);font-size:13px;font-style:normal;}
#main .item > strong span{display:block;color:#aaa;font-size:11px;line-height:17px;font-weight:400;}
@media (max-width: 1040px){
#main .feature{padding:20px 18px;}
#main .welcome{padding-left:48%;background-position:-32px center;}
#main .rebate, #main .vip{background-size:cover;}
#main .vip{background-position:calc(100% + 10px) center;}
#main .feature strong em{font-size:clamp(24px, 2.36vw, 34px);line-height:1.15;}
#main .list{grid-template-columns:1fr;}
}
@media (max-width: 720px){
#main .content{padding:24px 0 28px;}
#main .hero, #main .inner{min-height:228px;}
#main .hero{background-position:90% center;}
#main .hero::after{background:linear-gradient(90deg, rgba(20, 20, 20, 0.94), rgba(20, 20, 20, 0.7) 58%, rgba(20, 20, 20, 0.22));}
#main .inner, #main .content{width:calc(100% - var(--site-gutter) * 2);}
#main .inner{padding-left:0;}
#main .copy > span{font-size:10px;}
#main .copy h1{margin-top:3px;font-size:34px;line-height:42px;}
#main .copy > p{font-size:15px;line-height:23px;}
#main .badges{gap:9px 15px;margin-top:13px;font-size:11px;}
#main .heading{margin-bottom:20px;}
#main .heading h2{font-size:21px;line-height:29px;}
#main .heading p{font-size:12px;}
#main .featured{grid-template-columns:1fr;gap:16px;}
#main .feature{min-height:190px;padding:20px 16px;}
#main .welcome{padding-left:48%;background-position:left center;}
#main .rebate, #main .vip{background-size:150% auto;}
#main .vip{background-position:right center;}
#main .feature span{font-size:15px;line-height:20px;}
#main .feature strong{font-size:12px;line-height:17px;}
#main .feature strong em{font-size:28px;line-height:31px;}
#main .list{margin-top:28px;gap:16px;}
#main .item{grid-template-columns:76px minmax(0, 1fr);grid-template-rows:auto auto;min-height:0;padding:22px 16px;gap:14px;}
#main .item > img{grid-row:1 / 3;width:70px;height:70px;align-self:start;}
#main .item > .icon{width:60px;height:60px;}
#main .item > div{grid-column:2;}
#main .item h2{font-size:17px;}
#main .item p{font-size:12px;line-height:21px;}
#main .item > strong{display:flex;grid-column:2;padding:0;align-items:baseline;justify-content:flex-start;gap:5px;font-size:19px;line-height:24px;text-align:left;}
#main .item > strong span{display:inline;}
}