/* XpressCoupon V156.2 landing bundle. Concatenation of the shared landing stylesheet chain, in the exact order the pages already loaded them. Source files are retained and unmodified. Rebuild with tools/build-landing-bundle.py after editing any source. */ /* ===== landing.css ===== */ :root{--accent:oklch(0.63 0.21 28);--accent-hover:oklch(0.57 0.21 28);--accent-2:oklch(0.74 0.16 58);--accent-soft:oklch(0.95 0.05 40);--accent-glow:oklch(0.63 0.21 28 / .32);--bg:oklch(0.985 0.006 60);--surface:oklch(1 0 0);--tint:oklch(0.975 0.008 50);--ink:oklch(0.24 0.02 45);--ink-soft:oklch(0.46 0.02 45);--ink-faint:oklch(0.62 0.015 45);--line:oklch(0.90 0.01 50);--line-soft:oklch(0.94 0.008 50);--green:oklch(0.55 0.13 150);--green-soft:oklch(0.95 0.05 150);--usa:oklch(0.55 0.16 255);--usa-soft:oklch(0.95 0.04 255);--sale:oklch(0.64 0.18 35);--sale-soft:oklch(0.95 0.05 40);--fd:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--fb:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--sh-sm:0 1px 2px oklch(0.4 .02 45/.06),0 2px 8px oklch(0.4 .02 45/.05);--sh-md:0 8px 24px oklch(0.4 .04 45/.10),0 2px 6px oklch(0.4 .04 45/.06);--sh-lg:0 24px 60px oklch(0.4 .06 45/.16),0 8px 20px oklch(0.4 .04 45/.08)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--fb);color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0;text-wrap:balance}p,li{text-wrap:pretty}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.wrap{max-width:880px;margin-inline:auto;padding-inline:clamp(18px,4vw,28px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--fd);font-weight:600;font-size:15px;padding:13px 24px;border-radius:999px;min-height:48px;transition:transform .18s,box-shadow .25s,background .2s;white-space:nowrap;cursor:pointer;border:0}.btn svg{width:18px;height:18px}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px var(--accent-glow)}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px);text-decoration:none}.btn--ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);text-decoration:none}.lp-header{position:sticky;top:0;z-index:40;background:oklch(1 0 0/.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.lp-header__in{max-width:1100px;margin-inline:auto;padding:12px clamp(18px,4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--fd);font-weight:700;font-size:20px;color:var(--ink)}.brand:hover{text-decoration:none}.brand .mk{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;background:var(--accent);color:#fff}.brand .mk svg{width:20px;height:20px}.brand b{color:var(--accent)}.lp-nav{display:flex;gap:4px;align-items:center}.lp-nav a{font-family:var(--fd);font-weight:600;font-size:14px;color:var(--ink-soft);padding:8px 13px;border-radius:999px}.lp-nav a:hover{color:var(--accent);background:var(--accent-soft);text-decoration:none}.lp-nav .btn{min-height:40px;padding:9px 18px;font-size:14px}@media(max-width:760px){.lp-nav a:not(.btn){display:none}}.crumb{max-width:880px;margin:18px auto 0;padding-inline:clamp(18px,4vw,28px);font-size:13.5px;color:var(--ink-faint)}.crumb a{color:var(--ink-faint)}.crumb a:hover{color:var(--accent)}.crumb span{margin:0 6px;opacity:.6}.lp-hero{padding:clamp(26px,5vw,46px) 0 8px}.lp-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:6px 13px;border-radius:999px}.lp-hero h1{font-size:clamp(30px,5.4vw,46px);margin:16px 0 0}.lp-hero .lead{font-size:clamp(17px,2.2vw,20px);color:var(--ink-soft);margin-top:16px;max-width:62ch}.lp-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;font-size:14px;color:var(--ink-faint);align-items:center}.lp-meta .dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-right:7px;box-shadow:0 0 0 4px var(--green-soft)}.lp-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.article{padding:clamp(20px,4vw,36px) 0 8px}.article h2{font-size:clamp(23px,3.4vw,32px);margin:44px 0 14px;scroll-margin-top:90px}.article h3{font-size:clamp(19px,2.4vw,23px);margin:30px 0 10px}.article p{margin:0 0 16px;color:oklch(0.32 0.02 45)}.article ul,.article ol{margin:0 0 18px;padding-left:22px;color:oklch(0.32 0.02 45)}.article li{margin-bottom:8px}.article strong{color:var(--ink)}.article a{text-decoration:underline;text-underline-offset:2px}.lead-in::first-letter{font-family:var(--fd);font-weight:700;font-size:3.1em;float:left;line-height:.82;padding:6px 12px 0 0;color:var(--accent)}.toc{background:var(--tint);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:20px 24px;margin:8px 0 8px}.toc h2{font-size:14px !important;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px !important}.toc ol{margin:0;padding-left:20px;columns:2;column-gap:30px}.toc li{margin-bottom:7px}.toc a{color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:15px}.toc a:hover{color:var(--accent)}@media(max-width:620px){.toc ol{columns:1}}.note{display:flex;gap:13px;background:var(--accent-soft);border:1px solid oklch(0.85 0.06 40);border-radius:var(--r-md);padding:16px 18px;margin:22px 0;font-size:15.5px;color:oklch(0.36 0.06 35)}.note svg{width:22px;height:22px;flex:0 0 auto;color:var(--accent);margin-top:2px}.note--green{background:var(--green-soft);border-color:oklch(0.82 0.07 150);color:oklch(0.34 0.08 150)}.note--green svg{color:var(--green)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}@media(max-width:620px){.facts{grid-template-columns:1fr}}.fact{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-sm)}.fact b{font-family:var(--fd);font-size:26px;color:var(--accent);display:block}.fact span{font-size:13.5px;color:var(--ink-soft)}.codes{margin:24px 0;border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);background:var(--surface)}.code-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid var(--line-soft)}.code-row:first-child{border-top:0}.code-amt{font-family:var(--fd);font-weight:700;font-size:26px;color:var(--ink);min-width:74px}.code-amt small{display:block;font-size:11px;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}.code-info{min-width:0}.code-info .ty{display:inline-block;font-family:var(--fd);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-bottom:5px}.ty.t-global{background:var(--green-soft);color:var(--green)}.ty.t-usa{background:var(--usa-soft);color:var(--usa)}.ty.t-sale{background:var(--sale-soft);color:var(--sale)}.code-info p{margin:0;font-size:14.5px;color:var(--ink-soft)}.code-act{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}.reveal-btn{font-family:var(--fd);font-weight:600;font-size:14px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:10px 18px;min-height:42px;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.reveal-btn:hover{background:var(--accent);transform:translateY(-1px)}.code-shown{display:none;align-items:center;gap:8px;flex-wrap:wrap}.code-row.on .reveal-btn{display:none}.code-row.on .code-shown{display:flex}.codepill{display:inline-flex;align-items:center;gap:8px;border:1.5px dashed var(--accent);border-radius:999px;padding:6px 6px 6px 14px;background:var(--accent-soft)}.codepill .code{font-family:var(--fd);font-weight:700;letter-spacing:.06em;color:var(--accent)}.codepill .cp{font-family:var(--fd);font-weight:600;font-size:13px;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:7px 12px;cursor:pointer}.shop-link{display:inline-flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:600;font-size:13px;background:var(--ink);color:#fff;text-decoration:none;border-radius:999px;padding:9px 14px;min-height:36px}.shop-link:hover{background:var(--accent)}.dtable{width:100%;border-collapse:collapse;margin:20px 0;font-size:15.5px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);overflow:hidden}.dtable th,.dtable td{padding:13px 16px;text-align:left;border-top:1px solid var(--line-soft)}.dtable thead th{background:var(--tint);font-family:var(--fd);font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);border-top:0}.dtable td.num{text-align:right;font-variant-numeric:tabular-nums}.dtable .hi{color:var(--green);font-weight:600}.dtable tr.total td{background:var(--tint);font-weight:700;font-family:var(--fd)}.cta{margin:34px 0;border-radius:var(--r-xl);color:#fff;padding:clamp(26px,4vw,40px);text-align:center;background:linear-gradient(125deg,oklch(0.42 0.16 28),oklch(0.54 0.18 38) 60%,oklch(0.66 0.16 58));box-shadow:var(--sh-lg);position:relative;overflow:hidden}.cta .spark{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,oklch(1 0 0/.5),transparent),radial-gradient(2px 2px at 75% 60%,oklch(1 0 0/.4),transparent);opacity:.7}.cta h2{color:#fff;font-size:clamp(22px,3.4vw,30px);position:relative}.cta p{color:oklch(1 0 0/.92);margin:12px auto 0;max-width:52ch;position:relative}.cta .btn{margin-top:22px;position:relative}.cta .btn--primary{background:#fff;color:var(--accent)}.faq{margin:24px 0}.faq-item{border:1px solid var(--line-soft);border-radius:var(--r-md);margin-bottom:12px;background:var(--surface);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font-family:var(--fd);font-weight:600;font-size:17px;color:var(--ink);padding:18px 20px;background:none;border:0;cursor:pointer}.faq-q .pm{flex:0 0 auto;width:22px;height:22px;color:var(--accent);transition:transform .25s}.faq-item.open .faq-q .pm{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:400px}.faq-a .inner{padding:0 20px 18px;color:var(--ink-soft);font-size:15.5px}.related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}@media(max-width:620px){.related{grid-template-columns:1fr}}.related a{display:block;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-sm);transition:transform .15s,border-color .15s}.related a:hover{transform:translateY(-2px);border-color:var(--accent);text-decoration:none}.related b{font-family:var(--fd);color:var(--ink);display:block}.related span{font-size:14px;color:var(--ink-soft)}.disclosure{display:flex;gap:12px;background:var(--tint);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:16px 18px;margin:28px 0;font-size:14px;color:var(--ink-soft)}.disclosure svg{width:20px;height:20px;flex:0 0 auto;color:var(--ink-faint);margin-top:1px}.lp-footer{margin-top:40px;border-top:1px solid var(--line);background:var(--tint)}.lp-footer__in{max-width:1100px;margin-inline:auto;padding:36px clamp(18px,4vw,28px) 28px}.lp-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}@media(max-width:760px){.lp-footer__grid{grid-template-columns:1fr 1fr}}.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer-social a{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:7px 11px!important;font-size:13px!important;font-weight:700;color:var(--ink-soft);background:#fff}.footer-social a:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.lp-footer h4{font-family:var(--fd);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.lp-footer a{display:block;color:var(--ink-soft);font-size:15px;padding:4px 0}.lp-footer a:hover{color:var(--accent);text-decoration:none}.lp-footer__about{color:var(--ink-soft);font-size:14.5px;max-width:38ch;margin:10px 0 0}.lp-footer__legal{max-width:1100px;margin-inline:auto;padding:18px clamp(18px,4vw,28px);border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink-faint)}.lp-footer__legal nav{display:flex;gap:16px}.lp-footer__legal a{color:var(--ink-faint)}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;font-family:var(--fd);font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;display:flex;align-items:center;gap:8px;box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:80}.toast svg{width:16px;height:16px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}.lp-sticky-cta{display:none}@media(max-width:768px){body{padding-bottom:72px}.lp-sticky-cta{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.14);z-index:50}.lp-sticky-cta a{flex:1;text-align:center;padding:12px;border-radius:12px;text-decoration:none;font-family:var(--fd);font-weight:800;font-size:14px}.lp-sticky-cta a:first-child{background:var(--accent);color:#fff}.lp-sticky-cta a:nth-child(2){background:var(--ink);color:#fff}}.verified-box strong{font-family:var(--fd);color:var(--ink)}@media (max-width:768px){.ad-rail{display:none!important}main>section:not(.hero),.site-footer{content-visibility:auto;contain-intrinsic-size:1px 760px}.ad-band,.ad-feature{content-visibility:auto;contain-intrinsic-size:1px 320px}} /* V55 static coupon tables */ .static-coupon-table{margin:22px 0;padding:20px;border:1px solid rgba(232,84,59,.18);border-radius:22px;background:#fffdfb;box-shadow:0 12px 34px rgba(47,35,30,.06)} .static-coupon-table h2{margin:0 0 8px;font-size:clamp(1.35rem,2vw,1.85rem)} .static-coupon-table p{color:var(--muted);line-height:1.65} .static-coupon-table .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .static-coupon-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;font-size:.95rem} .static-coupon-table th,.static-coupon-table td{padding:12px 14px;border-bottom:1px solid rgba(47,35,30,.08);text-align:left;vertical-align:top} .static-coupon-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fff6f1} .static-coupon-table td:first-child{font-weight:800;color:var(--ink);letter-spacing:.05em} .static-coupon-table a{font-weight:800;color:var(--accent)} .static-note{font-size:.9rem;margin:12px 0 0} @media(max-width:600px){.static-coupon-table{padding:16px;border-radius:18px}.static-coupon-table table{min-width:680px;font-size:.9rem}} /* V55: footer verification line moved from hero/top sections */ .verified-footer{font-size:.82rem;line-height:1.45;color:#777;margin:.75rem 0 0;max-width:920px}.lp-footer .verified-footer{grid-column:1/-1}.footer .verified-footer{margin-top:1rem} /* V56 affiliate banner refresh: responsive strategic ad placements */ .xc-ad-section{padding-block:clamp(36px,5vw,68px)} .xc-ad-band-tight{padding-block:clamp(24px,4vw,42px)} .xc-ad-pair{display:grid;grid-template-columns:minmax(260px,500px) minmax(0,1fr);gap:clamp(22px,4vw,46px);align-items:center;background:var(--surface);border:1px solid var(--line-soft,var(--line));border-radius:var(--r-xl);box-shadow:var(--shadow-md,var(--sh-md,0 8px 24px rgb(0 0 0 / .10)));padding:clamp(18px,3vw,34px)} .xc-ad-pair .ad-frame{max-width:500px;margin-inline:auto} .xc-country-ad{margin:clamp(22px,4vw,36px) auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center} .xc-country-ad--inline{margin-block:clamp(28px,4vw,42px)} .xc-ad-label{font-family:var(--font-display,var(--fd));font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)} .xc-ad-frame{display:block;line-height:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-soft,var(--line));box-shadow:var(--shadow-sm,var(--sh-sm,0 2px 8px rgb(0 0 0 / .06)));background:var(--surface);max-width:min(100%,725px);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s} .xc-ad-frame:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,var(--sh-md,0 8px 24px rgb(0 0 0 / .10)));border-color:var(--accent);text-decoration:none} .xc-ad-frame img{display:block;width:100%;height:auto} .xc-country-ad__note{font-size:13px;line-height:1.5;color:var(--ink-soft);max-width:58ch;margin:0 auto} @media(max-width:820px){.xc-ad-pair{grid-template-columns:1fr;text-align:center}.xc-ad-pair .ad-feature__copy p{margin-inline:auto}.xc-ad-pair .ad-feature__cta{justify-content:center}} /* Newsletter real-capture + popup */ .xc-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.news-form button[disabled]{opacity:.68;cursor:wait}.xc-newsletter-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(14,18,33,.52);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .22s ease}.xc-newsletter-overlay.open{opacity:1;pointer-events:auto}.xc-newsletter-popup{position:relative;width:min(520px,100%);border-radius:28px;padding:28px;background:var(--surface,#fff);box-shadow:0 24px 90px rgba(0,0,0,.28);border:1px solid var(--line-soft,rgba(0,0,0,.08));color:var(--ink,#111827)}.xc-newsletter-popup h2{margin:.35rem 0 .65rem;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.04}.xc-newsletter-popup p{color:var(--ink-soft,#4b5563);line-height:1.55}.xc-newsletter-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:999px;background:var(--surface-2,#f2f4f8);color:var(--ink,#111827);font-size:28px;line-height:1;cursor:pointer}.xc-newsletter-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.xc-newsletter-form input{min-width:0;border:1.5px solid var(--line,#d8dde8);border-radius:999px;padding:13px 16px;font:inherit}.xc-newsletter-later{margin-top:12px;border:0;background:transparent;color:var(--ink-faint,#6b7280);text-decoration:underline;cursor:pointer}.xc-newsletter-popup.sent .xc-newsletter-form,.xc-newsletter-popup.sent .xc-newsletter-later{display:none}.xc-newsletter-popup .ok{display:none;color:var(--green,#15803d);font-weight:700}.xc-newsletter-popup.sent .ok{display:block}.xc-live-badge{font-weight:700}.coin-next-cta{display:none;margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.28);font-size:.9rem;line-height:1.35}.coupon-card.revealed .coin-next-cta,.code-row.on .coin-next-cta{display:block}.coin-next-cta a{font-weight:800;text-decoration:underline}.code-row .coin-next-cta{grid-column:2 / 4;margin:0;width:100%;max-width:520px;justify-self:end}@media(max-width:640px){.xc-newsletter-popup{padding:24px 18px;border-radius:22px}.xc-newsletter-form{grid-template-columns:1fr}.xc-newsletter-form .btn{width:100%}} /* V68 mobile coupon-row fix: turn landing-page coupon rows into clean stacked cards on phones. */ @media(max-width:760px){ .codes{border:0;background:transparent;box-shadow:none;display:grid;gap:14px;overflow:visible} .code-row{ display:grid; grid-template-columns:1fr!important; gap:12px; padding:18px; border:1px solid var(--line-soft); border-radius:18px; background:var(--surface); box-shadow:var(--sh-sm); } .code-row:first-child{border-top:1px solid var(--line-soft)} .code-amt{ min-width:0; font-size:25px; display:flex; align-items:flex-end; gap:6px; } .code-amt small{ display:inline-block; margin-bottom:3px; } .code-info{ width:100%; min-width:0; } .code-info p{ overflow-wrap:anywhere; word-break:normal; line-height:1.5; } .code-act{ grid-column:1/-1; width:100%; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:10px; } .code-shown{ width:100%; align-items:flex-start; justify-content:flex-start; gap:8px; } .codepill{ max-width:100%; } .shop-link{ width:max-content; max-width:100%; } .code-row .coin-next-cta{ grid-column:1/-1; justify-self:stretch; width:100%; max-width:none; margin:0; } } /* V72 CouponFollow-style coupon reveal modal */ .xc-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px} .xc-modal.open{display:flex} .xc-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.58);backdrop-filter:blur(4px)} .xc-modal__panel{position:relative;z-index:1;width:min(94vw,520px);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 26px 90px rgba(0,0,0,.28);padding:30px 28px 26px;text-align:center;color:var(--ink,#1f2937);border:1px solid rgba(0,0,0,.08)} .xc-modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:999px;background:rgba(17,24,39,.06);color:var(--ink,#1f2937);font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center} .xc-modal__close:hover{background:rgba(239,68,68,.12);color:#ef4444} .xc-modal__brand{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#ef3d35);margin-bottom:14px} .xc-modal h2{font-size:clamp(22px,4vw,30px);line-height:1.15;margin:0 34px 10px;color:var(--ink,#1f2937)} .xc-modal__subtitle{margin:0 auto 18px;max-width:34rem;color:var(--ink-soft,#4b5563);font-size:15.5px;line-height:1.45} .xc-modal__code-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0 10px} .xc-modal__code{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:12px 22px;border:2px dashed var(--accent,#ef3d35);border-radius:14px;background:var(--accent-soft,#fff1ed);font-weight:900;font-size:clamp(24px,6vw,34px);letter-spacing:.12em;color:var(--ink,#1f2937);font-family:var(--fd,var(--font-display,Inter,system-ui,sans-serif))} .xc-modal__copy{min-height:58px;padding:0 20px;border:0;border-radius:14px;background:var(--accent,#ef3d35);color:#fff;font-weight:800;cursor:pointer} .xc-modal__copy:hover{background:var(--accent-hover,#d92d25)} .xc-modal__status{margin:8px 0 16px;color:var(--green,#16a34a);font-weight:800;font-size:14px} .xc-modal__redeem{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:999px;background:var(--ink,#1f2937);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.14)} .xc-modal__redeem:hover{background:var(--accent,#ef3d35)} .xc-modal__note{margin:16px auto 0;max-width:34rem;color:var(--ink-faint,#6b7280);font-size:13px;line-height:1.45} .xc-modal__report{margin:18px auto 0;padding:14px 16px;border:1px solid #ffd8cc;border-radius:16px;background:#fff7f3;display:grid;gap:5px;text-align:center} .xc-modal__report span{font-weight:900;color:var(--ink,#1f2937);font-size:14px} .xc-modal__report a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;background:#ff4500;color:#fff!important;text-decoration:none!important;font-weight:850} .xc-modal__report a:hover{background:#e63e00} .xc-modal__report small{color:var(--ink-faint,#6b7280);font-size:12px;line-height:1.35} body.xc-modal-open{overflow:hidden} @media(max-width:520px){.xc-modal{padding:10px;align-items:flex-end}.xc-modal__panel{width:100%;border-radius:22px 22px 0 0;padding:28px 16px 22px;max-height:92vh}.xc-modal h2{margin-left:38px;margin-right:38px}.xc-modal__code-row{display:grid;grid-template-columns:1fr;gap:10px}.xc-modal__code,.xc-modal__copy,.xc-modal__redeem{width:100%}} /* V98 ChoiceDay coupon category */ .ty.t-choice{background:var(--accent-soft);color:var(--accent)} .code-row[data-upcoming="true"] .reveal-btn{background:var(--accent-soft);color:var(--accent);border:1.5px solid var(--accent)} /* ===== ux-enhancements.css ===== */ /* XpressCoupon UX conversion helpers lightweight */ .xc-ux-section{padding:clamp(34px,5vw,64px) 0;background:linear-gradient(180deg,oklch(0.985 0.006 60),oklch(1 0 0))}.xc-ux-card{background:var(--surface,#fff);border:1px solid var(--line-soft,#eee);border-radius:24px;padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-sm,0 4px 18px rgba(0,0,0,.06))}.xc-ux-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.xc-ux-head h2{font-size:clamp(24px,3.2vw,36px);margin:0}.xc-ux-head p{color:var(--ink-soft,#666);margin:.5rem 0 0;max-width:70ch}.xc-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.xc-field label{display:block;font-weight:800;margin-bottom:7px;font-size:14px}.xc-field input,.xc-field select{width:100%;min-height:50px;border:1.5px solid var(--line,#ddd);border-radius:14px;padding:0 14px;font:inherit;background:var(--bg,#fafafa)}.xc-reco{margin-top:16px;padding:18px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft,#fff2ed),#fff);border:1px solid oklch(0.88 0.04 40)}.xc-reco strong{display:block;font-size:22px;margin-bottom:4px}.xc-reco .xc-code{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 13px;border:1px dashed var(--accent,#e8543b);border-radius:12px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.xc-reco-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.xc-mini-btn{appearance:none;border:0;border-radius:999px;padding:10px 14px;font-weight:850;background:var(--accent,#e8543b);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.xc-mini-btn.secondary{background:var(--ink,#222);color:#fff}.xc-status-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.xc-status{font-size:11.5px;font-weight:850;border-radius:999px;padding:5px 8px;background:var(--accent-soft,#fff2ed);color:var(--accent,#e8543b);border:1px solid oklch(0.88 0.04 40)}.xc-status.green{background:oklch(0.96 0.05 150);color:oklch(0.42 0.12 150);border-color:oklch(0.86 0.07 150)}.xc-status.dark{background:oklch(0.25 0.02 45);color:#fff;border-color:oklch(0.25 0.02 45)}.xc-help{margin-top:12px;border:1px solid var(--line-soft,#eee);border-radius:14px;background:#fff;overflow:hidden}.xc-help summary{cursor:pointer;padding:11px 13px;font-weight:850;color:var(--ink,#222);font-size:13.5px}.xc-help ul{margin:0;padding:0 18px 13px 32px;color:var(--ink-soft,#666);font-size:13.5px;line-height:1.55}.xc-recent-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.xc-recent-item{border:1px solid var(--line-soft,#eee);border-radius:16px;padding:14px;background:#fff}.xc-recent-item b{display:block;font-size:20px}.xc-recent-item span{font-size:13px;color:var(--ink-soft,#666)}.xc-pwa-banner{position:fixed;left:50%;bottom:82px;transform:translateX(-50%);z-index:9998;width:min(94vw,520px);background:var(--ink,#222);color:#fff;border-radius:18px;box-shadow:0 14px 44px rgba(0,0,0,.22);padding:14px 14px 14px 16px;display:none;gap:12px;align-items:center}.xc-pwa-banner.show{display:flex}.xc-pwa-banner p{margin:0;font-size:13.5px;line-height:1.35;flex:1}.xc-pwa-banner button{border:0;border-radius:999px;padding:10px 13px;font-weight:900;cursor:pointer}.xc-pwa-banner .install{background:var(--accent,#e8543b);color:#fff}.xc-pwa-banner .close{background:rgba(255,255,255,.12);color:#fff}.xc-stack-next{display:grid;gap:10px;margin-top:18px}.xc-stack-next a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:850}.xc-stack-next a:nth-child(2){background:rgba(232,84,59,.18)}@media(max-width:760px){.xc-tool-grid,.xc-recent-list{grid-template-columns:1fr}.xc-ux-head{display:block}.mobile-sticky-cta{grid-template-columns:repeat(3,1fr);display:grid}.mobile-sticky-cta a{font-size:12.5px;padding:11px 8px}.xc-pwa-banner{bottom:86px}.xc-ux-section{padding-inline:0}} /* avoid duplicate old mobile bars after the improved sticky CTA is active */ @media(max-width:768px){.lp-sticky-cta,.sticky-cta{display:none!important}} /* UX polish v2: keep desktop clean and reduce coupon-card clutter */ @media(min-width:761px){.xc-pwa-banner,.xc-pwa-banner.show{display:none!important}} .coupon-card .xc-status-row{margin:8px 0 12px;display:flex;gap:7px;align-items:center;flex-wrap:wrap} .coupon-card .xc-status{font-size:11px;padding:4px 8px;line-height:1.1} .coupon-card .xc-help{margin-top:10px} @media(max-width:760px){ .bot-fab{bottom:86px!important;right:12px!important;z-index:55!important} .xc-chat-toggle{bottom:148px!important;right:12px!important} .xc-chat-bubble{display:none!important} .xc-pwa-banner{bottom:76px;left:10px;right:10px;width:auto;transform:none;border-radius:16px;z-index:70} } /* XpressCoupon V44 conversion/speed polish */ .xc-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.xc-shortcuts button{border:1px solid var(--line-soft,#eee);background:#fff;border-radius:999px;padding:7px 10px;font-weight:850;font-size:12.5px;cursor:pointer}.xc-shortcuts button:hover{border-color:var(--accent,#e8543b);color:var(--accent,#e8543b)}.xc-field-note{margin:.55rem 0 0;color:var(--ink-soft,#666);font-size:12.8px}.xc-mini-btn.light{background:#fff;color:var(--ink,#222);border:1px solid var(--line-soft,#eee)}.xc-expired-code{opacity:.68;filter:grayscale(.2)}.xc-expired-code:before{content:"Expired";display:inline-flex;margin-bottom:8px;border-radius:999px;padding:4px 8px;background:#fff3e9;color:#9a3b21;font-size:12px;font-weight:900} @media(max-width:760px){.reveal,.coupon-card,.sale-card,.post-card,.deal-card,.hcar__slide{transition:none!important;animation:none!important}.blob,.sparkle,.hcar__coin,.coin-chip,.coin{animation:none!important}.coupon-card{transform:none!important}.hcar__art{transform:none!important}} /* V46 mobile performance guardrails */ @media (max-width: 760px) { .floating-shape, .hero-orb, .spark, .coupon-card::before, .lp-hero::before { animation: none !important; transform: none !important; } .coupon-card, .xc-ux-card, .lp-hero { will-change: auto !important; } .bot-fab img, .mascot-orb img { content-visibility: auto; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } } /* V50 site-wide mobile navigation fix */ .xc-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line, #e7e2dc);border-radius:999px;background:#fff;color:var(--ink,#2e2824);box-shadow:0 4px 14px rgba(0,0,0,.06);cursor:pointer;flex:0 0 auto} .xc-menu-btn svg{width:22px;height:22px} .mobile-nav{position:fixed;inset:0;z-index:9998;background:rgba(24,20,18,.42);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s ease} .mobile-nav.open{opacity:1;pointer-events:auto} .mobile-nav__panel{position:absolute;top:0;right:0;width:min(88vw,360px);height:100%;background:#fff;color:var(--ink,#2e2824);box-shadow:-18px 0 50px rgba(0,0,0,.18);padding:22px;display:flex;flex-direction:column;gap:8px;transform:translateX(102%);transition:transform .24s ease;overflow:auto} .mobile-nav.open .mobile-nav__panel{transform:translateX(0)} .mobile-nav__panel a{display:flex;align-items:center;gap:8px;padding:13px 14px;border-radius:14px;color:var(--ink,#2e2824);font-family:var(--fd,inherit);font-weight:700;text-decoration:none} .mobile-nav__panel a:hover{background:var(--accent-soft,#fff1ed);color:var(--accent,#e8543b);text-decoration:none} .mobile-nav__close{align-self:flex-end;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:999px;background:var(--accent-soft,#fff1ed);color:var(--accent,#e8543b);font-size:30px;line-height:1;cursor:pointer} @media(max-width:760px){.lp-header__in .xc-menu-btn,.topbar .xc-menu-btn{display:inline-flex}.topbar nav{display:none!important}} @media(min-width:761px){.mobile-nav{display:none}} @media(prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav__panel{transition:none!important}} /* V61 sticky Mid Year urgency bar */ :root{--xc-urgency-h:0px}.xc-urgency-active{--xc-urgency-h:54px} .xc-urgency-bar{position:sticky;top:0;z-index:10050;background:linear-gradient(90deg,#a30000,#e11d1d 45%,#ff3b30);color:#fff;box-shadow:0 8px 24px rgba(127,0,0,.22);border-bottom:1px solid rgba(255,255,255,.22)} .xc-urgency-bar[hidden]{display:none!important}.xc-urgency-bar__in{max-width:1200px;margin:0 auto;min-height:var(--xc-urgency-h);padding:8px clamp(14px,3vw,28px);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.xc-urgency-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px;line-height:1.1;white-space:nowrap}.xc-urgency-kicker::before{content:"🔥";font-size:17px}.xc-urgency-message{font-weight:800;font-size:14px;line-height:1.15;white-space:nowrap}.xc-urgency-countdown{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.xc-urgency-countdown span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-weight:900;font-size:13px;line-height:1}.xc-urgency-countdown small{font-size:10px;text-transform:uppercase;opacity:.88;margin-left:2px}.xc-urgency-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.xc-urgency-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border-radius:999px;background:#fff;color:#b40000!important;font-weight:900;font-size:13px;text-decoration:none!important;box-shadow:0 4px 12px rgba(0,0,0,.14);white-space:nowrap}.xc-urgency-btn:hover{transform:translateY(-1px);text-decoration:none!important}.xc-urgency-btn--dark{background:#111827;color:#fff!important}.xc-urgency-close{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:900;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.xc-urgency-close:hover{background:rgba(255,255,255,.24)}html{scroll-padding-top:calc(70px + var(--xc-urgency-h) + 16px)}.site-header,.lp-header{top:var(--xc-urgency-h,0px)!important}.topbar{top:var(--xc-urgency-h,0px)!important} @media(max-width:760px){.xc-urgency-active{--xc-urgency-h:82px}.xc-urgency-bar__in{justify-content:flex-start;align-items:center;gap:7px;padding:8px 12px}.xc-urgency-kicker{font-size:12px;flex:1 1 100%}.xc-urgency-message{font-size:13px}.xc-urgency-countdown span{min-width:36px;padding:5px 6px;font-size:12px}.xc-urgency-btn{min-height:32px;padding:7px 10px;font-size:12px}.xc-urgency-close{position:absolute;right:8px;top:8px;width:30px;height:30px}.site-header,.lp-header{top:var(--xc-urgency-h,0px)!important}.mobile-nav{padding-top:var(--xc-urgency-h,0px)}} @media(max-width:430px){.xc-urgency-active{--xc-urgency-h:96px}.xc-urgency-message{flex:1 1 100%}.xc-urgency-actions{width:100%}.xc-urgency-actions .xc-urgency-btn{flex:1 1 auto}.xc-urgency-countdown{gap:3px}.xc-urgency-countdown span{min-width:34px}} /* V140 Best Code Finder keeps promo code hidden until the shared Reveal flow runs. */ .xc-reco .xc-code-locked{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 13px;border:1px dashed var(--accent,#e8543b);border-radius:12px;background:#fff;color:var(--ink-soft,#666);font-weight:850} /* V151.3 coupon-row stability: keep helper content inside the info column and prevent action controls from squeezing condition text at tablet / split-screen widths. */ .code-row .code-info .xc-status-row{margin-top:10px} .code-row .code-info .xc-help{margin-top:10px;max-width:100%} @media (min-width:761px) and (max-width:980px){ .code-row{grid-template-columns:88px minmax(0,1fr)!important;align-items:start!important;gap:12px 16px!important} .code-row .code-amt{grid-column:1;grid-row:1} .code-row .code-info{grid-column:2;grid-row:1;min-width:0} .code-row .code-act{grid-column:1/-1;grid-row:2;justify-content:flex-start!important;width:100%} .code-row .code-shown{justify-content:flex-start} } /* ===== xc-motion.css ===== */ /* xc-motion.css NON-critical motion styles (loaded async). The critical reveal mechanism is inlined in so this file never blocks render. Contains hover micro-interactions + the related-links block styling (below the fold). */ @media (hover:hover) and (pointer:fine){ .code-row{ transition:transform .18s ease, box-shadow .18s ease; } .code-row:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(20,20,40,.10); } .xc-related a{ transition:transform .15s ease; } .xc-related a:hover{ transform:translateX(3px); } } .xc-related{ margin-top:38px; padding-top:24px; border-top:1px solid var(--line-soft,#ececec); } .xc-related h2{ font-size:1.18rem; margin:0 0 14px; } .xc-related ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; } .xc-related a{ display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--accent,#e8543b); } .xc-related a:hover{ text-decoration:underline; } /* ===== consent-banner.css ===== */ /* XpressCoupon Consent banner */ #xc-consent{ position:fixed; left:0; right:0; bottom:0; z-index:2147483000; display:flex; justify-content:center; padding:14px; pointer-events:none; } #xc-consent[hidden]{ display:none; } .xc-consent__card{ pointer-events:auto; width:min(940px,100%); background:#fff; color:#241815; border:1px solid rgba(0,0,0,.08); border-radius:20px; box-shadow:0 18px 60px rgba(196,55,40,.18); padding:18px 20px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; animation:xcConsentIn .28s ease-out; } @keyframes xcConsentIn{ from{ transform:translateY(16px); opacity:0 } to{ transform:none; opacity:1 } } @media (prefers-reduced-motion:reduce){ .xc-consent__card{ animation:none } } .xc-consent__text{ flex:1 1 320px; min-width:260px; font-size:14px; line-height:1.5; color:#4b3b37; } .xc-consent__text strong{ color:#241815; } .xc-consent__text a{ color:#ef3d35; font-weight:700; text-decoration:underline; } .xc-consent__actions{ display:flex; gap:10px; flex:0 0 auto; flex-wrap:wrap; } .xc-consent__btn{ cursor:pointer; border:0; border-radius:12px; font-family:inherit; font-weight:800; font-size:14px; padding:11px 20px; transition:transform .08s ease, background .15s ease, border-color .15s ease; } .xc-consent__btn:active{ transform:scale(.97); } .xc-consent__btn--accept{ background:#ef3d35; color:#fff; } .xc-consent__btn--accept:hover{ background:#d8352d; } .xc-consent__btn--reject{ background:#fff; color:#241815; border:1.5px solid #e7ddd9; } .xc-consent__btn--reject:hover{ border-color:#ef3d35; color:#ef3d35; } @media (max-width:520px){ .xc-consent__card{ padding:16px; } .xc-consent__actions{ width:100%; } .xc-consent__btn{ flex:1 1 0; } } /* ===== premium-v115.css ===== */ /* XpressCoupon V115 premium visual system Original CSS implementation inspired by modern hero, navigation, offer-card, bento and CTA patterns reviewed on 21st.dev. No third-party component code, framework, font, image or runtime dependency is included. */ :root{ --xc-premium-line:oklch(.89 .018 50); --xc-premium-glow:0 24px 70px oklch(.47 .13 35 / .14); --xc-premium-shadow:0 18px 50px oklch(.32 .035 45 / .10),0 3px 10px oklch(.32 .025 45 / .05); --xc-premium-dark:oklch(.235 .028 42); --xc-premium-dark-2:oklch(.31 .055 38); } html{scroll-padding-top:calc(var(--header-h,70px) + var(--xc-urgency-h,0px) + 22px)} body{background: radial-gradient(circle at 8% 3%,oklch(.97 .035 40 / .78),transparent 31rem), radial-gradient(circle at 94% 16%,oklch(.97 .035 72 / .64),transparent 28rem), var(--bg,#fffaf7)} .section[id],.coinsbot-band[id]{scroll-margin-top:calc(var(--header-h,70px) + var(--xc-urgency-h,0px) + 22px)} /* Cohesive premium navigation */ .site-header,.lp-header,.topbar{ border-bottom:1px solid color-mix(in oklab,var(--line,#e7dfdb) 80%,transparent); background:color-mix(in oklab,var(--surface,#fff) 88%,transparent); backdrop-filter:saturate(155%) blur(18px); -webkit-backdrop-filter:saturate(155%) blur(18px) } .site-header.scrolled,.lp-header,.topbar{box-shadow:0 10px 34px rgb(53 35 27 / .07)} .nav,.lp-header__in,.topbar{max-width:1280px} .nav-links,.lp-nav,.topbar nav{gap:3px} .nav-links a,.lp-nav a,.topbar nav a{ position:relative; border:1px solid transparent; font-weight:650; letter-spacing:-.01em; transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease } .nav-links a:hover,.lp-nav a:hover,.topbar nav a:hover, .nav-links a[aria-current],.lp-nav a[aria-current],.topbar nav a[aria-current]{ color:var(--ink,#2f2925); background:color-mix(in oklab,var(--accent-soft,#fff0ea) 66%,#fff); border-color:color-mix(in oklab,var(--accent,#e8543b) 18%,transparent); text-decoration:none } .nav-links a[aria-current]::after,.lp-nav a[aria-current]::after,.topbar nav a[aria-current]::after{ content:"";position:absolute;left:50%;bottom:3px;width:16px;height:2px;border-radius:999px; background:var(--accent,#e8543b);transform:translateX(-50%) } .btn--header,.lp-nav .btn,.topbar nav .btn,.xc-nav-cta{ background:linear-gradient(115deg,var(--accent,#e8543b),oklch(.67 .19 45)); color:#fff!important;border-color:transparent!important; box-shadow:0 10px 26px color-mix(in oklab,var(--accent,#e8543b) 30%,transparent) } .btn--header:hover,.lp-nav .btn:hover,.topbar nav .btn:hover,.xc-nav-cta:hover{ color:#fff!important;background:linear-gradient(115deg,var(--accent-hover,#d9442f),var(--accent,#e8543b)); transform:translateY(-1px);text-decoration:none!important } .hamburger,.xc-menu-btn{ border:1px solid color-mix(in oklab,var(--accent,#e8543b) 18%,var(--line,#ddd)); background:linear-gradient(145deg,#fff,color-mix(in oklab,var(--accent-soft,#fff0ea) 45%,#fff)); box-shadow:0 7px 18px rgb(61 39 30 / .08) } .mobile-nav{background:rgb(25 18 15 / .52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .mobile-nav__panel{ width:min(91vw,390px);padding:18px 18px max(24px,env(safe-area-inset-bottom));gap:4px; border-left:1px solid color-mix(in oklab,var(--accent,#e8543b) 14%,var(--line,#e6ded9)); background: radial-gradient(circle at 100% 0,color-mix(in oklab,var(--accent-soft,#fff0ea) 80%,transparent),transparent 18rem), var(--surface,#fff) } .mobile-nav__panel::before{ content:"Explore XpressCoupon";padding:2px 12px 12px;color:var(--ink-faint,#756b66); font:800 11px/1.2 var(--font-display,var(--fd,system-ui));letter-spacing:.13em;text-transform:uppercase } .mobile-nav__panel a{min-height:48px;font-size:17px;border:1px solid transparent} .mobile-nav__panel a:hover,.mobile-nav__panel a:focus-visible,.mobile-nav__panel a[aria-current]{ background:color-mix(in oklab,var(--accent-soft,#fff0ea) 68%,#fff);border-color:color-mix(in oklab,var(--accent,#e8543b) 17%,transparent) } .mobile-nav__panel .xc-nav-cta{margin-top:12px;justify-content:center;border-radius:16px;min-height:52px} .mobile-nav__close{order:-2;flex:none;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent,#e8543b) 14%,transparent)} /* Hero: original coupon workflow bento */ .hero{isolation:isolate;padding-top:clamp(48px,7vw,92px);padding-bottom:clamp(62px,8vw,110px)} .hero::after{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22; background-image:linear-gradient(to right,rgb(80 55 44 / .12) 1px,transparent 1px),linear-gradient(to bottom,rgb(80 55 44 / .10) 1px,transparent 1px); background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%) } .hero__grid{max-width:var(--maxw,1200px);grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:clamp(42px,6vw,82px)} .hero__copy{max-width:690px} .hero h1{font-size:clamp(42px,6.3vw,76px);line-height:.99;letter-spacing:-.052em} .hero__sub{max-width:58ch;font-size:clamp(17px,1.8vw,20px)} .hero__cta .btn{min-height:54px;padding-inline:28px} .hero__visual{min-height:500px;display:grid;place-items:center;position:relative;perspective:none} .xc-hero-orbit{position:relative;width:min(100%,520px);min-height:430px} .xc-hero-orbit::before{ content:"";position:absolute;inset:5% 4% 8%;border-radius:38px; background:linear-gradient(145deg,color-mix(in oklab,var(--accent-soft,#fff0ea) 70%,#fff),#fff 56%,color-mix(in oklab,var(--green-soft,#ecfaef) 55%,#fff)); border:1px solid color-mix(in oklab,var(--accent,#e8543b) 14%,var(--line,#e8dfda)); box-shadow:var(--xc-premium-glow);transform:rotate(-2.4deg) } .xc-hero-match{ position:absolute;z-index:3;inset:12% 8% auto 5%;padding:26px;border-radius:26px; background:color-mix(in oklab,#fff 92%,transparent);border:1px solid rgb(255 255 255 / .85); box-shadow:var(--xc-premium-shadow);backdrop-filter:blur(12px) } .xc-hero-kicker{display:flex;align-items:center;gap:8px;color:var(--green,#238a50);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase} .xc-hero-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green,#238a50);box-shadow:0 0 0 5px color-mix(in oklab,var(--green,#238a50) 13%,transparent)} .xc-hero-match h2{font-size:clamp(24px,3vw,34px);margin-top:17px} .xc-hero-match p{margin-top:9px;color:var(--ink-soft,#655d58);font-size:15px} .xc-hero-code{ margin-top:20px;padding:15px 16px;border:1.5px dashed color-mix(in oklab,var(--accent,#e8543b) 55%,var(--line,#ddd)); border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--accent-soft,#fff1ec) } .xc-hero-code span{font-size:12px;font-weight:750;color:var(--ink-soft,#655d58);text-transform:uppercase;letter-spacing:.06em} .xc-hero-code strong{font-size:15px;color:var(--accent,#e8543b);letter-spacing:.04em} .xc-hero-link{display:inline-flex;margin-top:17px;color:var(--accent,#e8543b);font-weight:800;font-size:14px} .xc-hero-mini{ position:absolute;z-index:4;display:grid;gap:4px;padding:17px 19px;border-radius:19px;background:#fff; border:1px solid var(--line-soft,#eee6e2);box-shadow:0 15px 38px rgb(49 31 24 / .13) } .xc-hero-mini b{font-size:15px}.xc-hero-mini span{font-size:12.5px;color:var(--ink-soft,#655d58)} .xc-hero-mini--sale{right:0;top:5%;transform:rotate(3deg)} .xc-hero-mini--coins{left:0;bottom:5%;transform:rotate(-3deg)} .xc-hero-mini--stack{right:3%;bottom:0;transform:rotate(2deg)} .xc-hero-mini i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;margin-bottom:5px;font-style:normal;background:var(--accent-soft,#fff1ec);color:var(--accent,#e8543b);font-weight:900} .xc-hero-mini--coins i{background:var(--green-soft,#eef9ef);color:var(--green,#238a50)} .xc-hero-mini--stack i{background:oklch(.95 .04 260);color:oklch(.52 .17 260)} /* Primary homepage journey */ #sales,#coupons,#stack,#blog,#about{position:relative} #sales::before,#coupons::before,#stack::before,#blog::before,#about::before{ position:absolute;top:22px;left:max(var(--gut,24px),calc((100% - var(--maxw,1200px))/2 + var(--gut,24px))); font:850 11px/1 var(--font-display,var(--fd,system-ui));letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--accent,#e8543b) 68%,var(--ink-faint,#777)) } #sales::before{content:"01 · Current Sales"}#coupons::before{content:"02 · Coupon Codes"}#coinsbot::before{content:"03 · Coins Booster"}#stack::before{content:"04 · Stack Calculator"}#blog::before{content:"05 · Blog"}#about::before{content:"06 · About"} /* Sales and offer cards */ #sales{background:linear-gradient(180deg,color-mix(in oklab,var(--accent-soft,#fff0ea) 28%,#fff),#fff)} .sales-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .sales-grid:has(> .sale-card:only-child){grid-template-columns:minmax(0,720px);justify-content:center} .sales-grid:has(> .sale-card:only-child) .sale-card{padding:clamp(26px,4vw,38px)} .sales-grid:has(> .sale-card:only-child) .sale-card>p:not(.dates):not(.disc){max-width:58ch} .sale-card{ border-color:color-mix(in oklab,var(--accent,#e8543b) 11%,var(--line-soft,#eee)); border-radius:24px;padding:25px;background:linear-gradient(155deg,#fff,color-mix(in oklab,var(--accent-soft,#fff0ea) 18%,#fff)); box-shadow:0 12px 34px rgb(57 39 31 / .07);overflow:hidden } .sale-card::before{content:"";display:block;width:44px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--accent,#e8543b),var(--accent-2,#efad58));margin-bottom:18px} .sale-card:hover{transform:translateY(-5px);border-color:color-mix(in oklab,var(--accent,#e8543b) 30%,var(--line,#ddd));box-shadow:var(--xc-premium-shadow)} .calendar-hub,.featured-sale,.xc-ux-card,.xc-ad-pair{border-radius:28px} .calendar-hub{box-shadow:var(--xc-premium-shadow)} /* Coupon focus */ #coupons{background: radial-gradient(circle at 100% 0,color-mix(in oklab,var(--accent-soft,#fff0ea) 75%,transparent),transparent 30rem), var(--bg,#fffaf7)} .coupon-grid{gap:18px} .coupon-card{ border-radius:24px;border-color:color-mix(in oklab,var(--accent,#e8543b) 10%,var(--line-soft,#eee)); box-shadow:0 11px 30px rgb(52 35 28 / .07);background:linear-gradient(150deg,#fff 55%,color-mix(in oklab,var(--accent-soft,#fff0ea) 18%,#fff)) } .coupon-card:hover{border-color:color-mix(in oklab,var(--accent,#e8543b) 28%,var(--line,#ddd));box-shadow:var(--xc-premium-shadow)} .filter-tabs{padding:6px;border-radius:18px;background:#fff;border:1px solid var(--line-soft,#eee);box-shadow:0 8px 24px rgb(52 35 28 / .05)} .filter-tabs button{min-height:42px;border-radius:13px} .search-box,.sort-wrap select{box-shadow:0 7px 20px rgb(52 35 28 / .05)} /* Coins Booster bento */ #coinsbot{position:relative;padding-block:clamp(72px,9vw,112px);overflow:hidden;background:linear-gradient(135deg,var(--xc-premium-dark),var(--xc-premium-dark-2));isolation:isolate} #coinsbot::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 15%,rgb(255 151 85 / .20),transparent 30rem),radial-gradient(circle at 90% 85%,rgb(54 202 147 / .13),transparent 28rem)} #coinsbot::before{z-index:2;top:25px;color:rgb(255 255 255 / .64)} .coinsbot{border:1px solid rgb(255 255 255 / .13);box-shadow:0 30px 90px rgb(0 0 0 / .28);background:rgb(255 255 255 / .07);backdrop-filter:blur(14px)} .coinsbot__copy h2,.coinsbot__copy h2 b{color:#fff} .coinsbot__copy p,.coinsbot__feats,.coinsbot__free{color:rgb(255 255 255 / .78)} .coinsbot__art{background:linear-gradient(145deg,rgb(255 255 255 / .13),rgb(255 255 255 / .04));border:1px solid rgb(255 255 255 / .10);border-radius:26px} /* Stack calculator */ #stack{background:linear-gradient(180deg,#fff,color-mix(in oklab,var(--green-soft,#eff9f0) 32%,#fff))} #stack .calc{border-radius:30px;box-shadow:var(--xc-premium-shadow);border-color:color-mix(in oklab,var(--green,#238a50) 13%,var(--line,#ddd))} #stack .calc__result{background:linear-gradient(155deg,var(--xc-premium-dark),oklch(.34 .07 150))} #stack .stack-example,#stack .checklist,#stack .resources,#stack .tool-feature{border-radius:25px;box-shadow:0 12px 34px rgb(48 40 35 / .06)} /* Blog and About */ #blog[hidden]{display:block!important} #blog{background:#fff} .blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px} .post-card{border-radius:23px;border:1px solid var(--line-soft,#eee);box-shadow:0 10px 30px rgb(52 35 28 / .07);overflow:hidden;background:#fff} .post-card:hover{transform:translateY(-5px);box-shadow:var(--xc-premium-shadow)} .post-media{background:linear-gradient(135deg,var(--accent-soft,#fff0ea),color-mix(in oklab,var(--accent-2,#efad58) 22%,#fff));min-height:145px} .post-media .ph{background:transparent!important}.post-media .ph span{color:var(--accent,#e8543b);font-weight:800} #about{background:linear-gradient(145deg,color-mix(in oklab,var(--accent-soft,#fff0ea) 38%,#fff),#fff)} #about .about{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:30px;align-items:start;padding:clamp(28px,4vw,46px);border:1px solid color-mix(in oklab,var(--accent,#e8543b) 13%,var(--line,#ddd));border-radius:30px;background:#fff;box-shadow:var(--xc-premium-shadow)} #about .about h2{font-size:clamp(30px,4.2vw,48px);margin-bottom:18px} #about .about p+p{margin-top:13px} #about .disclosure{margin:0;background:linear-gradient(145deg,var(--accent-soft,#fff0ea),#fff);border-radius:22px;padding:22px} /* Internal pages */ .lp-header__in{max-width:1280px} .lp-hero{position:relative;margin-top:22px;padding:clamp(28px,5vw,50px);border-radius:28px;background:linear-gradient(145deg,#fff,color-mix(in oklab,var(--accent-soft,#fff0ea) 45%,#fff));border:1px solid color-mix(in oklab,var(--accent,#e8543b) 12%,var(--line,#ddd));box-shadow:0 15px 42px rgb(53 35 27 / .07);overflow:hidden} .lp-hero::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;top:-110px;background:radial-gradient(circle,color-mix(in oklab,var(--accent,#e8543b) 17%,transparent),transparent 68%);pointer-events:none} .article,.content{background:#fff;border:1px solid var(--line-soft,#eee);border-radius:25px;padding:clamp(22px,4vw,42px);margin-block:28px;box-shadow:0 12px 38px rgb(53 35 27 / .055)} .code-row{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} .code-row:hover{border-color:color-mix(in oklab,var(--accent,#e8543b) 22%,var(--line,#ddd));box-shadow:0 10px 25px rgb(53 35 27 / .06)} .lp-footer,.site-footer{border-top:1px solid var(--line-soft,#eee)} @media(max-width:1180px){ .lp-nav,.topbar nav{display:none!important}.lp-header__in .xc-menu-btn,.topbar .xc-menu-btn{display:inline-flex!important} .nav-links{display:none}.hamburger{display:grid} .btn--header{display:none} } @media(max-width:1020px){ .hero__grid{grid-template-columns:1fr;max-width:820px}.hero__copy{max-width:720px}.hero__visual{min-height:440px} .sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #about .about{grid-template-columns:1fr} } @media(max-width:760px){ .hero{padding-top:38px}.hero h1{font-size:clamp(38px,12vw,58px)}.hero__visual{min-height:390px} .xc-hero-orbit{min-height:375px}.xc-hero-match{inset:10% 2% auto 2%;padding:21px}.xc-hero-mini{padding:14px 15px}.xc-hero-mini--sale{right:0;top:1%}.xc-hero-mini--coins{left:0}.xc-hero-mini--stack{right:0} .sales-grid,.blog-grid{grid-template-columns:1fr}.sale-card{padding:21px} #sales::before,#coupons::before,#stack::before,#blog::before,#about::before{left:18px;top:14px} #coinsbot::before{left:18px;top:18px} .coinsbot{padding:18px}.coinsbot__art{min-height:230px} #about .about{padding:22px;border-radius:24px} .lp-hero{border-radius:22px;padding:24px;margin-top:14px}.article,.content{padding:20px;border-radius:20px} } @media(max-width:430px){ .hero__trust{display:grid;grid-template-columns:1fr 1fr}.hero__cta{display:grid}.hero__cta .btn{width:100%} .xc-hero-orbit{min-height:400px}.xc-hero-match{top:13%}.xc-hero-mini--sale{top:0}.xc-hero-mini--coins{bottom:3%}.xc-hero-mini--stack{bottom:-2%} .xc-hero-mini span{max-width:16ch}.filter-tabs{border-radius:15px} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} .sale-card:hover,.post-card:hover,.coupon-card:hover,.btn:hover{transform:none!important} } .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .section-cta{display:flex;justify-content:center;margin-top:30px} /* Narrow-screen containment: grid children and wide data tables must not expand the viewport. */ @media (max-width:560px){ .layers,.layer,.layer__body{min-width:0;max-width:100%} .layer{width:100%;overflow:hidden} .layer__body{width:100%;overflow-wrap:anywhere} .layer__body .data-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} } /* ===== uxpack-v117.css ===== */ /* ========================================================================== XpressCoupon UX Pack V117 patterns adapted from 21st.dev into vanilla CSS 1) Floating mobile dock (replaces the 3 legacy sticky bottom bars) 2) Pointer-spotlight ring on cards (hover-capable devices only) 3) Toast upgrade (card style w/ icon chip) 4) Sticky filter chips on the homepage coupon browser All colors/typography inherit the existing token system. ========================================================================== */ /* ---------- 0. Retire legacy bottom bars ---------- */ .sticky-cta, .mobile-sticky-cta, .lp-sticky-cta { display: none !important; } @media (max-width: 860px) { body.xc-has-dock { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; } } /* ---------- 1. Floating dock (mobile) ---------- */ .xc-dock { position: fixed; left: 50%; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 65; display: none; gap: 2px; padding: 6px; width: min(94vw, 420px); background: oklch(1 0 0 / .88); -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px); border: 1px solid var(--line, oklch(0.90 0.01 50)); border-radius: 22px; box-shadow: 0 18px 44px oklch(0.4 0.06 45 / .18), 0 4px 12px oklch(0.4 0.04 45 / .10); transition: transform .32s cubic-bezier(.2,.8,.2,1), opacity .25s ease; } .xc-dock--hidden { transform: translateX(-50%) translateY(140%); opacity: 0; pointer-events: none; } .xc-dock__item { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 56px; padding: 7px 4px; border-radius: 16px; font-family: var(--font-display, var(--fd, Inter, sans-serif)); font-weight: 600; font-size: 10.5px; letter-spacing: .02em; color: var(--ink-soft, oklch(0.46 0.02 45)); text-decoration: none !important; background: none; border: 0; cursor: pointer; transition: background .18s ease, color .18s ease, transform .12s ease; -webkit-tap-highlight-color: transparent; } .xc-dock__item svg { width: 21px; height: 21px; flex: none; } .xc-dock__item:active { transform: scale(.94); } .xc-dock__item:hover { color: var(--accent, oklch(0.63 0.21 28)); background: var(--accent-soft, oklch(0.95 0.05 40)); } .xc-dock__item[aria-current="page"], .xc-dock__item.is-active { color: #fff; background: var(--accent, oklch(0.63 0.21 28)); box-shadow: 0 8px 18px var(--accent-glow, oklch(0.63 0.21 28 / .35)); } @media (max-width: 860px) { .xc-dock { display: flex; } } /* ---------- 2. Pointer-spotlight ring on cards ---------- */ @media (hover: hover) and (pointer: fine) { .coupon-card, .sale-card, .deal-card, .post-card, .verify-card { position: relative; } .coupon-card::after, .sale-card::after, .deal-card::after, .post-card::after, .verify-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; background: radial-gradient( 220px circle at var(--mx, 50%) var(--my, 50%), var(--accent, oklch(0.63 0.21 28)) 0%, var(--accent-2, oklch(0.74 0.16 58)) 30%, transparent 70% ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; opacity: 0; transition: opacity .3s ease; pointer-events: none; z-index: 2; } .coupon-card:hover::after, .sale-card:hover::after, .deal-card:hover::after, .post-card:hover::after, .verify-card:hover::after { opacity: 1; } /* list rows get a soft radial wash instead of a ring */ .code-row { position: relative; } .code-row::before { content: ""; position: absolute; inset: 0; background: radial-gradient( 320px circle at var(--mx, 50%) var(--my, 50%), var(--accent-soft, oklch(0.95 0.05 40)) 0%, transparent 65% ); opacity: 0; transition: opacity .3s ease; pointer-events: none; } .code-row:hover::before { opacity: .8; } .code-row > * { position: relative; } } /* ---------- 3. Toast upgrade ---------- */ .toast { border-radius: 16px !important; padding: 13px 20px 13px 14px !important; font-size: 15px !important; gap: 12px !important; max-width: min(92vw, 400px) !important; border: 1px solid oklch(1 0 0 / .12); } .toast svg { width: 32px !important; height: 32px !important; padding: 7px; border-radius: 50%; background: var(--green-soft, oklch(0.95 0.05 150)); color: var(--green, oklch(0.62 0.15 150)) !important; } @media (max-width: 860px) { body.xc-has-dock .toast { bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; } } /* ---------- 4. Sticky filter chips (homepage coupon browser) ---------- */ @supports (position: sticky) { .filter-tabs { position: sticky; top: calc(var(--header-h, 70px) + 10px); z-index: 35; background: oklch(0.985 0.006 60 / .85); -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); padding: 10px 12px; margin-inline: -12px; border-radius: 18px; border: 1px solid transparent; transition: border-color .25s ease, box-shadow .25s ease; } .filter-tabs.is-stuck { border-color: var(--line-soft, oklch(0.94 0.008 50)); box-shadow: var(--shadow-md, 0 8px 24px oklch(0.4 0.04 45 / .10)); } } /* ---------- Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .xc-dock { transition: none; } .xc-dock--hidden { transform: translateX(-50%); opacity: 1; pointer-events: auto; } .coupon-card::after, .sale-card::after, .deal-card::after, .post-card::after, .verify-card::after, .code-row::before { transition: none; } } /* ===== v1222-final-qa.css ===== */ /* XpressCoupon V122.2 final spacing and resilience audit */ html,body{max-width:100%;overflow-x:clip} /* Progressive enhancement safety: never reserve blank space for hidden reveal blocks. */ .reveal{opacity:1!important;transform:none!important;transition:none!important} /* Keep section rhythm generous but avoid oversized empty bands on wide screens. */ .section{padding-block:clamp(44px,6vw,76px)!important} .sec-head{margin-bottom:clamp(24px,3vw,36px)!important} :is(.sales-grid,.coupon-grid,.deals-grid,.blog-grid):empty{display:none!important} /* Static fallbacks are replaced by app.js when JavaScript succeeds. */ .xc-static-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px} .xc-static-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:var(--surface,#fff);border:1px solid var(--line-soft,#eee3df);border-radius:var(--r-lg,20px);box-shadow:var(--shadow-sm,0 5px 18px rgba(45,32,26,.07))} .xc-static-card h3{font-size:clamp(19px,2vw,23px);margin:0} .xc-static-card p{color:var(--ink-soft,#6d625d);font-size:14.5px;margin:10px 0 0} .xc-static-card .xc-static-meta{font-size:13px;color:var(--ink-faint,#857a75);margin-top:7px} .xc-static-card .xc-static-value{font-family:var(--font-display,inherit);font-weight:800;font-size:clamp(25px,3vw,34px);color:var(--accent,#e8543b);margin-top:14px} .xc-static-card .xc-static-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:18px} .xc-static-card .btn{min-width:0;white-space:normal;text-align:center} .xc-static-note{padding:18px 20px;border:1px solid var(--line-soft,#eee3df);border-radius:var(--r-md,14px);background:var(--surface,#fff);color:var(--ink-soft,#6d625d)} /* Prevent remote ad failures from leaving a tall empty framed block. */ .ad-frame img{max-width:100%;height:auto} .ad-frame:has(img[hidden]){display:none!important} @media(max-width:760px){ .section{padding-block:42px!important} .sec-head{margin-bottom:24px!important} .xc-static-grid{grid-template-columns:1fr} .xc-static-card{padding:19px} } /* Do not reserve large synthetic mobile heights before sections render. */ @media(max-width:768px){ main>section:not(.hero),.site-footer,.ad-band,.ad-feature{ content-visibility:visible!important; contain-intrinsic-size:auto!important; } } /* Hide an advertisement wrapper if its remote creative is blocked or fails. */ .ad-unit:has(img[data-xc-image-failed="true"]), .xc-country-ad:has(img[data-xc-image-failed="true"]), .xc-ad-pair:has(img[data-xc-image-failed="true"]){display:none!important} /* XpressCoupon V122.3 final gap and layout corrections */ /* Two active sale cards should fill the content area instead of leaving an empty third column. */ #sales .sales-grid:has(> .sale-card:nth-child(2):last-child){ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:980px; margin-inline:auto; } #sales .sale-card{min-height:0!important} /* Never keep section padding when a mobile-only ad component is intentionally suppressed. */ @media(max-width:768px){ section[aria-label="Advertisement"]:has(.ad-feature){display:none!important;padding:0!important;margin:0!important} .ad-band:empty,.ad-unit:empty,.xc-country-ad:empty{display:none!important} } /* A blocked remote creative must not create an empty advertisement band. */ .ad-unit[hidden],.xc-country-ad[hidden],.xc-ad-frame[hidden],.ad-frame[hidden]{display:none!important} .ad-feature:has(.ad-unit[hidden]){grid-template-columns:1fr!important} .ad-feature:has(.ad-unit[hidden]) .ad-feature__copy{max-width:720px;margin-inline:auto;text-align:center} /* Keep page-level rhythm compact and consistent on large screens. */ @media(min-width:1200px){ .section{padding-block:64px!important} #sales.section{padding-block:58px!important} .xc-country-hub{padding-block:64px!important} } @media(max-width:700px){ #sales .sales-grid:has(> .sale-card:nth-child(2):last-child){grid-template-columns:1fr!important;max-width:680px} } /* XpressCoupon V122.5 exact sale countdown and subscription CTA */ .xc-sale-countdown{ display:grid;grid-template-columns:minmax(210px,1.15fr) auto auto;align-items:center;gap:18px; width:100%;margin:24px 0 8px;padding:18px 20px;border:1px solid rgba(232,84,59,.22); border-radius:18px;background:linear-gradient(135deg,#fff7f1 0%,#fff 54%,#fff4d8 100%); box-shadow:0 10px 28px rgba(77,45,26,.09);color:var(--ink,#302620) } .xc-countdown-copy{display:flex;flex-direction:column;gap:3px;min-width:0} .xc-countdown-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#e8543b)} .xc-countdown-copy strong{font-family:var(--font-display,inherit);font-size:clamp(18px,2.1vw,24px);line-height:1.15} .xc-countdown-window{font-size:12.5px;line-height:1.45;color:var(--ink-soft,#6d625d)} .xc-countdown-units{display:grid;grid-template-columns:repeat(4,minmax(52px,1fr));gap:8px} .xc-countdown-units>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;padding:9px 8px;border-radius:12px;background:#fff;border:1px solid rgba(232,84,59,.14)} .xc-countdown-units b{font-family:var(--font-display,inherit);font-size:22px;line-height:1;color:var(--accent,#e8543b);font-variant-numeric:tabular-nums} .xc-countdown-units small{margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint,#857a75)} .xc-countdown-actions{display:flex;justify-content:flex-end} .xc-countdown-actions .btn{white-space:normal;text-align:center;line-height:1.25} .xc-sale-countdown[data-sale-state="live"]{border-color:rgba(32,155,93,.35);background:linear-gradient(135deg,#effff5,#fff,#fff6df)} .xc-sale-countdown[data-sale-state="live"] .xc-countdown-kicker,.xc-sale-countdown[data-sale-state="live"] .xc-countdown-units b{color:#138a50} .xc-sale-countdown[data-sale-state="ended"]{opacity:.86} .xc-sale-alert{position:relative;z-index:30;background:#211b18;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)} .xc-sale-alert__inner{max-width:1180px;margin:auto;min-height:52px;padding:8px 20px;display:flex;align-items:center;justify-content:center;gap:18px} .xc-sale-alert__copy{display:flex;align-items:baseline;gap:9px;white-space:nowrap} .xc-sale-alert__copy b{font-family:var(--font-display,inherit);font-size:14px} .xc-sale-alert__copy span{font-size:12px;color:#ffd6c9} .xc-sale-alert__units{display:flex;gap:6px;font-variant-numeric:tabular-nums} .xc-sale-alert__units span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.1);font-size:11px} .xc-sale-alert__units b{font-size:13px;color:#fff} .xc-sale-alert__cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#fff;color:#27201c!important;font-weight:800;font-size:11.5px;text-decoration:none;white-space:nowrap} .xc-sale-alert__cta:hover{transform:translateY(-1px)} @media(max-width:920px){ .xc-sale-countdown{grid-template-columns:1fr auto}.xc-countdown-actions{grid-column:1/-1;justify-content:flex-start}.xc-countdown-actions .btn{width:100%} } @media(max-width:680px){ .xc-sale-countdown{grid-template-columns:1fr;padding:16px;margin-top:20px;gap:14px} .xc-countdown-units{grid-template-columns:repeat(4,1fr);width:100%;gap:6px} .xc-countdown-units>span{min-width:0;padding:9px 4px}.xc-countdown-units b{font-size:20px}.xc-countdown-window{font-size:11.5px} .xc-sale-alert__inner{padding:9px 12px;gap:8px;flex-wrap:wrap} .xc-sale-alert__copy{width:100%;justify-content:center}.xc-sale-alert__units{order:2}.xc-sale-alert__cta{order:3} } @media(max-width:390px){ .xc-sale-alert__copy span{display:none}.xc-sale-alert__inner{gap:6px}.xc-sale-alert__cta{font-size:10.5px;padding:7px 9px} } /* V122.5 visual refinement after browser review */ .xc-countdown-actions .btn{ display:inline-flex;align-items:center;justify-content:center; min-height:46px;padding:11px 16px;border-radius:999px; background:#2b211c!important;color:#fff!important;border:1px solid #2b211c!important; font-weight:800;text-decoration:none;box-shadow:none; } .hero__copy .xc-sale-countdown{ grid-template-columns:minmax(160px,1fr) auto; max-width:100%;gap:14px; } .hero__copy .xc-countdown-actions{grid-column:1/-1;justify-content:stretch} .hero__copy .xc-countdown-actions .btn{width:100%} @media(max-width:680px){ body:has(.bot-fab) .xc-sale-countdown .xc-countdown-actions{padding-right:64px} body:has(.bot-fab) .xc-sale-countdown .xc-countdown-actions .btn{width:100%} } @media(max-width:680px){ .hero__copy .xc-sale-countdown{grid-template-columns:1fr!important} .hero__copy .xc-countdown-actions{grid-column:auto!important} } /* ===== extension-cta.css ===== */ :root{ --xc-ext-bg: linear-gradient(135deg,#0f172a,#1e293b 60%,#0b1024); --xc-ext-card-bg: linear-gradient(145deg,#fff,#fff7f0); --xc-ext-shadow: 0 18px 40px rgba(15,23,42,.12); --xc-ext-border: rgba(15,23,42,.08); --xc-ext-cta: #1d4ed8; } .xc-ext-topbar{background:linear-gradient(90deg,#fff3e6,#fff7f0);border-bottom:1px solid rgba(232,84,59,.15);position:relative;z-index:25} .xc-ext-topbar__inner{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:11px 0;flex-wrap:wrap} .xc-ext-chip{display:inline-flex;align-items:center;gap:10px;font-family:var(--fd,inherit);font-weight:700;color:#0f172a;font-size:14px;line-height:1.2} .xc-ext-chip span small{display:block;font-size:12px;font-weight:600;color:#5b6472} .xc-ext-topbar__copy{margin:0;color:#475569;font-size:14px;flex:1;min-width:220px} .xc-ext-install-btn,.xc-ext-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 18px;font-family:var(--fd,inherit);font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;white-space:nowrap} .xc-ext-install-btn{background:#111827;color:#fff;box-shadow:0 14px 28px rgba(17,24,39,.16)} .xc-ext-install-btn:hover,.xc-ext-install-btn:focus-visible{transform:translateY(-1px);color:#fff;box-shadow:0 18px 34px rgba(17,24,39,.22)} .xc-ext-secondary-btn{background:#fff;color:#111827;border-color:rgba(17,24,39,.12)} .xc-ext-secondary-btn:hover,.xc-ext-secondary-btn:focus-visible{background:#f8fafc;color:#111827} .xc-ext-logo{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;flex:0 0 26px;display:inline-block;object-fit:contain!important;object-position:center;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;vertical-align:middle} .xc-ext-inline-card,.xc-ext-prefooter,.xc-ext-codes-card{background:var(--xc-ext-card-bg);border:1px solid var(--xc-ext-border);border-radius:26px;box-shadow:var(--xc-ext-shadow)} .xc-ext-inline-card{padding:22px;margin-block:28px} .xc-ext-inline-card__grid{display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:20px;align-items:center} .xc-ext-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-family:var(--fd,inherit);text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:800;margin-bottom:10px} .xc-ext-inline-card h3,.xc-ext-prefooter h3,.xc-ext-codes-card h3{margin:0 0 8px;font-size:clamp(22px,3vw,30px);line-height:1.1;color:#0f172a} .xc-ext-inline-card p,.xc-ext-prefooter p,.xc-ext-codes-card p{margin:0;color:#475569;line-height:1.65;font-size:15px} .xc-ext-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .xc-ext-benefits span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:999px;padding:8px 12px;font-size:13px;color:#334155} .xc-ext-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center} .xc-ext-actions--left{justify-content:flex-start;margin-top:16px} .xc-ext-prefooter{margin:32px auto;padding:28px} .xc-ext-prefooter__grid{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:22px;align-items:center} .xc-ext-codes-card{padding:20px;margin-block:24px 10px} .xc-ext-codes-card__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px} .xc-ext-sticky{position:fixed;left:16px;bottom:18px;z-index:55;max-width:340px;background:#0f172a;color:#fff;border-radius:18px;box-shadow:0 22px 40px rgba(15,23,42,.28);padding:14px 14px 14px 16px;display:flex;gap:12px;align-items:flex-start} .xc-ext-sticky__copy{flex:1;min-width:0} .xc-ext-sticky__copy strong{display:block;font-size:14px;line-height:1.25;margin-bottom:4px} .xc-ext-sticky__copy span{display:block;font-size:12.5px;line-height:1.45;color:#d8e1f0} .xc-ext-sticky__actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap} .xc-ext-sticky .xc-ext-install-btn{padding:10px 14px;font-size:13px;background:#2563eb} .xc-ext-dismiss{appearance:none;border:0;background:transparent;color:#cbd5e1;font-size:22px;line-height:1;cursor:pointer;padding:0 2px} .xc-ext-nav-link{display:inline-flex!important;align-items:center;gap:8px} .xc-ext-nav-link svg{width:18px;height:18px;flex:0 0 18px} .hero__cta .xc-ext-install-btn,.lp-hero__actions .xc-ext-install-btn,.xc-countdown-actions .xc-ext-secondary-btn{padding:14px 20px} .xc-ext-storeline{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#64748b;margin-top:8px} @media (max-width: 900px){ .xc-ext-inline-card__grid,.xc-ext-prefooter__grid,.xc-ext-codes-card__grid{grid-template-columns:1fr} .xc-ext-actions{justify-content:flex-start} .xc-ext-topbar__inner{align-items:flex-start} } @media (max-width: 768px){ .xc-ext-sticky{left:12px;right:12px;max-width:none;bottom:12px} .xc-ext-topbar__inner{padding:12px 0} .xc-ext-inline-card,.xc-ext-prefooter,.xc-ext-codes-card{border-radius:22px} } @media (max-width: 560px){ .xc-ext-install-btn,.xc-ext-secondary-btn{width:100%} .xc-ext-actions,.xc-ext-sticky__actions{width:100%} .xc-ext-topbar__copy{font-size:13px} } .xc-ext-chip,.xc-ext-eyebrow{text-decoration:none}.xc-ext-chip:hover,.xc-ext-eyebrow:hover{color:#1d4ed8}.xc-ext-footer-link{display:inline-flex!important;align-items:center;gap:7px;text-decoration:none;font-weight:700}.xc-ext-footer-link .xc-ext-logo{width:17px;height:17px;flex-basis:17px}@media (min-width:1050px) and (max-width:1320px){.xc-ext-nav-link span{display:none}.xc-ext-nav-link{padding-left:6px!important;padding-right:6px!important}} /* ---------- V126 accessibility ---------- */ .xc-skip-link{position:absolute;left:-9999px;top:0;z-index:2147483647; background:var(--ink,#33261f);color:#fff;font-family:var(--font-display,Inter,system-ui,sans-serif); font-weight:700;font-size:15px;padding:14px 22px;border-radius:0 0 12px 0; text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.28)} .xc-skip-link:focus,.xc-skip-link:focus-visible{left:0} /* WCAG 2.5.8 minimum 24x24 target, 32px used here for comfort. Inline links inside prose are exempt and intentionally untouched. */ .read-more,.xc-quick,.xc-ext-eyebrow,.xc-ext-dismiss,.xc-ext-footer-link, .xc-newsletter-later,.footer-social a,.faq-q,.copy-btn,.cp,.reveal-btn{ min-height:32px} .xc-ext-dismiss,.xc-newsletter-later{min-width:32px} .read-more,.xc-ext-eyebrow{display:inline-flex;align-items:center} /* visible keyboard focus everywhere, not just where a component defined it */ a:focus-visible,button:focus-visible,input:focus-visible, select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{ outline:3px solid var(--accent,#d62f22);outline-offset:2px;border-radius:6px} /* Carousel dots are correctly labelled (aria-label + aria-current) but render at 9x9. Expand the touch target with a pseudo-element so the visual design is untouched while the hit area meets WCAG 2.5.8 (24x24 minimum). */ .hcar__dots button{position:relative} .hcar__dots button::after{content:"";position:absolute;left:50%;top:50%; width:32px;height:32px;transform:translate(-50%,-50%)} .xc-hero-link{min-height:24px;display:inline-flex;align-items:center} /* ===== v127-critical-fixes.css ===== */ /* XpressCoupon V127 critical mobile, stability and accessibility fixes */ /* Prevent any grid/flex child from expanding the page beyond the viewport. */ html, body { width: 100%; max-width: 100%; overflow-x: clip; } :where(main, section, article, aside, header, footer, nav, div, ul, li, form, fieldset) { min-width: 0; } :where(h1, h2, h3, h4, h5, h6, p, a, button, span, strong, small, label) { overflow-wrap: break-word; } img, video, iframe, svg, canvas { max-width: 100%; } table { max-width: 100%; } /* Main homepage hero: the previous `1fr` mobile track used the min-content width of the long eyebrow, making the content about 400px wide on a 360px viewport. `minmax(0,1fr)` is the required containment track. */ .hero__grid { grid-template-columns: minmax(0, 1fr) !important; } .hero__copy, .hero__visual, .hero__cta, .hero__trust, .hero__sub, .xc-sale-countdown, .xc-countdown-copy, .xc-countdown-units, .xc-countdown-actions { width: 100%; max-width: 100% !important; min-width: 0; } .hero__copy .eyebrow, .hero__copy .pill, .xc-countdown-kicker, .xc-countdown-window, .xc-ext-chip, .xc-ext-eyebrow, .xc-ext-storeline { max-width: 100%; white-space: normal; flex-wrap: wrap; } .btn, .xc-ext-install-btn, .xc-ext-secondary-btn, .xc-mini-btn, .xc-sale-alert__cta { max-width: 100%; white-space: normal; text-align: center; line-height: 1.3; } /* Keep the extension top bar intrinsically responsive at every width. */ .xc-ext-topbar__inner > *, .xc-ext-inline-card__grid > *, .xc-ext-prefooter__grid > *, .xc-ext-codes-card__grid > * { min-width: 0; max-width: 100%; } /* Avoid mobile overlays competing with the persistent navigation dock. */ @media (max-width: 860px) { .xc-ext-sticky { display: none !important; } .bot-fab { bottom: calc(98px + env(safe-area-inset-bottom, 0px)) !important; right: 12px !important; } .xc-dock { width: calc(100% - 24px) !important; max-width: 420px; } } @media (max-width: 760px) { :root { --gut: 16px; } .wrap, .lp-wrap, .ext-page-wrap { width: 100% !important; max-width: 100% !important; padding-inline: 16px !important; } .hero { padding-top: 28px; } .hero h1 { font-size: clamp(32px, 10.5vw, 48px) !important; line-height: 1.03; } .hero__sub { font-size: 17px; line-height: 1.58; } .hero__cta { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 11px; } .hero__cta > *, .xc-countdown-actions > *, .xc-ext-actions > *, .lp-hero__actions > * { width: 100% !important; } .hero__trust { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px 14px; } .hero__trust li { min-width: 0; align-items: flex-start; line-height: 1.4; } .updated, .lp-meta { display: flex !important; flex-wrap: wrap !important; width: 100%; max-width: 100%; white-space: normal !important; line-height: 1.55; } .xc-ext-topbar__inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px; align-items: start; padding-block: 14px; } .xc-ext-chip, .xc-ext-topbar__copy, .xc-ext-topbar .xc-ext-install-btn { width: 100%; } .xc-ext-topbar__copy { font-size: 14px; line-height: 1.55; } .xc-sale-countdown { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; gap: 14px !important; } .xc-countdown-copy { display: grid !important; gap: 3px; } .xc-countdown-units { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; } .xc-countdown-units > span { min-width: 0 !important; padding: 10px 3px !important; } .xc-countdown-units b { font-size: clamp(19px, 6vw, 25px) !important; } .xc-countdown-units small { font-size: 9.5px !important; letter-spacing: .03em; } .xc-countdown-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; padding-right: 0 !important; } .xc-ext-inline-card, .xc-ext-prefooter, .xc-ext-codes-card, .article, .content, .lp-hero, .calendar-hub, .featured-sale, .coinsbot, .tool-feature { max-width: calc(100% - 32px) !important; margin-inline: auto !important; } .xc-ext-inline-card__grid, .xc-ext-prefooter__grid, .xc-ext-codes-card__grid, .featured-sale__inner, .coinsbot, .tool-feature, .about, .calendar-hub, .ext-hero__grid, .ext-split, .ext-trust-grid, .ext-final__box { grid-template-columns: minmax(0, 1fr) !important; } .xc-ext-actions { justify-content: stretch !important; } .footer-social, .foot-legal nav, .lp-footer__links, .footer-links { max-width: 100%; flex-wrap: wrap; } .table-wrap, .responsive-table, .comparison-table, .coupon-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 390px) { :root { --gut: 14px; } .wrap, .lp-wrap, .ext-page-wrap { padding-inline: 14px !important; } .hero__trust { grid-template-columns: minmax(0, 1fr) !important; } .xc-countdown-units { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .hero__copy .eyebrow, .hero__copy .pill { font-size: 11px; letter-spacing: .08em; line-height: 1.45; } .brand img, .brand .brand-logo { max-width: 205px; height: auto !important; } .xc-ext-inline-card, .xc-ext-prefooter, .xc-ext-codes-card, .article, .content, .lp-hero, .calendar-hub, .featured-sale, .coinsbot, .tool-feature { max-width: calc(100% - 28px) !important; } } /* The redirect utility has its own standalone layout and previously used a fixed-width card that exceeded 320–360px screens. */ body > .box { width: min(100% - 28px, 520px) !important; max-width: calc(100% - 28px) !important; } /* Respect reduced motion and remove non-essential transform animations from the first viewport, reducing main-thread work and visual instability. */ @media (prefers-reduced-motion: reduce) { .hero__bg .blob, .coin-chip, .mascot-orb, .float-card, .xc-hero-mini, .xc-hero-match { animation: none !important; } } .foot-heading{font-family:var(--font-display,Inter,system-ui,sans-serif);font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0 0 14px;color:inherit} .hcar__title{font-family:var(--font-display,Inter,system-ui,sans-serif);font-weight:700;font-size:clamp(26px,3.8vw,46px);letter-spacing:-.025em;line-height:1.02;margin-top:16px;color:#fff;text-wrap:balance} /* V127: compact generated expiry countdowns at narrow phone widths. */ .countdown{max-width:100%;min-width:0} .countdown .cd-unit{min-width:0!important} @media (max-width:390px){ .countdown{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important} } body > .box { box-sizing: border-box !important; width: min(calc(100% - 28px), 520px) !important; max-width: min(calc(100% - 28px), 520px) !important; } @media (max-width: 860px) { header .xc-ext-nav-link { display: none !important; } .foot-legal, .foot-legal nav, .lp-footer__bottom, .lp-footer__bottom nav, .footer-links { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex-wrap: wrap !important; } .xc-ext-footer-link { max-width: 100% !important; min-width: 0 !important; flex: 0 1 auto !important; white-space: normal !important; overflow-wrap: anywhere !important; } .article table, .content table, main table, .lp-main table { display: block !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } code { white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; } } @media (max-width: 860px) { .xc-ext-footer-link { flex: 1 0 100% !important; width: 100% !important; margin-top: 6px !important; } .xc-ext-footer-link span { min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .article table, .content table, main table, .lp-main table { display: table !important; table-layout: fixed !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .article th, .article td, .content th, .content td, main th, main td, .lp-main th, .lp-main td { min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; padding-inline: 8px !important; } } @media (max-width: 860px) { .lp-footer__legal nav { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex-wrap: wrap !important; } } @media (max-width: 860px) { .hamburger { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; } .xc-ext-chip { min-height: 44px !important; padding-block: 6px !important; } .hero__copy .eyebrow, .hero__copy .pill { font-size: 12px !important; } .xc-countdown-units small, .cd-unit span { font-size: 12px !important; } .xc-dock__item, .xc-dock__item span { font-size: 12px !important; } } @media (max-width: 860px) { .xc-countdown-window { font-size: 12px !important; } } /* ==== V129 additions ==================================================== Merged from the parallel V128 branch. */ /* Wide tables: scroll instead of squeeze. The rules above force table-layout:fixed at ~292px, which crams a multi-column pricing table and wraps text hard. Keeping the table at its natural width inside a focusable scroll container preserves legibility and table semantics, and is the conventional responsive pattern. */ .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin-block:18px} .table-scroll:focus-visible{outline:3px solid var(--accent,#d62f22);outline-offset:2px} .table-scroll > table{margin-block:0} @media (max-width:768px){ .article table,.content table,main table,.lp-main table, .data-table,.dtable{ display:table !important; table-layout:auto !important; width:auto !important; max-width:none !important; } .table-scroll > table{min-width:520px} } /* Decorative hero blobs extended past the viewport (invisible behind overflow-x:hidden, but they still affect layout maths). */ .hero__bg{overflow:hidden !important} .hero__bg .blob{max-width:100% !important;right:auto} /* --- V129.1: keep .wrap centred ----------------------------------------- .wrap supplies `margin-inline:auto`. Any later rule using a margin SHORTHAND with two or more values (e.g. `margin:28px 0`) silently resets margin-left/right to 0, so an element carrying both .wrap and a component class jumps to the left edge. That is what pinned the homepage extension card to x=0 on wide screens. Use margin-block in component rules; this rule is the safety net. */ .wrap, .lp-wrap, .ext-page-wrap { margin-inline: auto !important; } /* ===== wide-screen.css ===== */ /* ========================================================================== XpressCoupon V131 wide-screen stylesheet, corrected. V130 REVERTED. The V130 release widened --maxw and restored a two-column hero on the theory that the single-column base rule was a leftover. That was wrong: the fixed ad rail (ads.css, min-width:1480px) is positioned in the margin outside the content column via right: calc((100vw - var(--maxw))/2 - 184px). Growing --maxw shrank that margin and the restored hero visual landed exactly where the rail renders, so the skyscraper ad sat on top of the hero cards. The single-column hero and 1200px container are intentional design decisions that reserve space for the rail. What remains below changes NO layout geometry: only text measure and a decorative cap. Everything else from V130 is removed. ========================================================================== */ /* Cap the decorative hero blobs on ultrawide displays. They are sized in vw and otherwise grow without bound. Purely visual, no layout impact. */ @media (min-width: 1800px) { .hero__bg .b1 { width: min(46vw, 760px); height: min(46vw, 760px); } .hero__bg .b2 { width: min(38vw, 640px); height: min(38vw, 640px); } } /* Readable measure for long-form article prose only. Does not touch the hero, cards, grids, or any container width. */ @media (min-width: 1200px) { .article > p, .content > p { max-width: 72ch; } } /* ===== campaign-v133.css ===== */ /* XpressCoupon V133 seasonal campaign conversion layer */ .xc-campaign-tease{margin:24px auto;border:1px solid rgba(232,84,59,.2);border-radius:22px;background:linear-gradient(135deg,#fff7f1 0%,#fff 50%,#f5f8ff 100%);box-shadow:0 14px 42px rgba(35,28,24,.08);overflow:hidden} .xc-campaign-tease__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:24px;padding:26px} .xc-campaign-tease__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c63f2e;margin-bottom:10px} .xc-campaign-tease h2,.xc-campaign-tease h3{margin:0 0 10px;line-height:1.12} .xc-campaign-tease p{margin:0 0 14px;color:var(--ink-soft,#6d625d);line-height:1.65} .xc-campaign-tease__facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px} .xc-campaign-tease__facts span{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(35,28,24,.09);font-size:12.5px;font-weight:700} .xc-campaign-tease__actions{display:flex;flex-wrap:wrap;gap:10px} .xc-campaign-tease__media{display:flex;justify-content:center;align-items:center;min-width:0} .xc-campaign-tease__media a{display:block;width:100%;max-width:500px} .xc-campaign-tease__media img{display:block;width:100%;height:auto;border-radius:16px} .xc-campaign-tease__note{font-size:12.5px!important;margin-top:10px!important;color:var(--ink-faint,#857a75)!important} .xc-code-pending{border:1px dashed rgba(232,84,59,.45);border-radius:16px;background:#fff9f6;padding:18px;margin:18px 0} .xc-code-pending strong{display:block;margin-bottom:6px;color:#c63f2e} .xc-sale-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 28px} .xc-sale-region-card{border:1px solid var(--line-soft,#eadfd9);border-radius:18px;padding:18px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(35,28,24,.05)} .xc-sale-region-card b{display:block;margin-bottom:7px} .xc-sale-region-card p{margin:0 0 12px;font-size:14px} .xc-evergreen-ad{max-width:980px;margin:28px auto;padding:20px;border:1px solid var(--line-soft,#eadfd9);border-radius:20px;background:#fff;text-align:center} .xc-evergreen-ad__label{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint,#857a75)} .xc-evergreen-ad h3{margin:0 0 6px;font-size:20px} .xc-evergreen-ad p{margin:0 0 14px;color:var(--ink-soft,#6d625d)} .xc-evergreen-ad img{display:block;width:300px;max-width:100%;height:auto;margin:0 auto;border-radius:14px} .xc-newsletter-priority{border:2px solid rgba(232,84,59,.34)!important;background:linear-gradient(135deg,#fff4ed,#fff)!important;box-shadow:0 16px 40px rgba(232,84,59,.12)!important} .xc-newsletter-priority h3{font-size:clamp(22px,2.5vw,30px)!important} .xc-newsletter-priority .news-form{max-width:620px} .xc-newsletter-priority .news-form button{white-space:nowrap} @media(max-width:820px){.xc-campaign-tease__grid{grid-template-columns:1fr}.xc-sale-region-grid{grid-template-columns:1fr}.xc-campaign-tease__media{order:-1}.xc-campaign-tease__grid{padding:18px}.xc-campaign-tease__actions>*{width:100%;text-align:center}} /* ===== share.css ===== */ /* XpressCoupon Share Hub V141 */ .xc-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line,#d8dde8);border-radius:999px;background:var(--surface,#fff);color:var(--ink-soft,#475569);font:700 13px/1.1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;min-height:38px;padding:9px 14px;transition:border-color .18s,color .18s,background .18s,transform .18s,box-shadow .18s;box-shadow:0 2px 8px rgba(15,23,42,.04)} .xc-share-btn svg{width:16px;height:16px;flex:0 0 auto}.xc-share-btn:hover{border-color:var(--accent,#ef4f3b);color:var(--accent,#ef4f3b);background:var(--accent-soft,#fff4ef);transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.08)} .xc-share-btn:focus-visible{outline:3px solid rgba(239,79,59,.25);outline-offset:2px}.xc-share-btn--coupon{width:100%;margin-top:10px;background:transparent;border-style:dashed}.code-row .xc-share-btn--coupon{width:auto;margin-top:0;min-height:38px;padding:8px 12px;white-space:nowrap}.xc-static-actions .xc-share-btn--coupon{width:auto;margin-top:0}.xc-share-btn--tool{min-height:44px;padding:11px 17px;background:rgba(255,255,255,.96)} .ext-hero__actions .xc-share-btn--tool{border-color:rgba(11,21,56,.18);color:#0b1538}.xd-hero__actions .xc-share-btn--tool{background:#fff}.hero__cta .xc-share-btn--tool{min-height:48px}.xc-ux-head>.xc-share-btn--tool{margin-left:auto}.coinsbot__cta .xc-share-btn--tool{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.14);color:inherit}.coinsbot__cta .xc-share-btn--tool:hover{background:rgba(255,255,255,.24);color:inherit;border-color:rgba(255,255,255,.65)} html.xc-share-open,html.xc-share-open body{overflow:hidden}.xc-share-modal[hidden]{display:none!important}.xc-share-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.xc-share-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(7px)}.xc-share-modal__panel{position:relative;width:min(520px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(255,255,255,.65);border-radius:26px;background:#fff;color:#111827;padding:26px;box-shadow:0 28px 90px rgba(15,23,42,.28)}.xc-share-modal__close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:999px;background:#f2f4f7;color:#344054;font-size:26px;line-height:1;cursor:pointer}.xc-share-modal__eyebrow{display:inline-flex;margin-bottom:10px;border-radius:999px;background:#fff1ec;color:#d9472f;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.xc-share-modal h2{margin:0;padding-right:42px;color:#111827;font-size:clamp(22px,5vw,30px);line-height:1.08;letter-spacing:-.03em}.xc-share-modal__preview{margin:12px 0 18px;color:#667085;font-size:14px;line-height:1.55}.xc-share-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.xc-share-platforms a{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #e4e7ec;border-radius:14px;background:#fff;color:#344054;padding:10px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.xc-share-platforms a:hover{transform:translateY(-1px);border-color:#cfd5df;background:#f8fafc;text-decoration:none}.xc-share-platform__mark{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:#f2f4f7;color:#182230;font-size:11px;font-weight:950;letter-spacing:-.02em}.xc-share-modal__utility{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.xc-share-modal__utility button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #d8dde6;border-radius:12px;background:#17213b;color:#fff;padding:10px 12px;font-size:12px;font-weight:850;cursor:pointer}.xc-share-modal__utility button:last-child{background:#fff;color:#17213b}.xc-share-modal__utility svg{width:16px;height:16px}.xc-share-modal__note{margin:14px 0 0;color:#98a2b3;font-size:11px;line-height:1.45} @media(max-width:640px){.xc-share-modal{align-items:flex-end;padding:0}.xc-share-modal__panel{width:100%;max-height:82vh;border-radius:24px 24px 0 0;padding:24px 18px calc(20px + env(safe-area-inset-bottom))}.xc-share-platforms{grid-template-columns:repeat(2,1fr)}.xc-share-modal__utility{grid-template-columns:1fr}.code-row .xc-share-btn--coupon{width:100%}.code-row .code-act{align-items:stretch}.xc-ux-head>.xc-share-btn--tool{margin-left:0}.xc-share-btn--tool{width:100%}} @media(prefers-reduced-motion:reduce){.xc-share-btn,.xc-share-platforms a{transition:none!important;transform:none!important}} .xd-coupon-reveal .xc-share-btn--coupon{width:auto;margin:0;min-height:34px;padding:7px 10px;background:#fff}.xd-coupon-reveal{flex-wrap:wrap}.xd-coupon-reveal .xc-share-btn--coupon span{font-size:11px} /* ===== xpress-ui-v149.css ===== */ /* ========================================================= XpressCoupon V149 UI / UX Redesign Presentation-only override. No coupon, tracking, API or affiliate logic is changed here. ========================================================= */ :root{ --xc149-accent:#ef4b36; --xc149-accent-dark:#d93b28; --xc149-accent-soft:#fff2ee; --xc149-ink:#17191f; --xc149-muted:#626a76; --xc149-line:#e8e9ed; --xc149-bg:#fafafa; --xc149-card:#fff; --xc149-green:#14854f; --xc149-shadow:0 16px 46px rgba(25,29,38,.08); --xc149-shadow-sm:0 8px 26px rgba(25,29,38,.06); --xc149-radius:20px; } /* ---------- Global navigation refinement ---------- */ .site-header,.lp-header{ background:rgba(255,255,255,.92)!important; border-bottom:1px solid rgba(22,25,31,.07)!important; box-shadow:0 1px 0 rgba(22,25,31,.02)!important; backdrop-filter:saturate(160%) blur(18px)!important; -webkit-backdrop-filter:saturate(160%) blur(18px)!important; } .lp-header__in,.site-header .nav{max-width:1240px!important} .lp-nav,.nav-links{gap:2px!important} .lp-nav>a,.nav-links>a,.xc-nav-tools>summary{ color:#414751!important; font-weight:650!important; font-size:14px!important; letter-spacing:-.01em; padding:10px 12px!important; border-radius:10px!important; transition:background .18s ease,color .18s ease!important; } .lp-nav>a:hover,.nav-links>a:hover,.xc-nav-tools>summary:hover{ color:var(--xc149-ink)!important; background:#f4f5f7!important; } .lp-nav .xc-nav-cta,.site-header .btn--header{ color:#fff!important; background:var(--xc149-accent)!important; border:0!important; box-shadow:none!important; padding:10px 17px!important; } .lp-nav .xc-nav-cta:hover,.site-header .btn--header:hover{background:var(--xc149-accent-dark)!important;color:#fff!important} .xc-nav-tools{position:relative;display:block} .xc-nav-tools>summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;user-select:none;white-space:nowrap} .xc-nav-tools>summary::-webkit-details-marker{display:none} .xc-nav-tools>summary::after{content:"⌄";font-size:13px;line-height:1;transform:translateY(-1px)} .xc-nav-tools[open]>summary{background:#f4f5f7!important;color:var(--xc149-ink)!important} .xc-nav-tools__menu{ position:absolute;z-index:100;top:calc(100% + 10px);left:0;min-width:230px; padding:8px;background:#fff;border:1px solid var(--xc149-line);border-radius:14px; box-shadow:0 20px 55px rgba(20,24,32,.14) } .xc-nav-tools__menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px} .xc-nav-tools__menu a{display:block!important;padding:10px 12px!important;border-radius:9px!important;color:#3f4650!important;font-weight:650!important;font-size:14px!important} .xc-nav-tools__menu a:hover{background:#f5f6f7!important;color:var(--xc149-ink)!important} @media(max-width:1050px){.lp-nav .xc-nav-tools,.nav-links .xc-nav-tools{display:none}.lp-nav>a,.nav-links>a{padding-inline:9px!important}} /* ---------- Homepage identity ---------- */ body.xc-home-v149{background:var(--xc149-bg);color:var(--xc149-ink)} body.xc-home-v149 .wrap{max-width:1240px} body.xc-home-v149 .section{padding-block:clamp(48px,6vw,82px)} body.xc-home-v149 .section--tint{background:#f6f6f7} body.xc-home-v149 .sec-head{max-width:720px;margin-bottom:30px} body.xc-home-v149 .sec-head h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.035em} body.xc-home-v149 .sec-head p{font-size:16.5px;color:var(--xc149-muted);line-height:1.65} body.xc-home-v149 .eyebrow{background:var(--xc149-accent-soft);color:var(--xc149-accent-dark);letter-spacing:.08em;font-weight:800} body.xc-home-v149 .btn{border-radius:12px;font-weight:750;min-height:48px;padding:13px 20px;box-shadow:none} body.xc-home-v149 .btn--primary{background:var(--xc149-accent);color:#fff;box-shadow:none} body.xc-home-v149 .btn--primary:hover{background:var(--xc149-accent-dark);transform:translateY(-1px)} body.xc-home-v149 .btn--ghost{background:#fff;border:1px solid #dedfe4;box-shadow:none} body.xc-home-v149 .btn--ghost:hover{border-color:#c7c9cf;color:var(--xc149-ink);transform:translateY(-1px)} /* Sale status line */ .xc-sale-status-v149{background:#1d2026;color:#fff;font-size:13.5px;position:relative;z-index:45} .xc-sale-status-v149__in{min-height:38px;display:flex;align-items:center;justify-content:center;gap:18px;padding-top:7px;padding-bottom:7px;text-align:center} .xc-sale-status-v149 b{display:inline-flex;align-items:center;margin-right:7px;padding:2px 7px;border-radius:999px;background:#20a162;color:#fff;font-size:10px;letter-spacing:.1em} .xc-sale-status-v149 a{font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap} /* ---------- Coupon-first hero ---------- */ body.xc-home-v149 .hero{ padding-top:clamp(48px,6vw,78px)!important;padding-bottom:clamp(48px,6vw,76px)!important; background:linear-gradient(180deg,#fff 0%,#fff 62%,#fafafa 100%);overflow:hidden } body.xc-home-v149 .hero__bg .blob{filter:blur(90px)!important;opacity:.12!important} body.xc-home-v149 .hero__grid{ max-width:1240px!important;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr)!important; gap:clamp(36px,6vw,84px)!important;align-items:center!important } body.xc-home-v149 .hero h1{font-size:clamp(42px,5.6vw,70px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:820px} body.xc-home-v149 .hero__sub{font-size:clamp(17px,1.8vw,20px)!important;line-height:1.62!important;max-width:720px!important;color:#59616d!important} body.xc-home-v149 .hero__copy .pill{margin-bottom:18px!important;background:var(--xc149-accent-soft)!important;color:var(--xc149-accent-dark)!important;border:1px solid #ffd8cf} body.xc-home-v149 .hero__cta{align-items:center;margin-top:26px!important;gap:10px!important} .xc-hero-sale-link{font-size:14px;font-weight:750;color:#5c6370;padding:10px 3px} .xc-hero-sale-link:hover{color:var(--xc149-accent-dark)} body.xc-home-v149 .hero__trust{margin-top:24px!important;gap:8px 16px!important} body.xc-home-v149 .hero__trust li{font-size:13px!important;color:#59616d!important} body.xc-home-v149 .updated{margin-top:18px!important;font-size:12.5px!important} body.xc-home-v149 .xc-sale-countdown--hero{ margin-top:22px!important;background:#fff!important;border:1px solid var(--xc149-line)!important; border-radius:16px!important;box-shadow:none!important;padding:15px 16px!important } body.xc-home-v149 .xc-sale-countdown--hero .xc-countdown-copy strong{font-size:14px!important} body.xc-home-v149 .xc-sale-countdown--hero .xc-countdown-window{font-size:12px!important;color:#737a85!important} body.xc-home-v149 .xc-countdown-units span{min-width:50px!important;border-radius:10px!important;background:#f7f7f8!important} body.xc-home-v149 .xc-countdown-units b{font-size:19px!important} body.xc-home-v149 .xc-countdown-actions .btn{min-height:40px!important;padding:9px 13px!important;font-size:12.5px!important} body.xc-home-v149 .hero__visual{min-height:430px!important} body.xc-home-v149 .xc-hero-orbit{min-height:430px!important} body.xc-home-v149 .xc-hero-match{ border-radius:22px!important;border:1px solid var(--xc149-line)!important;background:#fff!important; box-shadow:var(--xc149-shadow)!important;padding:28px!important } body.xc-home-v149 .xc-hero-match h2{font-size:28px!important;letter-spacing:-.035em} body.xc-home-v149 .xc-hero-code{border-radius:12px!important;background:#f8f8f9!important;border-color:#e5e6e9!important} body.xc-home-v149 .xc-hero-mini{border-radius:15px!important;border-color:#ececef!important;box-shadow:var(--xc149-shadow-sm)!important;background:#fff!important} /* ---------- Quick category shortcuts ---------- */ .xc-quick-links-v149{padding:0 0 clamp(34px,5vw,56px);background:var(--xc149-bg)} .xc-quick-links-v149__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .xc-quick-links-v149__grid a{ min-width:0;background:#fff;border:1px solid var(--xc149-line);border-radius:15px;padding:16px 14px; display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center; box-shadow:0 1px 1px rgba(20,24,32,.02);transition:transform .18s,border-color .18s,box-shadow .18s } .xc-quick-links-v149__grid a:hover{transform:translateY(-2px);border-color:#d7d8dd;box-shadow:var(--xc149-shadow-sm)} .xc-quick-links-v149__grid span{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#f7f7f8;display:grid;place-items:center;font-size:20px} .xc-quick-links-v149__grid b{font-size:14px;line-height:1.2} .xc-quick-links-v149__grid small{font-size:11.5px;color:#7a818c;line-height:1.2;margin-top:3px} /* ---------- Consistent card language ---------- */ body.xc-home-v149 .coupon-card, body.xc-home-v149 .xc-static-card, body.xc-home-v149 .xc-ux-card, body.xc-home-v149 .calendar-hub, body.xc-home-v149 .faq-item, body.xc-home-v149 .post-card, body.xc-home-v149 .xc-country-card, body.xc-home-v149 .featured-sale, body.xc-home-v149 .ad-feature, body.xc-home-v149 .xc-ad-pair{ border-radius:var(--xc149-radius)!important;border-color:var(--xc149-line)!important;box-shadow:var(--xc149-shadow-sm)!important } body.xc-home-v149 .coupon-card:hover,body.xc-home-v149 .xc-static-card:hover,body.xc-home-v149 .xc-country-card:hover{transform:translateY(-2px)!important;box-shadow:var(--xc149-shadow)!important} /* Best coupons: immediate visual hierarchy */ body.xc-home-v149 #best-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important} body.xc-home-v149 #best-rail .xc-static-card{padding:24px!important;background:#fff!important;position:relative;overflow:hidden} body.xc-home-v149 #best-rail .xc-static-card::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--xc149-accent)} body.xc-home-v149 #best-rail .xc-static-value{font-size:38px!important;letter-spacing:-.04em;color:var(--xc149-ink)!important;margin-top:18px} body.xc-home-v149 #best-rail h3{font-size:19px!important;margin-top:6px!important} body.xc-home-v149 #best-rail .btn{width:100%;margin-top:16px} /* Sale block */ body.xc-home-v149 #sales{background:#fff!important} body.xc-home-v149 #sales .sales-grid{gap:12px!important} body.xc-home-v149 #sales .sale-card{box-shadow:none!important;border:1px solid var(--xc149-line)!important;border-radius:16px!important} body.xc-home-v149 .xc-campaign-tease{margin:0!important;padding:0 0 46px!important;background:#fff!important} /* Finder becomes a flagship utility */ body.xc-home-v149 #find-my-code{padding:0 0 clamp(52px,7vw,84px)!important;background:#fff!important} body.xc-home-v149 #find-my-code .xc-ux-card{padding:clamp(24px,4vw,40px)!important;background:#17191f!important;border:0!important;color:#fff!important;box-shadow:var(--xc149-shadow)!important} body.xc-home-v149 #find-my-code h2,body.xc-home-v149 #find-my-code label{color:#fff!important} body.xc-home-v149 #find-my-code p{color:#c9cdd3!important} body.xc-home-v149 #find-my-code .xc-field input,body.xc-home-v149 #find-my-code .xc-field select{background:#fff!important;border:0!important;box-shadow:none!important} body.xc-home-v149 #find-my-code .xc-shortcuts button{background:#2a2d34!important;color:#fff!important;border-color:#3a3f48!important} body.xc-home-v149 #find-my-code .xc-reco{background:#fff!important;color:#17191f!important;border:0!important;border-radius:14px!important} body.xc-home-v149 #find-my-code .xc-reco span{color:#646b76!important} body.xc-home-v149 #find-my-code .secondary{background:#2a2d34!important;color:#fff!important;border-color:#3a3f48!important} /* All coupons gets a dense, scan-friendly surface */ body.xc-home-v149 #coupons{background:#f7f7f8!important} body.xc-home-v149 #coupons .coupon-tools{background:#fff;border:1px solid var(--xc149-line);border-radius:16px;padding:12px;box-shadow:none} body.xc-home-v149 #coupons .search-box input,body.xc-home-v149 #coupons .sort-wrap select{background:#f8f8f9!important;border-color:#e5e6e9!important} body.xc-home-v149 #coupons .filter-tabs{gap:7px!important} body.xc-home-v149 #coupons .filter-tabs button{border-radius:999px!important;font-size:13px!important} body.xc-home-v149 #coupon-grid{gap:14px!important} /* XpressDeals */ body.xc-home-v149 #xpressdeals-preview{background:#fff!important} body.xc-home-v149 #xpressdeals-preview .calendar-hub{box-shadow:none!important;background:#fafafa!important} body.xc-home-v149 #xpressdeals-preview .calendar-hub__panel{background:#fff!important;border-color:var(--xc149-line)!important} body.xc-home-v149 .xd-home-grid{gap:14px!important} /* ---------- Tools hub ---------- */ .xc-tools-hub-v149{background:#f6f6f7!important} .xc-tools-hub-v149__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .xc-tool-card-v149{ min-height:170px;background:#fff;border:1px solid var(--xc149-line);border-radius:18px;padding:22px; display:flex;gap:15px;align-items:flex-start;box-shadow:none;transition:transform .18s,border-color .18s,box-shadow .18s } .xc-tool-card-v149:hover{transform:translateY(-2px);border-color:#d5d7dc;box-shadow:var(--xc149-shadow-sm)} .xc-tool-card-v149__icon{width:46px;height:46px;border-radius:13px;background:#f6f6f7;display:grid;place-items:center;font-size:23px;flex:none} .xc-tool-card-v149 h3{font-size:18px;letter-spacing:-.02em} .xc-tool-card-v149 p{font-size:13.5px;color:#676f79;line-height:1.55;margin-top:7px} .xc-tool-card-v149 b{display:inline-block;margin-top:14px;font-size:13px;color:var(--xc149-accent-dark)} /* Existing rich tool promos stay available but take less visual space */ body.xc-home-v149 .xc-ext-inline-card--homepage{padding-top:28px!important;padding-bottom:28px!important;background:#fff!important} body.xc-home-v149 .xc-ext-inline-card--homepage .xc-ext-inline-card__grid{border:1px solid var(--xc149-line)!important;border-radius:18px!important;box-shadow:none!important} body.xc-home-v149 .hcar-band{padding-block:28px!important;background:#fff!important} body.xc-home-v149 .hcar{border-radius:20px!important;box-shadow:none!important} body.xc-home-v149 #coinsbot{padding-block:40px!important;background:#fff!important} body.xc-home-v149 .coinsbot{border-radius:20px!important;box-shadow:none!important} /* Stack method */ body.xc-home-v149 #stack{background:#17191f!important;color:#fff!important} body.xc-home-v149 #stack h2,body.xc-home-v149 #stack h3,body.xc-home-v149 #stack strong{color:#fff!important} body.xc-home-v149 #stack .sec-head p{color:#c9cdd3!important} body.xc-home-v149 #stack .eyebrow{background:#2b2e35!important;color:#ffb5a5!important} body.xc-home-v149 #stack .layer{background:#23262c!important;border-color:#343841!important;box-shadow:none!important} body.xc-home-v149 #stack .layer p,body.xc-home-v149 #stack .layer span{color:#c6cad0!important} /* Countries / guides / FAQ */ body.xc-home-v149 #country-deals{background:#fff!important;padding-block:clamp(48px,6vw,82px)!important} body.xc-home-v149 #country-deals .xc-country-grid{gap:12px!important} body.xc-home-v149 #country-deals .xc-country-card{box-shadow:none!important;padding:20px!important} body.xc-home-v149 #sale-calendar-hub{background:#fff!important;padding-top:0!important} body.xc-home-v149 #blog{background:#f7f7f8!important} body.xc-home-v149 #blog .post-card{background:#fff!important;box-shadow:none!important} body.xc-home-v149 #quick-answers{background:#fff!important} body.xc-home-v149 #faq{background:#f7f7f8!important} body.xc-home-v149 #faq .faq-item{background:#fff!important;box-shadow:none!important} body.xc-home-v149 #verification{background:#fff!important} body.xc-home-v149 #coupon-alerts{background:#f7f7f8!important} body.xc-home-v149 #about{background:#fff!important} /* Ads remain clearly labeled but visually secondary */ body.xc-home-v149 .ad-feature,body.xc-home-v149 .xc-ad-pair{background:#fff!important;box-shadow:none!important;border:1px solid var(--xc149-line)!important} body.xc-home-v149 .ad-label{font-size:10px!important;color:#8b9098!important} /* Footer */ body.xc-home-v149 .site-footer{background:#17191f!important;color:#d6d9de!important} body.xc-home-v149 .site-footer a{color:#e5e7eb} /* ---------- Responsive ---------- */ @media(max-width:1050px){ body.xc-home-v149 .hero__grid{grid-template-columns:1fr!important;max-width:820px!important} body.xc-home-v149 .hero__visual{min-height:380px!important} .xc-quick-links-v149__grid{grid-template-columns:repeat(3,minmax(0,1fr))} .xc-tools-hub-v149__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .xc-sale-status-v149__in{justify-content:space-between;text-align:left;gap:10px} .xc-sale-status-v149 span{line-height:1.35}.xc-sale-status-v149 a{font-size:12px} body.xc-home-v149 .hero{padding-top:38px!important} body.xc-home-v149 .hero h1{font-size:clamp(38px,12vw,54px)!important} body.xc-home-v149 .hero__sub{font-size:16.5px!important} body.xc-home-v149 .hero__cta .btn{width:100%} .xc-hero-sale-link{width:100%;text-align:center} body.xc-home-v149 .hero__visual{min-height:360px!important} body.xc-home-v149 .xc-hero-orbit{min-height:360px!important} body.xc-home-v149 .xc-hero-mini{display:none!important} .xc-quick-links-v149{overflow:hidden} .xc-quick-links-v149 .wrap{padding-right:0!important} .xc-quick-links-v149__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:18px;padding-bottom:5px;gap:9px;scrollbar-width:none} .xc-quick-links-v149__grid::-webkit-scrollbar{display:none} .xc-quick-links-v149__grid a{flex:0 0 170px;scroll-snap-align:start} body.xc-home-v149 #best-rail{grid-template-columns:1fr!important} .xc-tools-hub-v149__grid{grid-template-columns:1fr} .xc-tool-card-v149{min-height:0;padding:18px} } @media(max-width:520px){ .xc-sale-status-v149__in{display:block;text-align:center}.xc-sale-status-v149 a{display:block;margin-top:3px} body.xc-home-v149 .hero__visual{min-height:330px!important} body.xc-home-v149 .xc-hero-orbit{min-height:330px!important} body.xc-home-v149 .xc-hero-match{padding:22px!important} body.xc-home-v149 .xc-hero-match h2{font-size:24px!important} body.xc-home-v149 .xc-sale-countdown--hero{padding:12px!important} body.xc-home-v149 .xc-countdown-actions{width:100%!important} body.xc-home-v149 .xc-countdown-actions .btn{width:100%!important} } /* Reduced motion */ @media(prefers-reduced-motion:reduce){ .xc-quick-links-v149__grid a,.xc-tool-card-v149,body.xc-home-v149 .coupon-card{transition:none!important} } /* V149: the homepage must start with coupons, not a tool promo. The same Chrome-extension information remains available in the Tools section. */ body.xc-home-v149>.xc-ext-topbar{display:none!important} /* Header logo guard: prevent intrinsic image dimensions from expanding the mobile header. */ .site-header .brand img,.lp-header .brand img{height:38px!important;width:auto!important;max-width:180px!important;object-fit:contain!important} @media(max-width:760px){ .site-header .brand img,.lp-header .brand img{height:34px!important;max-width:154px!important} body.xc-home-v149 .hero__cta{margin-top:24px!important;margin-bottom:2px!important} body.xc-home-v149 .hero__visual{display:none!important} body.xc-home-v149 .xc-sale-countdown--hero{margin-top:18px!important} body.xc-home-v149 .xc-sale-countdown--hero .xc-countdown-units{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important} body.xc-home-v149 .xc-countdown-units span{min-width:0!important;padding:8px 4px!important} body.xc-home-v149 .xc-countdown-units b{font-size:17px!important} body.xc-home-v149 .xc-countdown-units small{font-size:8.5px!important} }