*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202233;background:#faf8fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.narrow{max-width:850px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:900;color:var(--accent);margin:0 0 8px}
.site-header{height:68px;background:#242638;color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 #ffffff18}.header-row{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;font-size:20px;font-weight:850;letter-spacing:-.5px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#ffb6ce);display:inline-block;position:relative;box-shadow:inset 0 -3px 0 #00000012}.brand-mark span{position:absolute;top:10px;width:4px;height:5px;border-radius:50%;background:#242638}.brand-mark span:first-child{left:9px}.brand-mark span:nth-child(2){right:9px}.brand-mark b{position:absolute;left:10px;right:10px;bottom:8px;height:6px;border-bottom:2px solid #242638;border-radius:50%}.site-header nav{display:flex;gap:24px;font-size:14px;font-weight:700;color:#e8e8ee}.site-header nav a:hover{color:#fff}
.hero{background:radial-gradient(circle at 78% 18%,#fff 0 2%,transparent 2.3%),linear-gradient(120deg,#fff1f6,#f5f0ff 55%,#edf8ff);overflow:hidden;border-bottom:1px solid #eee7f0}.hero-grid{min-height:270px;display:grid;grid-template-columns:148px minmax(0,1fr);align-items:start;gap:30px;padding:46px 0 38px}.hero-logo-wrap{align-self:start;padding-top:2px}.hero-logo{display:block;width:148px;height:148px;object-fit:cover;border-radius:19px;box-shadow:0 14px 34px #2518291b}.hero-content{min-width:0}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-3px;margin:0;max-width:760px}.hero-copy{font-size:18px;color:#5f6170;max-width:680px;margin:16px 0 20px}.hero-stats{display:flex;flex-wrap:wrap;gap:10px}.hero-stats span{background:#fff;border:1px solid #e9dfe8;padding:9px 13px;border-radius:999px;font-size:13px;box-shadow:0 6px 20px #3d23460a}.hero-stats strong{color:var(--accent)}.commission-note{background:#fff;border-bottom:1px solid #eee7f0;color:#6d6f7b;font-size:13px}.commission-note .wrap{padding:12px 0}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:28px 0 72px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.section-head h2,.side-card h2,.faq-section h2,.guide-main>h2{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:0}.search-box{width:300px;position:relative}.search-box input{width:100%;border:1px solid #ded8e1;background:#fff;border-radius:12px;padding:12px 42px 12px 14px;outline:none;box-shadow:0 4px 16px #34203a08}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.search-box svg{position:absolute;right:13px;top:12px;width:20px;fill:none;stroke:#777;stroke-width:2}.filters{display:flex;gap:8px;overflow:auto;padding:0 0 14px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid #ded8e1;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:750}.filter.active,.filter:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,white)}
.coupon-list{display:grid;gap:14px}.coupon-card{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) 180px;align-items:center;gap:20px;background:#fff;border:1px solid #e4dde6;border-radius:17px;padding:18px;box-shadow:0 8px 30px #2b17350b;transition:.2s ease}.coupon-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px #2b173512;border-color:#d9cbdc}.coupon-card.featured{border-color:color-mix(in srgb,var(--accent) 38%,#e4dde6)}.featured-tag{position:absolute;top:-10px;left:18px;background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:850;box-shadow:0 4px 12px #0002}.coupon-brand{height:124px;border-right:1px solid #ebe5ed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-right:18px}.coupon-brand img{display:block;width:88px;height:88px;object-fit:cover;border-radius:11px}.coupon-brand span{display:inline-flex;align-items:center;justify-content:center;min-width:52px;margin-top:7px;padding:3px 9px;border-radius:6px;background:#e9f8ee;color:#176d37;font-size:11px;font-weight:850}.verified{display:inline-flex;align-items:center;gap:5px;color:#16853b;background:#e9f8ee;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:800;margin:0 0 8px}.verified b{display:inline-grid;place-items:center;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;font-size:10px;line-height:1}.coupon-body h3{font-size:20px;line-height:1.25;margin:0 0 8px;letter-spacing:-.3px}.coupon-body p{margin:0;color:#666875;font-size:14px}.coupon-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.coupon-meta span{font-size:11px;font-weight:750;color:#747683;background:#f6f3f7;padding:4px 8px;border-radius:7px}.coupon-action{text-align:center}.reveal-btn{width:100%;height:52px;border:0;padding:0;cursor:pointer;appearance:none;background:var(--accent);color:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:850;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 25%,transparent)}.reveal-btn:hover{filter:brightness(.96)}.reveal-btn span{flex:1;padding-left:15px}.reveal-btn i{height:100%;min-width:58px;display:grid;place-items:center;background:#fff;color:var(--accent);border:2px dashed var(--accent);font-style:normal;letter-spacing:2px;border-radius:0 11px 11px 0}.coupon-action small{display:block;color:#8b8d98;font-size:10px;margin-top:7px}
.sidebar{display:grid;align-content:start;gap:16px;height:max-content}.side-card{background:#fff;border:1px solid #e4dde6;border-radius:17px;padding:21px;box-shadow:0 8px 30px #2b173508}.highlight-card{background:linear-gradient(155deg,#292b3d,#3b3551);color:#fff;border:0}.highlight-card .eyebrow{color:#ff9abb}.highlight-card dl{margin:16px 0 0}.highlight-card dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #ffffff1c}.highlight-card dt{color:#d4d4dc}.highlight-card dd{margin:0;font-weight:850;text-align:right}.steps{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}.steps li{display:flex;gap:12px;align-items:center}.steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent)}.steps span{font-size:13px;color:#777985}.steps strong{display:block;color:#2b2c38;font-size:14px}.search-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.search-tags span{padding:7px 10px;border:1px solid #e7dfe9;border-radius:999px;background:#faf7fb;font-size:12px;font-weight:750;color:#60626f}.check-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.check-list li{position:relative;padding-left:25px;color:#656775;font-size:13px}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e9f8ee;color:#16853b;font-size:11px;font-weight:900}.empty-state,.no-results{text-align:center;background:#fff;border:1px dashed #d8cedb;border-radius:17px;padding:50px 20px}.empty-state h3,.no-results h3{margin:8px 0 3px}.empty-state p,.no-results p{margin:0;color:#777985}.empty-icon{width:50px;height:50px;display:grid;place-items:center;margin:auto;border-radius:15px;background:#f7edf2;color:var(--accent);font-size:28px}
.guide-section{background:#fff;border-top:1px solid #eee7f0;border-bottom:1px solid #eee7f0;padding:72px 0}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.guide-intro{font-size:17px;color:#646672;max-width:820px;margin:14px 0 24px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-card{border:1px solid #e8e1ea;border-radius:16px;padding:19px;background:#fdfcfd}.topic-card h3{font-size:18px;line-height:1.25;margin:0 0 8px}.topic-card p{margin:0;color:#646672;font-size:14px}.guide-copy-block{margin-top:34px}.guide-copy-block h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}.guide-copy-block p{color:#60626e;margin:0 0 13px}.guide-aside{display:grid;gap:16px}.info-card{border:1px solid #e5dde8;border-radius:17px;padding:21px;background:#2b2d40;color:#fff}.info-card h3{font-size:19px;margin:0 0 13px}.info-card ul{margin:0;padding-left:19px;display:grid;gap:9px;color:#e2e2e8;font-size:13px}.info-card.soft-card{background:linear-gradient(145deg,#fff4f8,#f3f0ff);color:#292b39}.info-card.soft-card p{margin:0;color:#626470;font-size:14px}
.reviews-section{background:#faf8fb;border-top:1px solid #eee7f0;padding:64px 0}.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.reviews-head h2{font-size:30px;line-height:1.15;margin:0}.rating-summary{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;text-align:right}.rating-summary strong{font-size:28px}.rating-summary small{grid-column:1/-1;color:#777}.summary-stars,.comment-stars{color:#f4a900;letter-spacing:2px}.review-form{background:#fff;border:1px solid #e4dde6;border-radius:17px;padding:22px;box-shadow:0 8px 30px #2b173508;margin-bottom:24px}.rating-picker{border:0;padding:0;margin:0 0 15px}.rating-picker legend{font-size:13px;font-weight:800;margin-bottom:7px}.stars-input{display:inline-flex;flex-direction:row-reverse;gap:3px}.stars-input input{position:absolute;opacity:0;pointer-events:none}.stars-input label{font-size:32px;line-height:1;color:#d8d3d8;cursor:pointer;transition:.15s}.stars-input label:hover,.stars-input label:hover~label,.stars-input input:checked~label{color:#f4a900}.review-fields{display:grid;gap:13px}.review-fields label{font-size:12px;font-weight:800;color:#555764}.review-fields input,.review-fields textarea{width:100%;margin-top:5px;border:1px solid #dcd5df;border-radius:10px;padding:11px 12px;outline:none;background:#fff}.review-fields input:focus,.review-fields textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.submit-review{margin-top:15px;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:12px 18px;font-weight:850;cursor:pointer}.form-message{margin-top:12px;border-radius:9px;padding:10px 12px;font-size:13px}.form-message.success{background:#e9f8ee;color:#176b35}.form-message.error{background:#fff0f0;color:#a33434}.hp-field{position:absolute!important;left:-9999px!important}.comment-list{display:grid;gap:13px}.comment-card{background:#fff;border:1px solid #e4dde6;border-radius:15px;padding:18px}.comment-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.comment-top strong{display:block}.comment-top span{font-size:11px;color:#8a8b95}.comment-card>p{margin:12px 0 0;color:#555764}.admin-reply{margin-top:14px;border-left:3px solid var(--accent);background:#faf5f8;border-radius:0 10px 10px 0;padding:11px 13px}.admin-reply strong{font-size:12px}.admin-reply p{margin:5px 0 0;color:#5e606c;font-size:13px}.no-comments{text-align:center;color:#777;padding:20px}
.faq-section{background:#fff;border-top:1px solid #eee7f0;padding:72px 0}.faq-wrap{max-width:960px}.faq-list{display:grid;gap:10px;margin-top:24px}.faq-list details{border:1px solid #e4dde6;border-radius:13px;padding:0 17px;background:#fdfcfd}.faq-list summary{list-style:none;cursor:pointer;font-weight:800;padding:16px 0;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font-size:22px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 0 17px;color:#686a77}
footer{background:#242638;color:#fff;padding:34px 0}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-row p{font-size:12px;color:#bbbcc6;margin:8px 0 0}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:28px;height:28px;border-radius:9px}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal[aria-hidden="false"]{display:grid}.modal-backdrop{position:absolute;inset:0;background:#161725b8;backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(520px,100%);background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 40px 100px #0005;animation:pop .18s ease-out}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f4f1f4;color:#555;font-size:26px;cursor:pointer}.modal-logo{width:76px;height:76px;margin:0 auto 14px;display:block;object-fit:cover;border-radius:14px}.modal-panel h2{font-size:28px;line-height:1.15;margin:0}.modal-panel>p:not(.eyebrow){color:#686a77}.code-box{display:flex;margin:22px 0 14px;border:2px dashed color-mix(in srgb,var(--accent) 55%,#cfc5d1);background:#fbf8fc;border-radius:12px;overflow:hidden}.code-box code{flex:1;padding:15px;font-size:25px;letter-spacing:3px;font-weight:850;overflow-wrap:anywhere}.code-box button{border:0;background:var(--accent);color:#fff;padding:0 22px;font-weight:850;cursor:pointer}.redeem-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#2b2d40;color:#fff;border-radius:12px;padding:14px;font-weight:850}.modal-note{font-size:11px;color:#92939d;margin-top:14px}.modal-open{overflow:hidden}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#222431;color:#fff;border-radius:999px;padding:11px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:120}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pop{from{transform:translateY(12px) scale(.98);opacity:0}}
@media(max-width:960px){.content-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:126px minmax(0,1fr)}.hero-logo{width:126px;height:126px}.coupon-card{grid-template-columns:105px minmax(0,1fr) 160px}.coupon-brand{padding-right:14px}.coupon-brand img{width:82px;height:82px}.guide-layout{grid-template-columns:1fr}.guide-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.wrap{width:min(100% - 22px,1160px)}.site-header{height:54px}.site-header nav{display:none}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.hero-grid{min-height:auto;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:15px;padding:30px 0 27px}.hero-logo-wrap{padding-top:2px}.hero h1{font-size:34px;line-height:1.02;letter-spacing:-2px}.hero-logo{width:82px;height:82px;border-radius:13px}.hero-copy{font-size:15px;line-height:1.45;margin:12px 0 15px}.hero-stats{gap:8px}.hero-stats span{padding:8px 11px;font-size:12px}.commission-note .wrap{padding:10px 0}.content-grid{padding-top:18px;padding-bottom:48px}.section-head{display:block;margin-bottom:15px}.section-head .eyebrow{margin-bottom:6px}.section-head h2{font-size:27px}.search-box{width:100%;margin-top:12px}.filters{padding-bottom:12px}.coupon-card{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:14px}.coupon-brand{height:100%;min-height:118px;padding-right:12px}.coupon-brand img{width:68px;height:68px;border-radius:9px}.coupon-action{grid-column:1/-1;display:grid;grid-template-columns:1fr}.coupon-action small{display:none}.coupon-body h3{font-size:17px}.verified{margin-bottom:7px}.sidebar{grid-template-columns:1fr}.guide-section{padding:46px 0}.topic-grid{grid-template-columns:1fr}.guide-aside{grid-template-columns:1fr}.guide-main>h2{font-size:27px}.guide-intro{font-size:15px}.reviews-section{padding:42px 0}.reviews-head{align-items:flex-start}.reviews-head h2{font-size:27px}.review-form{padding:16px}.comment-top{display:block}.comment-stars{margin-top:6px}.stars-input label{font-size:30px}.faq-section{padding:46px 0}.footer-row{align-items:flex-end}.modal-panel{padding:28px 18px}.code-box code{font-size:20px;letter-spacing:2px;padding:14px 10px}.code-box button{padding:0 16px}}
@media(max-width:390px){.hero-grid{grid-template-columns:82px minmax(0,1fr);gap:13px}.hero-logo{width:82px;height:82px}.hero h1{font-size:31px}.hero-copy{font-size:14px}.hero-stats span{font-size:11px;padding:7px 9px}.commission-note{font-size:12px}.coupon-card{grid-template-columns:72px minmax(0,1fr);gap:12px}.coupon-brand img{width:60px;height:60px}.coupon-brand{padding-right:10px}.coupon-body h3{font-size:16px}.section-head h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Explicit visibility rules for search and category filters. */
.coupon-card[hidden],
.no-results[hidden]{display:none!important}

/* ==========================================
   MOBILE / TABLET RESPONSIVE HARDENING
   Keep all page sections inside the viewport while allowing
   the category pills themselves to scroll horizontally.
   ========================================== */
html,body{max-width:100%;overflow-x:clip}
img,svg,video{max-width:100%}
.content-grid,.main-column,.sidebar,.section-head,.coupon-list,.coupon-card,.coupon-body,.coupon-action,.guide-layout,.guide-main,.guide-aside,.reviews-head,.review-form,.faq-wrap{min-width:0;max-width:100%}
.content-grid>*{min-width:0}
.main-column{width:100%;overflow:hidden}
.section-head>div{min-width:0}
.section-head h2,.coupon-body h3,.guide-main h2,.topic-card h3,.side-card h2{overflow-wrap:anywhere}
.search-box{max-width:100%}
.filters{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.coupon-list,.coupon-card{width:100%}
.coupon-brand,.coupon-body,.coupon-action{min-width:0}
.reveal-btn{max-width:100%}
.reveal-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:960px){
  .content-grid{width:min(100% - 32px,1160px)}
  .main-column{overflow:visible}
  .sidebar{width:100%}
}

@media(max-width:680px){
  .wrap,.content-grid{width:calc(100% - 22px);max-width:100%}
  .header-row{min-width:0}
  .hero{overflow:hidden}
  .hero-grid{width:calc(100% - 22px);max-width:100%;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:26px 0 25px}
  .hero-logo{width:78px;height:78px}
  .hero-content{min-width:0}
  .hero h1{font-size:clamp(29px,9.3vw,36px);letter-spacing:-1.8px;overflow-wrap:normal;word-break:normal}
  .hero-stats{gap:7px}
  .hero-stats span{padding:7px 10px}
  .commission-note .wrap{width:calc(100% - 22px)}
  .content-grid{display:block;padding-top:20px}
  .section-head{width:100%}
  .section-head h2{font-size:clamp(24px,7vw,28px)}
  .search-box{display:block;width:100%}
  .search-box input{min-width:0;height:48px}
  .filters{margin-inline:0;padding-right:2px}
  .coupon-card{width:100%;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:13px;border-radius:15px}
  .coupon-brand{min-height:108px;height:auto;padding-right:11px}
  .coupon-brand img{width:62px;height:62px}
  .coupon-body h3{font-size:17px;line-height:1.25;margin-bottom:7px}
  .coupon-body p{font-size:13px}
  .coupon-meta{margin-top:8px}
  .coupon-action{width:100%;grid-column:1/-1}
  .reveal-btn{width:100%;height:49px}
  .reveal-btn span{padding-left:12px}
  .reveal-btn i{min-width:54px}
  .sidebar{margin-top:20px}
  .guide-layout,.guide-aside,.topic-grid{width:100%}
  .reviews-head{width:100%}
  .review-fields input,.review-fields textarea{min-width:0}
  .modal{padding:12px}
  .modal-panel{width:100%;max-height:calc(100dvh - 24px);overflow:auto;border-radius:18px}
}

@media(max-width:480px){
  .site-header{position:relative}
  .hero-grid{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:24px 0 23px}
  .hero-logo{width:72px;height:72px;border-radius:12px}
  .hero h1{font-size:clamp(27px,9vw,33px);letter-spacing:-1.5px}
  .hero-stats span{font-size:11px;padding:7px 9px}
  .content-grid{padding-bottom:42px}
  .section-head h2{font-size:24px}
  .filter{padding:8px 13px;font-size:12px}
  .coupon-card{grid-template-columns:68px minmax(0,1fr);gap:11px;padding:12px}
  .coupon-brand{min-height:99px;padding-right:9px}
  .coupon-brand img{width:56px;height:56px}
  .coupon-brand span{min-width:46px;padding:3px 7px;font-size:10px}
  .coupon-body h3{font-size:16px}
  .verified{font-size:10px;padding:3px 7px}
  .coupon-meta span{font-size:10px}
  .reveal-btn{height:47px;font-size:14px}
  .reviews-head{display:block}
  .rating-summary{margin-top:12px;text-align:left;justify-content:start}
  .comment-top{display:block}
  .comment-stars{margin-top:7px}
  .footer-row{display:block}
  .modal-panel h2{font-size:24px}
  .code-box{display:grid}
  .code-box button{min-height:46px;padding:0 15px}
}

@media(max-width:340px){
  .wrap,.content-grid,.hero-grid,.commission-note .wrap{width:calc(100% - 16px)}
  .hero-grid{grid-template-columns:64px minmax(0,1fr);gap:10px}
  .hero-logo{width:64px;height:64px}
  .hero h1{font-size:26px}
  .coupon-card{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:10px}
  .coupon-brand{padding-right:8px}
  .coupon-brand img{width:51px;height:51px}
  .reveal-btn span{padding-left:8px;font-size:13px}
  .reveal-btn i{min-width:48px}
}

/* ==========================================
   MOBILE ABOVE-THE-FOLD COMPACT LAYOUT
   Keep the first coupon action visible without making the page cramped.
   ========================================== */
@media(max-width:680px){
  .hero-grid{
    grid-template-columns:74px minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:17px 0 14px;
  }
  .hero-logo-wrap{padding-top:0}
  .hero-logo{width:74px;height:74px;border-radius:12px}
  .hero h1{font-size:clamp(28px,8.7vw,33px);line-height:1;letter-spacing:-1.6px}
  .hero-stats{gap:6px;margin-top:7px}
  .hero-stats span{padding:6px 9px;font-size:11px;line-height:1.25}

  .commission-note .wrap{padding:8px 0}
  .content-grid{padding-top:13px}
  .section-head{margin-bottom:10px}
  .section-head .eyebrow{margin-bottom:3px;line-height:1.2}
  .section-head h2{font-size:24px;line-height:1.1}
  .search-box{margin-top:8px}
  .search-box input{height:44px;padding-top:9px;padding-bottom:9px}
  .search-box svg{top:10px}
  .filters{gap:6px;padding-bottom:8px}
  .filter{padding:7px 11px;font-size:12px}

  .coupon-list{gap:12px;margin-top:6px}
  .coupon-card{
    grid-template-columns:66px minmax(0,1fr);
    gap:10px;
    padding:10px 11px;
  }
  .coupon-brand{min-height:86px;padding-right:8px}
  .coupon-brand img{width:54px;height:54px}
  .coupon-brand span{min-width:44px;margin-top:5px;padding:2px 7px;font-size:10px}
  .coupon-body h3{font-size:16px;line-height:1.2;margin-bottom:5px}
  .verified{margin-bottom:3px;padding:3px 7px}
  .coupon-meta{margin-top:5px}
  .coupon-meta span{padding:3px 7px}
  .reveal-btn{height:45px}
}

@media(max-width:390px){
  .hero-grid{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:15px 0 12px}
  .hero-logo{width:68px;height:68px}
  .hero h1{font-size:28px;letter-spacing:-1.35px}
  .hero-stats span{padding:5px 8px;font-size:10.5px}
  .commission-note .wrap{padding:7px 0}
  .content-grid{padding-top:11px}
  .section-head h2{font-size:23px}
  .search-box input{height:42px}
  .search-box svg{top:9px}
  .filter{padding:6px 10px}
  .coupon-card{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:9px 10px}
  .coupon-brand{min-height:80px;padding-right:7px}
  .coupon-brand img{width:50px;height:50px}
  .coupon-body h3{font-size:15.5px}
  .reveal-btn{height:44px}
}

/* ==========================================
   INITIAL RENDER PERFORMANCE
   Skip layout and paint work for content that starts below the viewport.
   The first three offers remain fully rendered for above-the-fold stability.
   ========================================== */
.coupon-card:nth-child(n+4){
  content-visibility:auto;
  contain-intrinsic-size:170px;
}
.guide-section,
.reviews-section,
.faq-section,
footer{
  content-visibility:auto;
  contain-intrinsic-size:800px;
}
@media(max-width:960px){
  .sidebar{
    content-visibility:auto;
    contain-intrinsic-size:900px;
  }
}