/* Shopping rewards: observed prices first, upfront and deferred benefits separated. */
/* The current storefront uses the simple Compare presentation; legacy reward rules below are unused. */
:root{--paper:#f5f6f8;--card:#fff;--ink:#17283b;--muted:#5f6d7c;--soft:#718090;--line:#e1e6ec;--forest:#17283b;--forest-2:#263e57;--shadow:0 16px 44px #17283b0a}
.compare-guide{border:1px solid var(--line);border-radius:18px;background:#fff;padding:30px;box-shadow:var(--shadow)}
.compare-guide h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:14px 0 24px}.compare-guide ol{list-style:none;counter-reset:compare;padding:0;margin:0}
.compare-guide li{counter-increment:compare;position:relative;padding:0 0 22px 38px}.compare-guide li::before{content:counter(compare);position:absolute;left:0;top:0;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700}
.compare-guide b{display:block;font-size:14px}.compare-guide li span{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:3px}.compare-guide>p{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin:0}
.compare-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-stores .xray-offer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.compare-stores .xray-offer strong{font-size:14px}.compare-stores .xray-offer p{font-size:13px;margin:0;color:var(--muted)}
body{background:var(--paper)}
.site-header{background:#ffffffed;backdrop-filter:blur(12px)}
.header-inner{min-height:78px}.brand{letter-spacing:-.8px}
main{padding-top:32px}.view-head h1{letter-spacing:-1.2px}
.hero{grid-template-columns:1.3fr 1fr;gap:64px;padding:48px;background:linear-gradient(115deg,#fff 55%,#fcf1f6);border-radius:28px;border-color:#e8e1e7;align-items:center;overflow:hidden}
.hero h1{font-size:clamp(38px,4.6vw,59px);letter-spacing:-2.7px;line-height:1.06;font-weight:780;margin:12px 0 22px}
.hero .xray-intro{margin:22px 0 8px;font-size:14px;color:var(--muted);font-weight:500}
.hero-copy>p{font-size:17px;line-height:1.7}.hero .xray-support{font-size:13px;line-height:1.6;margin:-8px 0 24px}
.hero-search{border-radius:13px;border-color:#d7dde5;box-shadow:0 8px 24px #17283b07}
.hero-search .primary-button{padding:13px 16px}.hero-search input{font-size:14px}
.hero .kicker{font-size:10px;letter-spacing:1.7px;background:#fcecf4;border:1px solid #f3d9e6;color:#a82863;padding:7px 10px;border-radius:7px}
.hero-card.xray-demo{background:#fff;border:1px solid #e5d8df;border-radius:20px;padding:24px;box-shadow:0 22px 50px #622b4412}
.xray-demo h2{font-size:25px;margin:22px 0 5px;letter-spacing:-.8px}.xray-demo select{font-size:12px;padding:8px 10px;border-color:var(--line);margin:5px 0 8px}
.xray-demo .mock-row{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.xray-demo .mock-row strong{font-size:18px}
.demo-reward-line{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 0;color:#31745b;font-size:13px}
.demo-reward-line b{font-size:12px;font-weight:650}.demo-reward-line small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.demo-effective{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#17283b;color:#fff;border-radius:11px;margin:5px 0 12px}
.demo-effective span{font-size:11px;max-width:100px}.demo-effective strong{font-size:29px;font-weight:750;letter-spacing:-.8px}
.xray-demo-saving{margin:0 0 12px;padding:0;background:none;color:#31745b}.xray-demo-saving strong{font-size:18px;letter-spacing:0}.xray-demo-saving span{font-size:12px;max-width:none}
.hero .xray-demo .footnote{font-size:10px;line-height:1.7;margin:0}
.rewards-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);background:#fff;border-radius:18px;margin:24px 0 30px;padding:22px 0}
.rewards-principles article{padding:0 25px}.rewards-principles article+article{border-left:1px solid var(--line)}
.rewards-principles article>span{font-size:9px;letter-spacing:1.5px;font-weight:750;color:var(--brand)}
.rewards-principles h2{font-size:16px;letter-spacing:-.3px;margin:9px 0 6px}.rewards-principles p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:290px}
.store-strip{margin-top:28px}.xray-category{padding:22px;border-radius:17px}.xray-category>span{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#f6f3f8;font-size:22px}
.xray-category h3{font-size:18px}.xray-category p{font-size:13px;line-height:1.6}.xray-category b{font-size:12px}
.shopping-rewards-strip{display:flex;align-items:center;justify-content:space-between;gap:12px 26px;background:#fff;border:1px solid #e7d8e1;border-left:3px solid var(--brand);border-radius:12px;padding:16px 20px;margin:0 0 27px;flex-wrap:wrap}
.shopping-rewards-strip>strong{font-size:15px;letter-spacing:-.2px}.shopping-rewards-strip>strong span{padding:0 9px;color:var(--brand)}.shopping-rewards-strip>span:last-child{font-size:10px;color:var(--muted)}
.reward-kicker{font-size:9px;letter-spacing:1.25px;font-weight:750;color:#9c3061}
.reward-preview{padding:22px;border:1px solid #cfe2db;border-radius:16px;background:linear-gradient(125deg,#f1f8f5,#fff);margin:20px 0 4px;max-width:640px}
.reward-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.reward-assumed{font-size:10px;line-height:1.3;color:#566c63;border:1px solid #cfe2db;border-radius:5px;padding:3px 7px;background:#fff}
.reward-preview h3{font-size:17px;letter-spacing:-.3px;margin:10px 0 15px}
.reward-stages{margin-bottom:15px}.reward-stage{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #dceae4}
.reward-stage>div{flex:1}.reward-step{font-size:9px;color:#648474;padding:5px;border:1px solid #cedfd6;border-radius:5px}
.reward-stage strong{display:block;font-size:12px}.reward-stage small{display:block;font-size:10px;color:#667d71}.reward-stage b{font-size:14px;color:#237052}
.reward-total{display:flex;justify-content:space-between;align-items:center;gap:15px}.reward-total>div>span{display:block;font-size:11px;color:#536a60}
.reward-total>div>strong{display:block;font-size:30px;line-height:1.3;font-weight:760;letter-spacing:-.8px;color:#154b38;margin:3px 0}
.reward-saving{font-size:10px;color:#23664d;background:#e2efe8;padding:5px 8px;border-radius:6px;white-space:nowrap}
.reward-preview .reward-timing{color:#486759;font-size:11px;margin:5px 0 0}.reward-preview .reward-note{font-size:10px;line-height:1.7;color:#61766b;margin:13px 0 0}
.reward-preview-compact{padding:13px 16px;margin:14px 0 0;max-width:550px}
.reward-preview-compact .reward-total{margin-top:5px}.reward-preview-compact .reward-total>div>strong{font-size:23px;letter-spacing:-.5px}.reward-preview-compact>small{display:block;font-size:9px;color:#698074;margin-top:6px}
#search-results .list-row{grid-template-columns:100px minmax(0,1fr) auto;gap:24px;padding:24px;border-radius:18px;box-shadow:0 4px 18px #17283b03;align-items:start}
#search-results .list-row>img{width:100px;height:112px;padding:12px;background:#f7f8fa;border:1px solid #edf0f3;border-radius:13px}
#search-results .list-row h3{font-size:17px;line-height:1.5;margin-bottom:8px;letter-spacing:-.25px}
#search-results .list-row p{font-size:11px}#search-results .list-price{padding-top:4px}#search-results .list-price>strong{font-size:24px;letter-spacing:-.7px}
#search-results .list-price>span{font-size:10px}#search-results .list-actions{flex-direction:column;align-items:stretch;margin-top:17px}#search-results .list-actions .secondary-button{font-size:12px;min-height:40px;padding:8px 12px}
.offer-chips{gap:6px}.offer-chip{border-radius:7px;padding:7px 9px;font-size:11px}.offer-chip.best{background:#f2f7f4;border-color:#d6e5db}
.product-top{padding:32px;gap:38px;border-radius:22px;grid-template-columns:260px minmax(0,1fr)}.product-image{background:#f7f8fa;border:1px solid #edf0f3;align-self:start;min-height:280px}
.product-top h1{font-size:26px;letter-spacing:-.65px;line-height:1.4}.product-top .price-now{font-size:38px}.product-top .cta-row{flex-wrap:wrap;gap:8px}.product-top .cta-row .secondary-button{font-size:12px}
.reward-table-note{display:block;color:#31745b;font-size:10px;line-height:1.6;margin-top:5px;max-width:210px}
.xray-dialog{border-radius:23px;padding:28px;background:#fff}.xray-dialog .dialog-head{background:#fff;top:-28px}.xray-dialog::backdrop{background:#14263880}
.xray-totals{background:#f6f8fa;border-color:#e1e6ec;padding:20px}.xray-totals strong{font-size:25px}
.xray-reward-route{margin:25px 0}.xray-reward-route>h3{margin:7px 0;font-size:18px}.xray-reward-route>.reward-preview{margin-top:12px;max-width:none}
.xray-bank-route,.xray-extras{margin:24px 0;border:1px solid var(--line);border-radius:13px;padding:16px}.xray-bank-route>summary,.xray-extras>summary{font-size:13px;font-weight:650;cursor:pointer}
.xray-bank-route[open]>summary{margin-bottom:20px}.xray-bank-route .xray-payment-offers{border:0;padding:0;margin:0}.xray-bank-route .xray-payment-offers>h3{font-size:15px}
.xray-eligibility{font-size:11px;background:#f6f7f9;color:var(--muted);line-height:1.8}
.xray-payment-fields label{font-size:11px}.xray-extras .xray-override{border:0}.xray-extras .xray-override h3{font-size:15px}
@media(min-width:761px){.home-section{margin-top:40px}}
@media(max-width:1050px){.hero{padding:32px;gap:28px}.hero h1{font-size:44px}.hero-search{flex-direction:column}.hero-search .primary-button{width:100%}#search-results .list-row{gap:16px;grid-template-columns:80px minmax(0,1fr) 150px}#search-results .list-row>img{width:80px;height:95px}.reward-total>div>strong{font-size:25px}.product-top{grid-template-columns:200px minmax(0,1fr);gap:24px}}
@media(max-width:760px){main{padding-top:20px}.header-inner{min-height:66px}.hero{grid-template-columns:1fr;padding:28px;gap:30px}.hero h1{font-size:47px;letter-spacing:-2px;max-width:500px}.hero .hero-card.xray-demo{display:block;width:100%;max-width:480px;margin:0 auto}.hero .hero-search{max-width:none;flex-direction:row}.hero-search .primary-button{width:auto}.rewards-principles{padding:18px 0;margin-top:18px}.rewards-principles article{padding:0 15px}.rewards-principles h2{font-size:13px}.rewards-principles p{font-size:11px}.shopping-rewards-strip{gap:7px;padding:14px 16px}.shopping-rewards-strip .reward-kicker{width:100%}#search-results .list-row{grid-template-columns:64px minmax(0,1fr);gap:15px;padding:19px}#search-results .list-row>img{width:64px;height:80px}#search-results .list-row h3{font-size:15px}#search-results .list-price{grid-column:2;text-align:left;padding-top:0}#search-results .list-actions{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin-top:10px}#search-results .list-price>strong{display:inline;margin-right:9px;font-size:20px}.product-top{grid-template-columns:1fr;padding:24px;gap:25px}.product-image{min-height:200px}.product-image img{max-height:180px}.product-top h1{font-size:23px}.reward-preview{max-width:none}.reward-preview-compact .reward-total{align-items:flex-start}.reward-preview-compact .reward-saving{font-size:9px}.reward-preview-compact .reward-total>div>strong{font-size:22px}}
@media(max-width:480px){.hero{padding:23px 20px;border-radius:20px;gap:24px}.hero h1{font-size:40px;letter-spacing:-1.8px}.hero-copy>p{font-size:15px}.hero .hero-search{flex-direction:column}.hero .hero-search .primary-button{width:100%}.hero-card.xray-demo{padding:20px}.rewards-principles{grid-template-columns:1fr;padding:0}.rewards-principles article{padding:17px 20px}.rewards-principles article+article{border-left:0;border-top:1px solid var(--line)}.rewards-principles h2{font-size:15px;margin:5px 0}.rewards-principles p{max-width:none;font-size:12px}.reward-preview-compact{padding:12px}.reward-preview-compact .reward-total{gap:6px}.reward-preview-compact .reward-total>div>span{font-size:9px}.reward-preview-compact .reward-saving{max-width:80px;white-space:normal;text-align:center}.reward-preview-compact .reward-total>div>strong{font-size:20px}.reward-preview{padding:17px}.reward-preview-compact{padding:12px}.reward-total{gap:8px}.reward-timing{line-height:1.7}.shopping-rewards-strip>strong{font-size:13px}.shopping-rewards-strip>strong span{padding:0 3px}#search-results .list-row{padding:15px;gap:10px;grid-template-columns:48px minmax(0,1fr)}#search-results .list-row>img{width:48px;height:60px;padding:5px}.xray-dialog{padding:20px}.xray-dialog .dialog-head{top:-20px}.xray-totals{padding:15px;gap:10px}.xray-totals strong{font-size:20px}.xray-bank-route,.xray-extras{padding:13px}.reward-stage{gap:8px}.reward-stage b{font-size:12px}}