/* Approved shared Cashew imagery; cream/forest-green site retained. */
.mascot-mark{display:block;flex:none;object-fit:contain;border-radius:11px}
.mascot-cash-hero{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 18px;border-radius:18px}
.mascot-checklist{border-top:3px solid #22c55e}.mascot-checklist .check{padding:10px 0}
.mascot-gift-card{float:right;width:137px;height:auto;margin:30px 0 16px 24px;border-radius:18px}
.mascot-guide-art{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;margin-bottom:20px;border-radius:16px}
@media(max-width:800px){.hero .mascot-checklist{display:block;background:transparent;border:0;padding:0}.mascot-checklist>.kick,.mascot-checklist>.check{display:none}.mascot-cash-hero{width:220px;margin:0 auto}.mascot-mark{width:36px;height:36px}}
@media(max-width:420px){.mascot-gift-card{width:95px;margin-left:15px}}

/* Cashback landing page: compact hero, followed by a separate checklist. */
#cashback-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;padding:24px 0 16px}
#cashback-hero .kick{font-size:1rem;line-height:1.5;letter-spacing:.1em}
#cashback-hero h1 em{display:block}
#cashback-hero .cashback-mascot-card{display:grid;place-items:center;justify-self:center;width:100%;max-width:340px;margin:0;padding:12px;border-top:3px solid #22c55e;border-radius:20px}
#cashback-hero .mascot-cash-hero{width:100%;max-width:310px;height:auto;margin:0;border-radius:12px}
.cashback-checklist{margin:0 0 16px;padding:18px 22px}
.cashback-checklist h2{margin:0 0 14px;font-family:inherit;font-size:1rem;line-height:1.4;letter-spacing:.075em}
.cashback-checklist ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.cashback-checklist li{min-width:0}
.cashback-checklist li+li{border-left:1px solid var(--line);padding-left:20px}
.cashback-checklist h3{margin:0 0 6px;font-size:1.125rem;line-height:1.4;color:var(--g)}
.cashback-checklist p{margin:0;font-size:1rem;line-height:1.5;color:#445449}
/* Keep the retailer overview and comparison controls in one compact flow. */
#retailer-summary{margin-bottom:16px;padding-top:24px;padding-bottom:24px}
#retailer-summary+.live-compare{margin-top:0;padding-top:24px}
#retailer-summary+.live-compare .compare-controls{gap:16px}
#retailer-summary+.live-compare .retailer-select-control{min-width:0}
#retailer-summary+.live-compare .popular-picks{margin-top:16px}
#retailer-summary-title{margin-top:0}
#retailer-summary>.muted{font-size:1rem;line-height:1.6;color:#445449}
#retailer-summary .retailer-summary-search label{font-size:1rem}
/* Keep the live search count available to assistive technology without a visible badge. */
#retailer-search-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.retailer-table-disclosure{margin-top:16px}
.retailer-table-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#eef3e6;color:var(--g);font-size:1rem;font-weight:800;cursor:pointer;list-style:none}
.retailer-table-disclosure>summary::-webkit-details-marker{display:none}
.retailer-table-disclosure>summary:hover{border-color:var(--g2)}
.retailer-table-disclosure .retailer-hide-label{display:none}
.retailer-table-disclosure[open] .retailer-show-label{display:none}
.retailer-table-disclosure[open] .retailer-hide-label{display:inline}
.retailer-disclosure-icon::before{content:'+';font-size:1.5rem;line-height:1}
.retailer-table-disclosure[open] .retailer-disclosure-icon::before{content:'−'}
/* Match the comparison panels and give existing character art room to celebrate. */
.cashback-editorial .prose{width:100%;max-width:none}
.cashback-editorial .editorial-feature{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:32px}
.cashback-editorial .editorial-mascot{display:block;width:100%;height:auto;max-width:220px;justify-self:center;object-fit:contain}
.cashback-editorial .editorial-celebration{clear:both;margin-top:36px}
@media(max-width:800px){
  #cashback-hero{grid-template-columns:1fr;gap:16px;padding:20px 0 16px}
  #cashback-hero h1{font-size:clamp(36px,8vw,52px);line-height:1.05;margin:12px 0 0}
  #cashback-hero .cashback-mascot-card{max-width:280px;padding:10px}
  .cashback-checklist{padding:18px;margin-bottom:14px}
  .cashback-checklist ol{grid-template-columns:1fr;gap:12px}
  .cashback-checklist li+li{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}
  #retailer-summary{margin-bottom:14px;padding-top:20px;padding-bottom:20px}
  #retailer-summary+.live-compare{padding-top:20px}
  .cashback-editorial .editorial-feature{grid-template-columns:1fr;gap:16px}
  .cashback-editorial .editorial-mascot{max-width:160px}
}

/* One retailer selector and two comparisons inside a single compact card. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
#retailer-summary.retailer-workspace{margin:0 0 16px;padding:24px 28px}
.retailer-workspace .retailer-summary-head{align-items:center;gap:16px;margin-bottom:18px}
.retailer-workspace #live-compare-title{margin:0;font-size:clamp(30px,3.5vw,40px);line-height:1.12}
.retailer-picker{position:relative}
.retailer-picker-input{display:flex;align-items:center;gap:12px;border:1px solid #8d9e90;border-radius:10px;background:white;padding:0 14px}
.retailer-picker-input:focus-within{outline:3px solid var(--g2);outline-offset:3px}
#retailer-summary .retailer-picker-input input{width:100%;min-width:0;padding:12px 0;border:0;border-radius:0;outline:none;font-size:18px;line-height:1.5}
.retailer-search-icon{width:17px;height:17px;border:2px solid #526155;border-radius:50%;position:relative;flex:none;margin-right:2px}
.retailer-search-icon:after{content:'';position:absolute;width:7px;height:2px;background:#526155;right:-5px;bottom:-3px;transform:rotate(45deg)}
.retailer-search-clear{flex:none;width:36px;height:36px;padding:0;border:0;border-radius:6px;color:#526155;background:transparent;font:28px/1 system-ui,sans-serif;cursor:pointer}
.retailer-search-clear:hover{background:#eef3e6;color:var(--g)}
.retailer-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;max-height:280px;overflow-y:auto;margin:0;padding:6px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #17251c24;list-style:none}
.retailer-option{padding:10px 14px;border-radius:7px;cursor:pointer;font-size:16px;color:var(--g)}
.retailer-option:hover,.retailer-option[aria-selected="true"]{background:#eef3e6}
.retailer-no-matches{padding:12px 14px;color:var(--m);font-size:16px}
.retailer-workspace .retailer-table-disclosure{margin-top:12px}
.retailer-workspace .comparison-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:22px}
.retailer-workspace .comparison-panel{border:0;border-radius:0;padding:0 22px 0 0;background:transparent}
.retailer-workspace .comparison-panel+.comparison-panel{border-left:1px solid var(--line);padding:0 0 0 22px}
.retailer-workspace .comparison-panel-head{display:block;position:relative;margin-bottom:14px}
.retailer-workspace .comparison-panel-head .kick{font-size:13px}
.retailer-workspace .comparison-panel-head h3{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,29px);line-height:1.15;margin:5px 0 0;color:var(--ink)}
.retailer-workspace .deal-badge{margin-top:10px;font-size:13px;padding:4px 10px}
.compact-rate-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;text-align:left}
.compact-rate-table th,.compact-rate-table td{padding:11px 12px;line-height:1.4;vertical-align:middle;overflow-wrap:anywhere;font-size:14px}
.compact-rate-table th{background:#f0ebdf;color:#445449;font-weight:750}
.compact-rate-table th:first-child{width:44%}
.compact-rate-table th:nth-child(2){width:24%}
.compact-rate-table td{border-top:1px solid var(--line)}
.compact-rate-table .text-link{display:inline-block;font-size:14px}
.retailer-workspace .source-note{font-size:14px;line-height:1.45;margin-top:10px}
.retailer-workspace .empty-offer{margin:0;font-size:16px;padding:18px;line-height:1.5}
.comparison-loading{grid-column:1/-1;margin:0;padding:12px 0;font-size:16px;color:var(--m)}
@media(max-width:800px){
  #retailer-summary.retailer-workspace{padding:20px 18px}
  .retailer-workspace .retailer-summary-head{align-items:flex-start;gap:12px;margin-bottom:16px}
  .retailer-workspace .retailer-summary-cta{width:auto;font-size:14px;padding:9px 14px}
  .retailer-workspace .comparison-results{grid-template-columns:1fr;margin-top:20px}
  .retailer-workspace .comparison-panel{padding:0}
  .retailer-workspace .comparison-panel+.comparison-panel{border-left:0;border-top:1px solid var(--line);margin-top:20px;padding:20px 0 0}
  .retailer-workspace .comparison-panel-head h3{font-size:26px}
  .compact-rate-table th,.compact-rate-table td{padding:10px 8px}
  .compact-rate-table th:first-child{width:42%}
  .compact-rate-table th:nth-child(2){width:24%}
}


/* Mobile retailer comparison: fit retailer + cashback + gift card + compare on one screen. */
@media(max-width:800px){
  #retailer-summary.retailer-workspace{padding:16px 14px}
  .retailer-workspace .retailer-summary-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
  .retailer-workspace #live-compare-title{font-size:clamp(27px,8vw,34px)}
  .retailer-workspace .retailer-summary-cta{flex:0 0 auto;width:auto;max-width:124px;padding:8px 10px;font-size:12px;line-height:1.2;white-space:normal}
  .retailer-picker-input{gap:10px;padding:0 10px}
  #retailer-summary .retailer-picker-input input{padding:9px 0;font-size:16px}
  .retailer-search-clear{width:30px;height:30px;font-size:24px}
  .retailer-workspace .retailer-table-disclosure{margin-top:9px}
  .retailer-table-disclosure>summary{padding:9px 12px;border-radius:10px;font-size:14px}
  .retailer-disclosure-icon::before{font-size:1.2rem}
  .retailer-table-wrap{overflow-x:visible;margin-top:8px;border-radius:10px}
  .retailer-rate-table{width:100%;min-width:0;table-layout:fixed}
  .retailer-rate-table th,.retailer-rate-table td{position:static!important;box-shadow:none!important;padding:9px 5px;line-height:1.25;overflow-wrap:anywhere}
  .retailer-rate-table th{font-size:9px;letter-spacing:.035em}
  .retailer-rate-table td{font-size:12px}
  .retailer-rate-table th:nth-child(1){width:31%}
  .retailer-rate-table th:nth-child(2){width:20%}
  .retailer-rate-table th:nth-child(3){width:23%}
  .retailer-rate-table th:nth-child(4){width:26%}
  .retailer-rate-table td:nth-child(2),.retailer-rate-table td:nth-child(3){font-size:13px}
  .retailer-name-link{font-size:13px}
  .retailer-action-link{font-size:11px;white-space:nowrap}
  .sort-button{gap:2px;font-size:inherit}
  .retailer-summary-status{min-height:0;margin:6px 0 0;font-size:11px}
}
@media(max-width:420px){
  .retailer-rate-table th,.retailer-rate-table td{padding-left:4px;padding-right:4px}
  .retailer-name-link{font-size:12px}
  .retailer-action-link{font-size:10px}
}


/* Three-column retailer table after removing Compare. */
.retailer-rate-table th:nth-child(1){width:44%}
.retailer-rate-table th:nth-child(2),.retailer-rate-table th:nth-child(3){width:28%}
@media(max-width:800px){
  .retailer-rate-table th:nth-child(1){width:42%}
  .retailer-rate-table th:nth-child(2),.retailer-rate-table th:nth-child(3){width:29%}
}
