/* ===== SOURCE: styles.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 / .35);--bg:oklch(0.985 0.006 60);--bg-2:oklch(0.965 0.009 55);--surface:oklch(1 0 0);--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.62 0.15 150);--green-soft:oklch(0.95 0.05 150);--amber:oklch(0.72 0.16 75);--font-display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-body: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;--shadow-sm:0 1px 2px oklch(0.4 0.02 45 / .06),0 2px 8px oklch(0.4 0.02 45 / .05);--shadow-md:0 8px 24px oklch(0.4 0.04 45 / .10),0 2px 6px oklch(0.4 0.04 45 / .06);--shadow-lg:0 24px 60px oklch(0.4 0.06 45 / .16),0 8px 20px oklch(0.4 0.04 45 / .08);--maxw:1200px;--gut:clamp(18px,4vw,40px);--header-h:70px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h)+16px);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.6;font-size:clamp(15px,1.6vw,17px);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-0.02em;margin:0;color:var(--ink);text-wrap:balance}p{margin:0;text-wrap:pretty}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}.section{padding-block:clamp(56px,8vw,104px)}.section--tint{background:var(--bg-2)}.sec-head{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}.sec-head.center{margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:999px;margin-bottom:16px}.sec-head h2{font-size:clamp(28px,4.4vw,46px)}.sec-head p{color:var(--ink-soft);font-size:clamp(16px,2vw,19px);margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:16px;padding:14px 26px;border-radius:999px;min-height:48px;transition:transform .18s ease,box-shadow .25s ease,background .2s ease;white-space:nowrap}.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);box-shadow:0 16px 34px var(--accent-glow)}.btn--ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);box-shadow:var(--shadow-sm)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--block{width:100%}.btn--sm{padding:10px 18px;font-size:14px;min-height:42px}.site-header{position:sticky;top:0;z-index:60;background:oklch(0.985 0.006 60 / .82);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;gap:18px;height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em}.brand .mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 16px var(--accent-glow);flex:none}.brand .mark svg{width:19px;height:19px}.brand b{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:14px}.nav-links a{font-weight:500;font-size:15px;color:var(--ink-soft);padding:9px 13px;border-radius:999px;transition:color .18s,background .18s}.nav-links a:hover{color:var(--ink);background:var(--bg-2)}.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}.hamburger{display:none;width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);place-items:center}.hamburger svg{width:22px;height:22px}.mobile-nav{position:fixed;inset:0;z-index:70;display:none;background:oklch(0.24 0.02 45 / .45);backdrop-filter:blur(4px)}.mobile-nav.open{display:block}.mobile-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(82vw,340px);background:var(--surface);padding:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:6px;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-nav.open .mobile-nav__panel{transform:translateX(0)}.mobile-nav__panel a{padding:14px 12px;border-radius:12px;font-family:var(--font-display);font-weight:600;font-size:18px}.mobile-nav__panel a:hover{background:var(--bg-2)}.mobile-nav__close{align-self:flex-end;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bg-2);margin-bottom:8px}.hero{position:relative;overflow:hidden;padding-top:clamp(40px,6vw,70px);padding-bottom:clamp(56px,8vw,96px)}.hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__bg .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 18s ease-in-out infinite}.hero__bg .b1{width:46vw;height:46vw;top:-14vw;right:-8vw;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.22}.hero__bg .b2{width:38vw;height:38vw;bottom:-16vw;left:-10vw;background:radial-gradient(circle,var(--accent-2) 0%,transparent 70%);opacity:.20;animation-delay:-6s}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,64px);align-items:center;max-width:800px}.hero__copy .pill{margin-bottom:22px}.hero h1{font-size:clamp(34px,6vw,62px);letter-spacing:-.03em}.hero h1 .grad{background:linear-gradient(110deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{font-size:clamp(16px,2.1vw,20px);color:var(--ink-soft);margin-top:20px;max-width:33ch}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero__trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px}.hero__trust li{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-soft)}.hero__trust svg{width:17px;height:17px;color:var(--green);flex:none}.updated{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13.5px;color:var(--ink-faint)}.updated .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--green);animation:pulse 2.2s infinite}.hero__visual{position:relative;perspective:1400px;min-height:340px}.float-card{position:absolute;width:min(78%,330px);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line-soft);padding:22px;will-change:transform}.float-card .tick-edge{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--bg);transform:translateY(-50%)}.float-card .tick-edge.l{left:-9px;box-shadow:inset -1px 0 0 var(--line-soft)}.float-card .tick-edge.r{right:-9px;box-shadow:inset 1px 0 0 var(--line-soft)}.fc-1{top:6%;left:0;z-index:3;transform:rotate(-5deg);animation:floaty 7s ease-in-out infinite}.fc-2{top:36%;right:0;z-index:2;transform:rotate(5deg);animation:floaty 8s ease-in-out infinite reverse}.fc-3{bottom:2%;left:14%;z-index:1;transform:rotate(-2deg);opacity:.92;animation:floaty 9s ease-in-out infinite}.float-card .fc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.float-card .fc-amt{font-family:var(--font-display);font-weight:700;font-size:34px;color:var(--accent);line-height:1}.float-card .fc-amt small{font-size:15px;color:var(--ink-soft);font-weight:600}.float-card .fc-cond{font-size:13.5px;color:var(--ink-soft)}.float-card .fc-code{margin-top:14px;display:flex;align-items:center;justify-content:space-between;border:1.5px dashed var(--line);border-radius:10px;padding:10px 14px;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;color:var(--ink)}.badge-v{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--green);background:var(--green-soft);padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.badge-v svg{width:13px;height:13px}.featured-sale{position:relative;overflow:hidden;border-radius:var(--r-xl);color:#fff;background:linear-gradient(120deg,oklch(0.42 0.16 28),oklch(0.55 0.19 35) 55%,oklch(0.66 0.17 55));box-shadow:var(--shadow-lg);padding:clamp(26px,4vw,46px)}.featured-sale__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}.featured-sale .tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.featured-sale h3{color:#fff;font-size:clamp(24px,3.6vw,38px)}.featured-sale p{color:oklch(1 0 0 / .9);margin-top:12px;max-width:46ch}.featured-sale .fs-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.featured-sale .btn--primary{background:#fff;color:var(--accent);box-shadow:0 12px 30px oklch(0 0 0 /.2)}.featured-sale .btn--primary:hover{background:#fff;color:var(--accent-hover)}.featured-sale .btn--ghost{background:transparent;color:#fff;border-color:oklch(1 0 0 /.5)}.featured-sale .btn--ghost:hover{background:oklch(1 0 0 /.12);color:#fff;border-color:#fff}.featured-sale .sparkle{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,oklch(1 0 0/.5),transparent),radial-gradient(2px 2px at 70% 60%,oklch(1 0 0/.4),transparent),radial-gradient(1.5px 1.5px at 45% 80%,oklch(1 0 0/.4),transparent);opacity:.7}.countdown{display:flex;gap:10px}.cd-unit{background:oklch(1 0 0 / .14);border:1px solid oklch(1 0 0 / .22);border-radius:14px;padding:12px 6px;min-width:66px;text-align:center}.cd-unit b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1;font-variant-numeric:tabular-nums}.cd-unit span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.countdown.compact .cd-unit{background:var(--accent-soft);border-color:var(--line);color:var(--ink);padding:7px 4px;min-width:46px}.countdown.compact .cd-unit b{font-size:19px;color:var(--accent)}.countdown.compact .cd-unit span{color:var(--ink-faint)}.cd-done{font-weight:600}.coupon-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:24px}.search-box{position:relative;flex:1 1 240px;max-width:340px}.search-box svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-faint)}.search-box input{width:100%;padding:13px 16px 13px 44px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.sort-wrap{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft)}.sort-wrap select{padding:11px 36px 11px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 16px;appearance:none;font:inherit;color:var(--ink);font-weight:500}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filter-tabs button{font-family:var(--font-display);font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);transition:all .18s}.filter-tabs button:hover{border-color:var(--accent);color:var(--accent)}.filter-tabs button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.coupon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}.coupon-card{position:relative;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;transform-style:preserve-3d;will-change:transform;overflow:hidden}.coupon-card::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .25s;box-shadow:0 0 0 1px var(--accent),0 24px 50px var(--accent-glow);pointer-events:none}.coupon-card.tilt:hover{box-shadow:var(--shadow-lg);border-color:transparent}.coupon-card.tilt:hover::before{opacity:.55}.coupon-card .notch{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.coupon-card .notch i{width:22px;height:22px;border-radius:50%;background:var(--bg)}.coupon-card .notch i:first-child{margin-left:-11px;box-shadow:inset -1px 0 0 var(--line-soft)}.coupon-card .notch i:last-child{margin-right:-11px;box-shadow:inset 1px 0 0 var(--line-soft)}.cc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.cc-type{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px}.t-global{background:oklch(0.95 0.04 250);color:oklch(0.45 0.13 255)}.t-usa{background:oklch(0.95 0.04 25);color:oklch(0.5 0.16 25)}.t-sale{background:oklch(0.95 0.05 70);color:oklch(0.5 0.13 65)}.t-new{background:var(--green-soft);color:oklch(0.42 0.13 150)}.cc-amt{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,40px);color:var(--ink);line-height:1;letter-spacing:-.02em}.cc-amt .off{font-size:.5em;color:var(--accent);margin-left:4px}.cc-title{font-weight:600;font-size:15px;color:var(--ink);margin-top:10px}.cc-cond{font-size:14px;color:var(--ink-soft);margin-top:4px}.cc-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:13px;color:var(--ink-faint)}.cc-meta span{display:inline-flex;align-items:center;gap:5px}.cc-meta svg{width:14px;height:14px}.cc-meta .save{color:var(--accent);font-weight:600}.cc-divider{border:0;border-top:1.5px dashed var(--line);margin:18px 0}.cc-reveal{position:relative}.code-hidden{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.04em;border:2px solid var(--accent);color:#fff;background:var(--accent);border-radius:12px;padding:14px;min-height:52px;box-shadow:0 8px 20px var(--accent-glow);transition:transform .15s,background .2s}.code-hidden:hover{background:var(--accent-hover);transform:translateY(-1px)}.code-hidden .arrow{transition:transform .2s}.code-hidden:hover .arrow{transform:translateX(3px)}.code-shown{display:none;animation:revealIn .45s cubic-bezier(.2,.8,.2,1)}.coupon-card.revealed .code-hidden{display:none}.coupon-card.revealed .code-shown{display:block}.code-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px dashed var(--accent);border-radius:12px;padding:10px 10px 10px 16px;background:var(--accent-soft)}.code-pill .code{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.08em;color:var(--accent);user-select:all}.copy-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:14px;background:var(--accent);color:#fff;padding:9px 14px;border-radius:9px;transition:background .2s,transform .15s}.copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.copy-btn.copied{background:var(--green)}.copy-btn svg{width:15px;height:15px}.copy-msg{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--green);font-weight:600;margin-top:10px}.copy-msg svg{width:15px;height:15px}.copy-msg.pulse{animation:pulseText .5s ease}.shop-link{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:14px;text-decoration:none;color:#fff;background:var(--ink);border-radius:10px;padding:11px 14px;min-height:44px;transition:background .2s,transform .15s}.shop-link:hover{background:var(--accent);transform:translateY(-1px)}.shop-link svg{width:15px;height:15px}.sales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.sale-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.sale-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.sale-card .tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tag{font-family:var(--font-display);font-weight:600;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px}.tag--hot{background:var(--accent-soft);color:var(--accent)}.tag--best{background:oklch(0.95 0.05 70);color:oklch(0.5 0.13 65)}.tag--global{background:oklch(0.95 0.04 250);color:oklch(0.45 0.13 255)}.tag--usa{background:oklch(0.95 0.04 25);color:oklch(0.5 0.16 25)}.tag--new{background:var(--green-soft);color:oklch(0.42 0.13 150)}.tag--trend{background:oklch(0.95 0.05 320);color:oklch(0.5 0.14 325)}.sale-card h3{font-size:21px}.sale-card .dates{font-size:13.5px;color:var(--ink-faint);margin-top:6px;display:inline-flex;align-items:center;gap:6px}.sale-card .dates svg{width:15px;height:15px}.sale-card p{font-size:14.5px;color:var(--ink-soft);margin-top:12px}.sale-card .disc{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--accent);margin-top:14px}.sale-card .cd-wrap{margin-top:16px}.sale-card .btn{margin-top:auto}.sale-card .sale-foot{margin-top:18px;display:grid;gap:10px}.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.deal-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.deal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.deal-media{position:relative;aspect-ratio:4/3;background:var(--bg-2)}.ph{width:100%;height:100%;display:grid;place-items:center;background-image:repeating-linear-gradient(45deg,var(--line-soft) 0 12px,transparent 12px 24px)}.ph span{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:11px;color:var(--ink-faint);background:var(--surface);padding:4px 10px;border-radius:6px;box-shadow:var(--shadow-sm)}.deal-media .disc-badge{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px var(--accent-glow)}.deal-media .deal-tag{position:absolute;top:12px;right:12px}.deal-body{padding:18px;display:flex;flex-direction:column;flex:1}.deal-body h3{font-size:16.5px;line-height:1.25}.deal-body .deal-desc{font-size:13.5px;color:var(--ink-soft);margin-top:8px}.deal-price{display:flex;align-items:baseline;gap:10px;margin-top:14px}.deal-price .now{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ink)}.deal-price .was{font-size:15px;color:var(--ink-faint);text-decoration:line-through}.deal-body .btn{margin-top:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step}.step{position:relative;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:30px 26px;box-shadow:var(--shadow-sm)}.step .ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:18px}.step .ico svg{width:28px;height:28px}.step .num{position:absolute;top:22px;right:24px;font-family:var(--font-display);font-weight:700;font-size:42px;color:var(--line);line-height:1}.step h3{font-size:19px}.step p{font-size:14.5px;color:var(--ink-soft);margin-top:10px}.steps-arrow{display:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.post-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-media{aspect-ratio:16/9}.post-body{padding:22px;display:flex;flex-direction:column;flex:1}.post-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-faint);margin-bottom:12px}.post-cat{font-family:var(--font-display);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:999px}.post-card h3{font-size:18.5px;line-height:1.25}.post-card .excerpt{font-size:14px;color:var(--ink-soft);margin-top:10px}.read-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--accent);margin-top:16px}.read-more svg{width:15px;height:15px;transition:transform .2s}.post-card:hover .read-more svg{transform:translateX(4px)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;align-items:start}.faq-item{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;text-align:left;font-family:var(--font-display);font-weight:600;font-size:16px}.faq-q .pm{width:26px;height:26px;flex:none;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;transition:transform .3s}.faq-q .pm svg{width:16px;height:16px}.faq-item[open] .faq-q .pm,.faq-item.open .faq-q .pm{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a .inner{padding:0 20px 20px;font-size:14.5px;color:var(--ink-soft)}.faq-item.open .faq-a{max-height:340px}.cta-band{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cta-box{border-radius:var(--r-xl);padding:clamp(26px,4vw,40px);box-shadow:var(--shadow-md)}.cta-box h3{font-size:clamp(22px,3vw,28px)}.cta-box p{margin-top:10px;font-size:15px}.cta-news{background:var(--surface);border:1px solid var(--line-soft)}.cta-news p{color:var(--ink-soft)}.news-form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.news-form input{flex:1 1 200px;padding:14px 18px;border-radius:999px;border:1.5px solid var(--line);font:inherit;background:var(--bg)}.news-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.cta-news .ok{margin-top:12px;font-size:13.5px;color:var(--green);font-weight:600;display:none}.cta-news.sent .ok{display:block}.cta-tg{color:#fff;background:linear-gradient(135deg,oklch(0.55 0.13 250),oklch(0.62 0.12 235));position:relative;overflow:hidden}.cta-tg h3{color:#fff}.cta-tg p{color:oklch(1 0 0 /.9)}.cta-tg .btn{background:#fff;color:oklch(0.45 0.13 245);margin-top:20px}.cta-tg .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cta-tg .tg-ico{width:54px;height:54px;border-radius:16px;background:oklch(1 0 0 /.18);display:grid;place-items:center;margin-bottom:18px}.cta-tg .tg-ico svg{width:28px;height:28px}.about{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}.about p{color:var(--ink-soft);margin-top:14px}.disclosure{display:flex;gap:14px;align-items:flex-start;background:var(--accent-soft);border:1px solid oklch(0.85 0.06 40);border-radius:var(--r-md);padding:18px 20px;font-size:14px;color:oklch(0.42 0.08 40)}.disclosure svg{width:22px;height:22px;flex:none;color:var(--accent);margin-top:1px}.defs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.def{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:18px}.def b{font-family:var(--font-display);display:block;margin-bottom:6px;color:var(--ink)}.def span{font-size:13.5px;color:var(--ink-soft)}.site-footer{background:var(--ink);color:oklch(0.82 0.01 60);padding-block:clamp(44px,6vw,72px) 28px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.site-footer .brand{color:#fff}.site-footer .brand b{color:var(--accent-2)}.foot-about{font-size:14px;margin-top:14px;max-width:34ch;color:oklch(0.72 0.01 60)}.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.footer-social a{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid oklch(0.42 0.02 50);border-radius:999px;padding:7px 11px!important;font-size:13px!important;font-weight:700;color:oklch(0.82 0.01 60);background:oklch(0.25 0.02 45)}.footer-social a:hover{color:#fff;border-color:var(--accent-2);background:oklch(0.32 0.06 35)}.foot-col h4{color:#fff;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}.foot-col a{display:block;padding:5px 0;font-size:14.5px;color:oklch(0.78 0.01 60);transition:color .15s}.foot-col a:hover{color:#fff}.foot-disc{border-top:1px solid oklch(0.34 0.02 50);margin-top:36px;padding-top:24px;font-size:13px;color:oklch(0.66 0.01 60);display:flex;flex-direction:column;gap:14px}.foot-legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:space-between}.foot-legal nav{display:flex;gap:8px 18px;flex-wrap:wrap}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;padding:10px var(--gut) calc(10px+env(safe-area-inset-bottom));background:oklch(1 0 0 /.9);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -6px 20px oklch(0.4 0.04 45 /.08)}.sticky-cta .btn{width:100%}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120%);z-index:90;background:var(--ink);color:#fff;padding:13px 20px;border-radius:999px;font-weight:600;font-size:14.5px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:9px;transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:90vw}.toast svg{width:18px;height:18px;color:var(--accent-2);flex:none}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}#confetti{position:fixed;inset:0;pointer-events:none;z-index:80}@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--rot,0))}50%{transform:translateY(-14px) rotate(var(--rot,0))}}.fc-1{--rot:-5deg}.fc-2{--rot:5deg}.fc-3{--rot:-2deg}@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(2vw,3vw) scale(1.08)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--green)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}@keyframes pulseText{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes revealIn{0%{opacity:0;transform:translateY(8px) scale(.97)}100%{opacity:1;transform:none}}@media (max-width:980px){.hero__grid{grid-template-columns:1fr}.featured-sale__inner{grid-template-columns:1fr}.about{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:860px){.nav-links{display:none}.hamburger{display:grid}.nav-cta .btn--header{display:none}.steps{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.cta-band{grid-template-columns:1fr}.defs{grid-template-columns:1fr}.sticky-cta{display:block}body{padding-bottom:72px}}@media (max-width:560px){.foot-grid{grid-template-columns:1fr}.coupon-tools{flex-direction:column;align-items:stretch}.search-box{max-width:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}.reveal{opacity:1;transform:none}}.mobile-sticky-cta{display:none}@media (max-width:768px){body{padding-bottom:72px}.mobile-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:9999}.mobile-sticky-cta a{flex:1;text-align:center;padding:12px;border-radius:12px;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:14px;background:oklch(0.63 0.21 28);color:#fff}.mobile-sticky-cta a:nth-child(2){background:#111827}}.verify-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.verify-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow-sm)}.verify-card strong{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-display);margin-bottom:12px}.verify-card h3{font-size:18px;margin-bottom:8px}.verify-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.6}@media(max-width:880px){.verify-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.verify-grid{grid-template-columns:1fr}}@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}} /* Mobile speed patch v2: reduce mobile LCP/CLS and remove non-essential above-the-fold work */ @media (max-width:768px){ :root{--header-h:62px} .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important} .hero{padding-top:28px!important;padding-bottom:36px!important} .hero__grid{gap:18px!important} .hero__visual{display:none!important} .hero__bg .blob{filter:blur(36px)!important;animation:none!important} .hero h1{font-size:clamp(32px,10.2vw,44px)!important;line-height:1.04!important} .hero__sub{font-size:16px!important;max-width:100%!important;margin-top:14px!important} .hero__cta{margin-top:22px!important} .brand img{width:176px;height:38px;max-width:48vw;object-fit:contain} .ad-band,.ad-feature,.ad-rail{display:none!important} .reveal{opacity:1!important;transform:none!important;transition:none!important} } @media (max-width:480px){.brand img{max-width:44vw}.nav{gap:8px}.hamburger{width:42px;height:42px}} /* V48 audit: clearer sale countdown state */ .cd-label{display:block;margin:0 0 8px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em} /* 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} /* 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:1 / -1;margin-left:auto;width:min(100%,520px)}@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%}} /* V70 FINAL mobile homepage coupon search/filter fix. The inline SVG loupe is hidden on mobile and replaced by a controlled ::before icon inside the search bar, preventing the orphan icon bug. */ @media(max-width:760px){ #coupons .sec-head{ margin-bottom:18px!important; } #coupons .coupon-tools{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; align-items:stretch!important; margin:16px 0 12px!important; padding:0!important; } #coupons .search-box{ position:relative!important; display:block!important; width:100%!important; max-width:none!important; height:52px!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:999px!important; } #coupons .search-box > svg{ display:none!important; visibility:hidden!important; width:0!important; height:0!important; margin:0!important; padding:0!important; position:absolute!important; left:-9999px!important; } #coupons .search-box::before{ content:""; position:absolute!important; left:17px!important; top:50%!important; width:18px!important; height:18px!important; transform:translateY(-50%)!important; z-index:2!important; pointer-events:none!important; opacity:.72; background-color:currentColor; color:var(--ink-faint); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat; } #coupons .search-box input{ box-sizing:border-box!important; display:block!important; width:100%!important; height:52px!important; min-height:52px!important; margin:0!important; padding:0 16px 0 48px!important; border-radius:999px!important; line-height:52px!important; } #coupons .sort-wrap{ display:grid!important; grid-template-columns:auto 1fr!important; align-items:center!important; gap:10px!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } #coupons .sort-wrap label{ margin:0!important; white-space:nowrap!important; } #coupons .sort-wrap select{ width:100%!important; min-width:0!important; height:48px!important; } #coupons .filter-tabs{ margin:10px 0 18px!important; padding:0!important; display:flex!important; flex-wrap:wrap!important; gap:8px!important; } #coupons .filter-tabs button{ margin:0!important; } } /* V70 mobile coupon card polish: prevent first cards/sticky CTA overlap and keep cards readable. */ @media(max-width:760px){ #coupon-grid{ gap:14px!important; } #coupons .coupon-card{ margin:0!important; } #coupons .coupon-grid{ padding-bottom:92px!important; } } /* V71 ultra-small mobile guarantee: no orphan loupe, no blank gap. */ @media(max-width:480px){ #coupons .coupon-tools{gap:10px!important;margin:12px 0 10px!important} #coupons .search-box{height:50px!important} #coupons .search-box input{height:50px!important;min-height:50px!important;line-height:50px!important} #coupons .search-box > svg{display:none!important} } /* 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} 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,.cc-type.t-choice{background:var(--accent-soft);color:var(--accent)} .coupon-card[data-upcoming="true"]{border-color:var(--accent);box-shadow:0 14px 36px var(--accent-glow)} .coupon-card[data-upcoming="true"] .code-hidden{background:var(--accent-soft);color:var(--accent);border:1.5px solid var(--accent)} .code-row[data-upcoming="true"] .reveal-btn{background:var(--accent-soft);color:var(--accent);border:1.5px solid var(--accent)} /* V107 homepage sale calendar hub */ .calendar-hub{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(22px,4vw,36px);align-items:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:clamp(24px,4vw,44px);box-shadow:var(--shadow-md)} .calendar-hub::before{content:"";position:absolute;inset:auto -8% -42% auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 68%);pointer-events:none} .calendar-hub__copy,.calendar-hub__panel{position:relative;z-index:1}.calendar-hub h2{font-size:clamp(28px,4vw,44px)}.calendar-hub__copy p{margin-top:14px;color:var(--ink-soft);font-size:clamp(16px,2vw,19px);max-width:58ch}.calendar-hub__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.calendar-hub__panel{background:linear-gradient(145deg,var(--accent-soft),var(--surface));border:1px solid oklch(0.88 0.04 45);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm)}.calendar-hub__month{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:800;color:var(--accent);background:#fff;border:1px solid var(--line-soft);border-radius:999px;padding:7px 13px;margin-bottom:14px}.calendar-hub__panel ul{display:grid;gap:10px}.calendar-hub__panel li{display:grid;gap:2px;background:#fff;border:1px solid var(--line-soft);border-radius:14px;padding:13px 14px}.calendar-hub__panel b{font-family:var(--font-display);font-size:15px;color:var(--ink)}.calendar-hub__panel span{font-size:14px;color:var(--ink-soft)}@media(max-width:900px){.calendar-hub{grid-template-columns:1fr}.calendar-hub__panel{order:-1}}@media(max-width:560px){.calendar-hub__cta .btn{width:100%}} /* ===== SOURCE: stack.css ===== */ .stack-flow{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-bottom:clamp(32px,5vw,52px)}.stack-node{position:relative;flex:1 1 150px;min-width:150px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:22px 18px;box-shadow:var(--shadow-sm);text-align:center}.stack-node .sn-num{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;display:grid;place-items:center}.stack-node .sn-ico{width:52px;height:52px;margin:6px auto 14px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.stack-node.opt .sn-ico{background:var(--green-soft);color:oklch(0.45 0.13 150)}.stack-node .sn-ico svg{width:26px;height:26px}.stack-node h3{font-size:16px}.stack-node p{font-size:13px;color:var(--ink-soft);margin-top:7px}.stack-node .sn-opt{display:inline-block;margin-top:9px;font-family:var(--font-display);font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:oklch(0.45 0.13 150);background:var(--green-soft);padding:3px 8px;border-radius:999px}.stack-plus{align-self:center;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--accent);flex:none}.stack-result{flex:1 1 100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(120deg,oklch(0.97 0.03 150),var(--green-soft));border:1px solid oklch(0.85 0.08 150);border-radius:var(--r-lg);padding:18px 24px;text-align:center;flex-wrap:wrap}.stack-result .eq{font-family:var(--font-display);font-weight:700;font-size:22px;color:oklch(0.45 0.13 150)}.stack-result strong{font-family:var(--font-display);font-size:clamp(20px,3vw,28px);color:oklch(0.4 0.14 150)}.stack-result span{color:var(--ink-soft);font-size:14.5px}.calc{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden}.calc__controls{padding:clamp(22px,3vw,34px)}.calc__head{margin-bottom:22px}.calc__head h3{font-size:clamp(20px,2.6vw,26px)}.calc__head p{font-size:14px;color:var(--ink-soft);margin-top:6px}.calc-field{padding:16px 0;border-top:1px solid var(--line-soft)}.calc-field:first-of-type{border-top:0}.cf-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.cf-label{display:flex;align-items:center;gap:11px}.cf-ico{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.cf-ico svg{width:20px;height:20px}.calc-field.opt .cf-ico{background:var(--green-soft);color:oklch(0.45 0.13 150)}.cf-label b{font-family:var(--font-display);font-weight:600;font-size:15px;display:block}.cf-label small{font-size:12.5px;color:var(--ink-faint)}.price-input{position:relative}.price-input .cur{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:700;color:var(--ink-faint)}.price-input input{width:100%;padding:14px 16px 14px 34px;border-radius:12px;border:1.5px solid var(--line);font:inherit;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink);background:var(--bg)}.price-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.switch{position:relative;width:48px;height:28px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .track{position:absolute;inset:0;background:var(--line);border-radius:999px;transition:background .2s}.switch .track::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track::after{transform:translateX(20px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px var(--accent-glow)}.cf-sub{display:none;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-left:49px}.calc-field.on .cf-sub{display:flex}.mini{display:flex;flex-direction:column;gap:4px}.mini label{font-size:11.5px;color:var(--ink-faint);font-weight:500}.mini input,.mini select{width:110px;padding:9px 12px;border-radius:9px;border:1.5px solid var(--line);font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}.mini input:focus,.mini select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.mini.full{flex:1}.mini.full select{width:100%}.cf-note{font-size:12px;margin-top:8px;padding-left:49px;color:var(--accent);font-weight:600}.range-wrap{display:flex;align-items:center;gap:14px;margin-top:14px}.range-wrap input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--line);outline:none}.range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:var(--shadow-sm);cursor:pointer}.range-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-sm);cursor:pointer}.range-wrap .val{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--accent);min-width:48px;text-align:right}.calc__result{background:linear-gradient(160deg,var(--ink),oklch(0.30 0.03 35));color:#fff;padding:clamp(24px,3vw,34px);display:flex;flex-direction:column}.calc__result h4{color:oklch(0.8 0.01 60);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.res-orig{font-size:16px;color:oklch(0.72 0.01 60);text-decoration:line-through;margin-top:8px}.res-final{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,7vw,58px);line-height:1;color:#fff;margin-top:4px;letter-spacing:-.02em}.res-save{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:16px;background:var(--green);color:#062;font-weight:700;font-family:var(--font-display);padding:8px 14px;border-radius:999px;font-size:15px}.res-bar{height:10px;border-radius:999px;background:oklch(1 0 0 / .15);margin-top:18px;overflow:hidden}.res-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--green));width:0;transition:width .4s cubic-bezier(.2,.8,.2,1)}.res-pct{font-size:13px;color:oklch(0.82 0.01 60);margin-top:8px}.res-break{margin-top:20px;border-top:1px solid oklch(1 0 0 / .14);padding-top:16px;display:flex;flex-direction:column;gap:9px}.res-line{display:flex;align-items:center;justify-content:space-between;font-size:14px}.res-line span:first-child{color:oklch(0.82 0.01 60);display:flex;align-items:center;gap:8px}.res-line.muted{opacity:.5}.res-line.muted span:last-child{font-size:11.5px}.res-line b{color:var(--accent-2);font-family:var(--font-display)}.res-cta{margin-top:22px;display:flex;flex-direction:column;gap:10px}.res-cta .btn--primary{background:var(--accent)}.res-cta .btn--ghost{background:transparent;color:#fff;border-color:oklch(1 0 0 / .35)}.res-cta .btn--ghost:hover{background:oklch(1 0 0 / .1);color:#fff;border-color:#fff}.tool-feature{position:relative;overflow:hidden;margin-top:clamp(24px,4vw,40px);display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;border-radius:var(--r-xl);padding:clamp(26px,4vw,42px);color:#fff;background:linear-gradient(120deg,oklch(0.42 0.16 28),oklch(0.52 0.18 38) 60%,oklch(0.62 0.16 55));box-shadow:var(--shadow-lg)}.tool-feature .sparkle{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 18% 28%,oklch(1 0 0/.5),transparent),radial-gradient(2px 2px at 72% 64%,oklch(1 0 0/.4),transparent),radial-gradient(1.5px 1.5px at 48% 84%,oklch(1 0 0/.4),transparent);opacity:.7}.tool-feature__copy{position:relative;z-index:1}.tf-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:oklch(1 0 0 / .18);padding:6px 13px;border-radius:999px;margin-bottom:14px}.tf-badge svg{width:14px;height:14px}.tool-feature h3{color:#fff;font-size:clamp(22px,3.4vw,32px)}.tool-feature p{color:oklch(1 0 0 / .9);margin-top:12px;max-width:46ch}.tf-feats{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.tf-feats li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500}.tf-feats svg{width:16px;height:16px;color:var(--accent-2);flex:none}.tool-feature .btn{background:#fff;color:var(--accent);margin-top:22px}.tool-feature .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-feature__visual{position:relative;z-index:1}.coin-stack{position:relative;height:180px;perspective:800px}.coin{position:absolute;left:50%;width:108px;height:108px;border-radius:50%;transform:translateX(-50%);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:30px;color:oklch(0.42 0.12 70);background:radial-gradient(circle at 35% 30%,oklch(0.95 0.09 85),oklch(0.82 0.14 75) 60%,oklch(0.72 0.15 65));box-shadow:inset 0 -6px 10px oklch(0.6 0.13 60 / .5),0 8px 16px oklch(0 0 0 / .25);border:3px solid oklch(0.88 0.12 80)}.coin.c1{bottom:0;animation:coinFloat 5s ease-in-out infinite}.coin.c2{bottom:34px;transform:translateX(-50%) scale(.92);opacity:.95;animation:coinFloat 6s ease-in-out infinite reverse}.coin.c3{bottom:70px;transform:translateX(-50%) scale(.84);opacity:.9;animation:coinFloat 7s ease-in-out infinite}@keyframes coinFloat{0%,100%{margin-top:0}50%{margin-top:-10px}}@media (max-width:900px){.calc{grid-template-columns:1fr}.tool-feature{grid-template-columns:1fr}.tool-feature__visual{display:none}}@media (max-width:620px){.stack-node{flex:1 1 100%}.stack-plus{transform:rotate(90deg);align-self:center;margin:-2px auto}.cf-sub,.cf-note{padding-left:0}.mini input,.mini select{width:100%}.mini{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.coin{animation:none !important}}@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}} /* ===== SOURCE: ads.css ===== */ .ad-unit{display:flex;flex-direction:column;align-items:center;gap:8px}.ad-label{font-family:var(--font-display);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.ad-frame{display:block;line-height:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);background:var(--surface);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}.ad-frame:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent)}.ad-frame img{display:block;width:100%;height:auto}.ad-band{padding-block:clamp(32px,5vw,52px)}.ad-band .ad-frame{max-width:725px}.ad-show-desktop{display:flex}.ad-show-mobile{display:none}@media (max-width:760px){.ad-show-desktop{display:none}.ad-show-mobile{display:flex}.ad-show-mobile .ad-frame{max-width:300px}}.ad-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,52px);align-items:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:clamp(22px,3vw,40px)}.ad-feature .ad-frame{max-width:500px;margin-inline:auto;border-radius:var(--r-lg)}.ad-feature__copy .eyebrow{margin-bottom:14px}.ad-feature__copy h3{font-size:clamp(24px,3vw,34px)}.ad-feature__copy p{color:var(--ink-soft);font-size:clamp(15px,1.8vw,18px);margin-top:14px;max-width:42ch}.ad-feature__cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}@media (max-width:820px){.ad-feature{grid-template-columns:1fr;text-align:center}.ad-feature__copy p{margin-inline:auto}.ad-feature__cta{justify-content:center}}.ad-rail{display:none}@media (min-width:1480px){.ad-rail{display:flex;position:fixed;top:50%;right:max(16px,calc((100vw - var(--maxw)) / 2 - 184px));transform:translateY(-50%);z-index:40}.ad-rail .ad-frame{width:160px}} /* 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}} /* ===== SOURCE: coinsbot.css ===== */ :root{--tg:oklch(0.64 0.13 233);--tg-deep:oklch(0.50 0.13 245);--tg-glow:oklch(0.64 0.13 233 / .45);--coinsbot-coral:#f4694f}.mascot-orb{position:relative;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 42%,#f8806b,var(--coinsbot-coral) 72%);box-shadow:var(--shadow-lg),inset 0 0 0 4px rgba(255,255,255,.14);flex:none}.mascot-orb img{display:block;width:100%;height:100%;object-fit:cover}.coinsbot-band{padding-block:clamp(40px,6vw,72px)}.coinsbot{position:relative;overflow:hidden;border-radius:var(--r-xl);color:#fff;background:linear-gradient(135deg,var(--tg-deep),var(--tg) 60%,oklch(0.6 0.14 250));box-shadow:var(--shadow-lg);padding:clamp(26px,4vw,52px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}.coinsbot::before,.coinsbot::after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.18),transparent 70%);pointer-events:none}.coinsbot::before{width:340px;height:340px;top:-120px;right:-80px}.coinsbot::after{width:240px;height:240px;bottom:-120px;left:-60px}.coinsbot__art{position:relative;z-index:1;display:grid;place-items:center}.coinsbot__art .mascot-orb{width:clamp(160px,20vw,250px);aspect-ratio:1}.coin-chip{position:absolute;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:20px;color:#7a4d00;background:linear-gradient(160deg,#ffd76a,#f5a623);box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.5);animation:cb-bob 4.5s ease-in-out infinite}.coin-chip.c1{top:2%;left:0;animation-delay:0s}.coin-chip.c2{bottom:6%;right:-4%;width:38px;height:38px;font-size:16px;animation-delay:1.2s}.coin-chip.c3{top:44%;right:-8%;width:32px;height:32px;font-size:14px;animation-delay:.6s}@keyframes cb-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.coinsbot__copy{position:relative;z-index:1}.coinsbot__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(4px);margin-bottom:16px}.coinsbot__eyebrow svg{width:15px;height:15px}.coinsbot__copy h2{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.6vw,42px);letter-spacing:-.02em;line-height:1.05}.coinsbot__copy h2 b{color:#ffd76a;font-weight:700}.coinsbot__copy p{font-size:clamp(15px,1.9vw,18.5px);line-height:1.5;color:rgba(255,255,255,.9);margin-top:16px;max-width:48ch}.coinsbot__feats{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px}.coinsbot__feats li{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#fff}.coinsbot__feats svg{width:20px;height:20px;flex:none;color:#ffd76a}.coinsbot__cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.btn--tg{background:#fff;color:var(--tg-deep);box-shadow:0 12px 28px rgba(0,0,0,.22);display:inline-flex;align-items:center;gap:10px}.btn--tg:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.28);background:#fff}.btn--tg svg{width:20px;height:20px}.btn--tg-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.45)}.btn--tg-ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.coinsbot__free{margin-top:16px;font-size:13.5px;color:rgba(255,255,255,.82);display:inline-flex;align-items:center;gap:8px}.coinsbot__free .dot{width:8px;height:8px;border-radius:50%;background:#7ff0a8;box-shadow:0 0 0 0 #7ff0a8;animation:pulse 2.2s infinite}@media (max-width:820px){.coinsbot{grid-template-columns:1fr;text-align:center;padding-block:clamp(30px,7vw,46px)}.coinsbot__art{order:-1}.coinsbot__copy p{margin-inline:auto}.coinsbot__feats{justify-content:center}.coinsbot__cta{justify-content:center}.coinsbot__free{justify-content:center}}.nav-bot{display:inline-flex;align-items:center;gap:7px;color:var(--tg) !important;font-weight:600 !important}.nav-bot:hover{background:oklch(0.64 0.13 233 / .1) !important}.nav-bot .nav-bot__dot{width:7px;height:7px;border-radius:50%;background:var(--tg);box-shadow:0 0 0 0 var(--tg-glow);animation:pulse 2.2s infinite}.mobile-nav .nav-bot{font-size:17px}.bot-fab{position:fixed;right:22px;left:auto;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:0;text-decoration:none}.bot-fab__orb{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#2AABEE}.bot-fab__orb .tg-logo{width:100%;height:100%;display:block;background:radial-gradient(circle at 50% 42%,#f8806b,var(--coinsbot-coral) 72%);box-shadow:0 12px 30px rgba(0,0,0,.28);overflow:visible;flex:none}.bot-fab__orb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:none}.bot-fab__orb::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--tg-glow);animation:fab-pulse 2.4s ease-out infinite}@keyframes fab-pulse{0%{box-shadow:0 0 0 0 var(--tg-glow)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}.bot-fab__badge{position:absolute;right:-3px;bottom:-3px;width:26px;height:26px;border-radius:50%;background:var(--tg);display:grid;place-items:center;border:2.5px solid var(--bg);box-shadow:var(--shadow-sm)}.bot-fab__badge svg{width:14px;height:14px;color:#fff}.bot-fab__label{max-width:0;overflow:hidden;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:14px;color:#fff;background:var(--tg);border-radius:999px;margin-left:-32px;padding:0;height:44px;display:flex;align-items:center;box-shadow:0 10px 26px var(--tg-glow);transition:max-width .35s cubic-bezier(.2,.7,.2,1),padding .35s,margin-left .35s}.bot-fab:hover .bot-fab__label,.bot-fab:focus-visible .bot-fab__label{max-width:0;padding:0;margin-left:0}@media (max-width:760px){.bot-fab{right:16px;left:auto;bottom:84px}.bot-fab__label{display:none}.bot-fab__orb{width:58px;height:58px}.bot-fab__label{display:none !important}}.foot-bot{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-height:92px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;margin-top:4px;text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.foot-bot::before{content:"";position:absolute;inset:auto -20px -34px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(42,171,238,.28),transparent 70%);pointer-events:none}.foot-bot:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(255,255,255,.2)}.foot-bot .mascot-orb{width:88px;height:88px;border-radius:0;overflow:visible;background:transparent;box-shadow:none;flex:none;margin:-12px 0 -14px -6px}.foot-bot .mascot-orb img{width:100%;height:100%;object-fit:contain}.foot-bot>span:last-child{position:relative;z-index:1;display:flex;flex-direction:column}.foot-bot__t{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.2}.foot-bot__s{font-size:12.5px;color:rgba(255,255,255,.85);margin-top:4px} /* ===== SOURCE: hero-carousel.css ===== */ .hcar-band{padding-top:clamp(20px,3vw,34px);padding-bottom:clamp(8px,2vw,18px)}.hcar{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);height:clamp(340px,40vw,440px);isolation:isolate}.hcar__slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(26px,4vw,56px);opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .7s ease,transform .7s ease,visibility 0s linear .7s;color:#fff}.hcar__slide[data-active]{opacity:1;visibility:visible;transform:scale(1);transition:opacity .7s ease,transform .7s ease;z-index:2}.s-sale{background:linear-gradient(120deg,oklch(0.40 0.16 28),oklch(0.55 0.19 35) 55%,oklch(0.68 0.17 58))}.s-bot{background:linear-gradient(135deg,var(--tg-deep),var(--tg) 60%,oklch(0.60 0.14 250))}.s-coupon{background:linear-gradient(135deg,oklch(0.30 0.05 60),oklch(0.46 0.13 72))}.s-alerts{background:linear-gradient(135deg,oklch(0.42 0.10 205),oklch(0.56 0.13 225))}.hcar__slide::before,.hcar__slide::after{content:"";position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.16),transparent 70%)}.hcar__slide::before{width:380px;height:380px;top:-140px;right:8%}.hcar__slide::after{width:260px;height:260px;bottom:-130px;left:-40px}.hcar__copy{position:relative;z-index:2}.hcar__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(4px)}.hcar__copy h2{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.8vw,46px);letter-spacing:-.025em;line-height:1.02;margin-top:16px;text-wrap:balance}.hcar__copy h2 b{color:#ffd76a}.hcar__copy p{font-size:clamp(14px,1.8vw,18px);line-height:1.45;color:rgba(255,255,255,.92);margin-top:14px;max-width:42ch}.hcar__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hcar .btn--white{background:#fff;color:var(--ink);box-shadow:0 12px 28px rgba(0,0,0,.22);display:inline-flex;align-items:center;gap:9px}.hcar .btn--white:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.3);background:#fff}.hcar .btn--white svg{width:19px;height:19px}.hcar .btn--clear{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.5)}.hcar .btn--clear:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}.hcar__art{position:relative;z-index:2;display:grid;place-items:center}.hcar__art .mascot-orb{width:clamp(170px,22vw,280px);aspect-ratio:1}.s-sale .mascot-orb{background:radial-gradient(circle at 50% 42%,#f8806b,#f4694f 72%)}.s-bot .mascot-orb{background:radial-gradient(circle at 50% 42%,#f8806b,#f4694f 72%)}.s-coupon .mascot-orb{background:radial-gradient(circle at 50% 42%,#f8806b,#f4694f 72%)}.s-alerts .mascot-orb{background:radial-gradient(circle at 50% 42%,#f8806b,#f4694f 72%)}.hcar__coin{position:absolute;z-index:3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:21px;color:#7a4d00;background:linear-gradient(160deg,#ffd76a,#f5a623);box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 2px 0 rgba(255,255,255,.5)}.hcar__coin.k1{top:4%;left:6%}.hcar__coin.k2{bottom:8%;right:4%;width:38px;height:38px;font-size:16px}@media (prefers-reduced-motion:no-preference){.hcar__slide[data-active] .hcar__eyebrow{animation:hc-rise .6s .05s both}.hcar__slide[data-active] .hcar__copy h2{animation:hc-rise .6s .15s both}.hcar__slide[data-active] .hcar__copy p{animation:hc-rise .6s .25s both}.hcar__slide[data-active] .hcar__cta{animation:hc-rise .6s .35s both}.hcar__slide[data-active] .mascot-orb{animation:hc-pop .7s .15s both}.hcar__slide[data-active] .hcar__coin.k1{animation:hc-pop .6s .4s both,hc-bob 4s 1s ease-in-out infinite}.hcar__slide[data-active] .hcar__coin.k2{animation:hc-pop .6s .52s both,hc-bob 4.6s 1.2s ease-in-out infinite}}@keyframes hc-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hc-pop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes hc-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.hcar__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--ink);border:none;box-shadow:var(--shadow-md);cursor:pointer;transition:background .2s,transform .2s}.hcar__nav:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.hcar__nav svg{width:22px;height:22px}.hcar__nav.prev{left:16px}.hcar__nav.next{right:16px}.hcar__dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;display:flex;gap:9px}.hcar__dots button{width:9px;height:9px;border-radius:999px;border:none;cursor:pointer;background:rgba(255,255,255,.45);padding:0;transition:width .3s,background .3s}.hcar__dots button[aria-current="true"]{width:28px;background:#fff}.hcar__progress{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:5;background:rgba(255,255,255,.18)}.hcar__progress i{display:block;height:100%;width:0;background:rgba(255,255,255,.9);transition:width .15s linear}@media (max-width:780px){.hcar{height:auto}.hcar__slide{grid-template-columns:1fr;text-align:center;padding:clamp(28px,7vw,40px) clamp(20px,6vw,30px) 46px;gap:18px;position:relative}.hcar__slide:not([data-active]){display:none}.hcar__slide[data-active]{display:grid}.hcar__art{order:-1}.hcar__art .mascot-orb{width:clamp(130px,38vw,180px)}.hcar__copy p{margin-inline:auto}.hcar__cta{justify-content:center}.hcar__nav{width:38px;height:38px}.hcar__nav.prev{left:8px}.hcar__nav.next{right:8px}} /* ===== SOURCE: stack-method.css ===== */ .layers{display:flex;flex-direction:column;gap:18px;margin-top:10px}.layer{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-sm)}.layer__num{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:27px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 22px var(--accent-glow)}.layer__kicker{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.layer__body h3{font-size:clamp(19px,2.4vw,25px);margin-top:5px;letter-spacing:-.01em}.layer__body p{color:var(--ink-soft);margin-top:10px;font-size:15.5px;line-height:1.55}.layer__body p a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.layer__foot{font-style:italic;color:var(--ink-faint) !important;margin-top:12px !important;font-size:14px !important}.layer-steps{counter-reset:ls;margin-top:18px;display:flex;flex-direction:column;gap:11px}.layer-steps li{position:relative;padding-left:40px;font-size:15px;color:var(--ink);line-height:1.5}.layer-steps li::before{counter-increment:ls;content:counter(ls);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-weight:700;font-size:13px;display:grid;place-items:center}.layer-steps b,.layer__body b{color:var(--ink);font-weight:700}.note{display:flex;gap:12px;margin-top:18px;padding:14px 16px;border-radius:var(--r-md);font-size:14.5px;line-height:1.5;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-soft)}.note svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--accent)}.note b{color:var(--ink)}.note--warn{background:oklch(0.965 0.04 75);border-color:oklch(0.85 0.09 75);color:oklch(0.42 0.07 55)}.note--warn svg{color:var(--amber)}.note--warn b{color:oklch(0.34 0.08 50)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip-btn{font-family:var(--font-display);font-weight:600;font-size:14px;padding:9px 16px;border-radius:10px;background:var(--accent-soft);color:var(--accent);border:1.5px dashed var(--accent)}.data-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}.data-table thead th{background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.data-table tbody tr:last-child td{border-bottom:0}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table .hi{color:var(--accent);font-weight:700}.data-table a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.data-table--lg{font-size:16px}.data-table--lg td{padding:14px 18px}.data-table tr.total td{background:var(--accent-soft);font-weight:700;color:var(--ink);font-size:17px}.stack-example,.resources,.checklist{margin-top:clamp(30px,4vw,48px)}.stack-example__head .eyebrow,.resources .eyebrow,.checklist .eyebrow{margin-bottom:10px;display:inline-block}.stack-example__head h3,.resources h3,.checklist h3{font-size:clamp(20px,2.8vw,28px);letter-spacing:-.01em}.stack-example__head p{color:var(--ink-soft);margin-top:10px;font-size:15.5px}.stack-example__foot{margin-top:14px;color:var(--ink-soft);font-size:15px}.stack-example__foot strong{color:var(--accent)}.stack-example{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);box-shadow:var(--shadow-sm)}.checklist{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);box-shadow:var(--shadow-sm)}.checklist ul{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px 30px}.checklist li{position:relative;padding-left:34px;font-size:15px;color:var(--ink);line-height:1.5}.checklist li svg{position:absolute;left:0;top:0;width:22px;height:22px;color:var(--green)}@media (max-width:680px){.checklist ul{grid-template-columns:1fr}}#stack .calc{margin-top:clamp(30px,4vw,48px)}@media (max-width:560px){.layer{grid-template-columns:1fr;gap:16px}.layer__num{width:54px;height:54px;font-size:23px;border-radius:15px}.data-table th,.data-table td{padding:10px 12px;font-size:13.5px}} /* ===== SOURCE: 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} /* ===== SOURCE: 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; } } /* ===== SOURCE: 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} } /* ===== SOURCE: 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; } } /* ===== SOURCE: country-expansion.css ===== */ /* XpressCoupon V122 Fun Summer Savings country expansion */ .xc-sale-answer{margin:clamp(20px,3vw,32px) 0;padding:clamp(18px,2.5vw,28px);border:1px solid var(--line-soft,var(--line));border-left:4px solid var(--accent);border-radius:var(--r-lg,18px);background:linear-gradient(135deg,rgba(232,84,59,.08),rgba(255,184,76,.08));box-shadow:var(--shadow-sm,var(--sh-sm,0 2px 8px rgb(0 0 0/.06)))} .xc-sale-answer h2,.xc-sale-answer h3{margin-top:0} .xc-sale-answer p:last-child{margin-bottom:0} .xc-sale-banner{margin:clamp(24px,4vw,44px) auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center} .xc-sale-banner__frame{display:block;line-height:0;max-width:min(100%,725px);overflow:hidden;border:1px solid var(--line-soft,var(--line));border-radius:var(--r-lg,18px);background:var(--surface,#fff);box-shadow:var(--shadow-md,var(--sh-md,0 8px 24px rgb(0 0 0/.10)));transition:transform .22s ease,box-shadow .22s ease} .xc-sale-banner__frame:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg,var(--sh-lg,0 14px 36px rgb(0 0 0/.14)));text-decoration:none} .xc-sale-banner__frame img{display:block;width:100%;height:auto} .xc-sale-banner__label{font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint)} .xc-sale-banner__note{max-width:66ch;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55} .xc-country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px} .xc-country-card{display:flex;flex-direction:column;gap:10px;min-height:100%;padding:22px;border:1px solid var(--line-soft,var(--line));border-radius:var(--r-lg,18px);background:var(--surface,#fff);box-shadow:var(--shadow-sm,var(--sh-sm,0 2px 8px rgb(0 0 0/.06)));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .xc-country-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-md,var(--sh-md,0 8px 24px rgb(0 0 0/.10)));text-decoration:none} .xc-country-card__flag{font-size:32px;line-height:1} .xc-country-card h3{margin:0;font-size:20px} .xc-country-card p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55} .xc-country-card__cta{margin-top:auto;font-weight:700;color:var(--accent)} .xc-country-hub{padding-block:clamp(44px,6vw,76px);background:var(--surface-soft,#fff8f5)} .xc-country-hub .sec-head{max-width:760px} .xc-sale-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px} .xc-market-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0} .xc-market-fact{padding:17px;border:1px solid var(--line-soft,var(--line));border-radius:var(--r-md,14px);background:var(--surface-soft,#fff8f5)} .xc-market-fact b{display:block;margin-bottom:5px} .xc-market-fact span{font-size:13px;color:var(--ink-soft)} .xc-related-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0} .xc-related-primary a{display:block;padding:16px;border:1px solid var(--line-soft,var(--line));border-radius:var(--r-md,14px);background:var(--surface,#fff)} .xc-related-primary b,.xc-related-primary span{display:block} .xc-related-primary span{margin-top:5px;font-size:13px;color:var(--ink-soft)} @media(max-width:1000px){.xc-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.xc-country-grid,.xc-market-facts,.xc-related-primary{grid-template-columns:1fr}.xc-country-card{padding:18px}.xc-sale-hero-actions{flex-direction:column}.xc-sale-hero-actions .btn{width:100%;justify-content:center}} .xc-sale-banner__desktop{display:block} .xc-sale-banner__mobile{display:none} .hero .updated strong{white-space:nowrap} @media(max-width:640px){ .xc-sale-banner__desktop{display:none} .xc-sale-banner__mobile{display:block;max-width:320px} .hero .updated{display:flex;flex-wrap:wrap;line-height:1.45} } /* ===== SOURCE: 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} } /* ===== SOURCE: 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} /* ===== SOURCE: 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; } /* ===== SOURCE: 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; } } /* ===== SOURCE: 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}} /* ===== SOURCE: deals-v134.css ===== */ /* XpressCoupon V134 XpressDeals */ :root{--deal-blue:#2563eb;--deal-blue-soft:#eff6ff;--deal-green:#15803d;--deal-orange:#ea580c;--deal-dark:#111827;--deal-muted:#667085} .xd-page{background:linear-gradient(180deg,#fff 0,#fffaf8 44%,#fff 100%)} .xd-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.xd-section{padding:72px 0}.xd-section--soft{background:#fff7f3;border-block:1px solid rgba(232,84,59,.09)} .xd-hero{position:relative;overflow:hidden;padding:82px 0 58px;background:radial-gradient(circle at 84% 12%,rgba(37,99,235,.13),transparent 28%),radial-gradient(circle at 10% 20%,rgba(232,84,59,.15),transparent 31%),linear-gradient(180deg,#fff,#fff9f6)} .xd-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:42px;align-items:center}.xd-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid rgba(232,84,59,.22);background:#fff;border-radius:999px;color:var(--accent,#e8543b);font-weight:850;font-size:13px}.xd-hero h1{font-family:var(--fd,var(--font-display,Inter,sans-serif));font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.045em;margin:16px 0;color:var(--ink,#1f2937)}.xd-hero h1 b{color:var(--accent,#e8543b)}.xd-lead{font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--ink-soft,#4b5563);max-width:65ch}.xd-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.xd-trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;color:var(--deal-muted);font-size:13px;font-weight:700}.xd-trust-row span{display:inline-flex;align-items:center;gap:6px} .xd-engine-card{background:#111827;color:#fff;border-radius:28px;padding:26px;box-shadow:0 26px 70px rgba(17,24,39,.20);position:relative;overflow:hidden}.xd-engine-card:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(232,84,59,.22)}.xd-engine-card>*{position:relative}.xd-engine-card__top{display:flex;justify-content:space-between;gap:16px;align-items:center}.xd-engine-card__top b{font-family:var(--fd);font-size:18px}.xd-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:850;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.28);padding:7px 10px;border-radius:999px}.xd-live:before{content:"";width:8px;height:8px;border-radius:99px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.xd-engine-flow{display:grid;gap:10px;margin-top:22px}.xd-engine-step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:15px}.xd-engine-step i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#111827;font-style:normal;font-weight:900}.xd-engine-step span{display:grid;gap:2px}.xd-engine-step b{font-size:14px}.xd-engine-step small{color:#b7c0cf;line-height:1.3} .xd-toolbar{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin:0 0 26px}.xd-head h2{font-family:var(--fd);font-size:clamp(30px,4vw,48px);line-height:1.04;margin:0}.xd-head p{margin:10px 0 0;color:var(--ink-soft);max-width:72ch;line-height:1.55}.xd-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--deal-muted);font-weight:750}.xd-status[data-mode="live"]{color:var(--deal-green)}.xd-status[data-mode="fallback"]{color:#9a6700}.xd-status-dot{width:9px;height:9px;border-radius:99px;background:currentColor} .xd-filters{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;margin:22px 0}.xd-search{position:relative}.xd-search input,.xd-sort select,.xd-country select{width:100%;min-height:48px;border:1px solid #d9dee8;border-radius:14px;background:#fff;padding:0 14px;font:inherit;color:var(--ink)}.xd-search input{padding-left:42px}.xd-search:before{content:"⌕";position:absolute;left:15px;top:50%;transform:translateY(-53%);font-size:23px;color:#667085}.xd-sort{min-width:190px}.xd-sort select,.xd-country select{cursor:pointer}.xd-category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.xd-chip{border:1px solid #dce1ea;background:#fff;color:var(--ink-soft);border-radius:999px;padding:9px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.xd-chip:hover,.xd-chip.active{border-color:var(--accent);background:var(--accent-soft,#fff0eb);color:var(--accent)} .xd-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,34%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 18px;margin-bottom:36px}.xd-carousel>.xd-card{scroll-snap-align:start}.xd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.xd-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e7e9ef;border-radius:22px;overflow:hidden;box-shadow:0 10px 32px rgba(17,24,39,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.xd-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(17,24,39,.10);border-color:#d3d7e0}.xd-card__media{aspect-ratio:1.08/1;background:linear-gradient(145deg,#f8fafc,#eef2f7);position:relative;overflow:hidden}.xd-card__media img{width:100%;height:100%;object-fit:cover;display:block}.xd-card__placeholder{height:100%;display:grid;place-items:center;padding:25px;text-align:center;background:radial-gradient(circle at 78% 18%,rgba(232,84,59,.17),transparent 32%),linear-gradient(145deg,#fff7f3,#f7f9fc)}.xd-card__placeholder img{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(17,24,39,.12))}.xd-card__placeholder b{display:block;margin-top:8px;font-size:16px}.xd-badge-row{position:absolute;left:12px;top:12px;right:12px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.xd-badge{display:inline-flex;border-radius:999px;padding:6px 9px;background:#111827;color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;box-shadow:0 6px 18px rgba(0,0,0,.12)}.xd-badge--sale{background:var(--accent)}.xd-score{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.96);color:#111827;font-family:var(--fd);font-size:18px;font-weight:950;box-shadow:0 7px 20px rgba(0,0,0,.13)}.xd-score small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-top:-4px;color:#667085}.xd-card__body{display:flex;flex:1;flex-direction:column;padding:17px}.xd-card__meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#667085;font-size:11.5px;font-weight:750}.xd-card h3{font-family:var(--fd);font-size:18px;line-height:1.28;margin:9px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xd-why{font-size:13.5px;line-height:1.45;color:var(--ink-soft);margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.xd-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto}.xd-price{font-family:var(--fd);font-size:25px;font-weight:950;color:#111827}.xd-original{font-size:13px;color:#8b95a5;text-decoration:line-through}.xd-save{font-size:12px;font-weight:850;color:var(--deal-green)}.xd-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.xd-signal{background:#f8fafc;border:1px solid #edf0f5;border-radius:11px;padding:8px;text-align:center}.xd-signal b{display:block;font-size:13px;color:#111827}.xd-signal span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7a8494}.xd-stackbox{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:14px;padding:12px;margin:2px 0 13px}.xd-stackbox__top{display:flex;justify-content:space-between;gap:10px;align-items:center}.xd-stackbox b{font-size:13px;color:#1e3a8a}.xd-stackbox strong{font-family:var(--fd);font-size:17px;color:#111827}.xd-stackbox p{margin:5px 0 0;font-size:11.5px;line-height:1.4;color:#526074}.xd-card__actions{display:grid;grid-template-columns:1fr auto;gap:8px}.xd-buy,.xd-coins{min-height:45px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-weight:900;font-size:13px;cursor:pointer}.xd-buy{background:var(--accent);color:#fff!important;border:1px solid var(--accent)}.xd-buy:hover{filter:brightness(.94)}.xd-coins{padding-inline:13px;background:#fff;color:#8a5a00!important;border:1px solid #f3d28a;position:relative}.xd-coins:hover{background:#fff8df}.xd-coins[data-tooltip]:hover:after,.xd-coins[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);z-index:20;width:max-content;max-width:220px;padding:7px 9px;border-radius:8px;background:#111827;color:#fff;font-size:11px;font-weight:800;line-height:1.25;box-shadow:0 8px 24px rgba(17,24,39,.18);pointer-events:none}.xd-watch{display:inline-flex!important}.xd-liveonly{display:none!important}.xd-card[data-live="true"] .xd-watch{display:none!important}.xd-card[data-live="true"] .xd-liveonly{display:inline-flex!important} .xd-empty{grid-column:1/-1;text-align:center;padding:44px 20px;border:1px dashed #ccd2dd;border-radius:20px;background:#fff;color:var(--ink-soft)} .xd-method{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.xd-method__card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;box-shadow:0 12px 36px rgba(17,24,39,.06)}.xd-method h2{font-family:var(--fd);font-size:clamp(30px,4vw,46px);line-height:1.08}.xd-method p,.xd-method li{color:var(--ink-soft);line-height:1.6}.xd-method ul{padding-left:20px}.xd-disclosure{font-size:12.5px;line-height:1.5;color:#667085;background:#f8fafc;border:1px solid #e8ebf0;border-radius:14px;padding:14px 16px;margin-top:24px}.xd-faq{display:grid;gap:10px}.xd-faq details{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:15px 18px}.xd-faq summary{cursor:pointer;font-weight:850}.xd-faq p{color:var(--ink-soft);line-height:1.55;margin:10px 0 3px}.xd-toast{position:fixed;left:50%;bottom:24px;z-index:99999;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111827;color:#fff;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:750;box-shadow:0 14px 40px rgba(0,0,0,.2);transition:.2s}.xd-toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:980px){.xd-hero__grid,.xd-method{grid-template-columns:1fr}.xd-engine-card{max-width:680px}.xd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xd-carousel{grid-auto-columns:minmax(280px,52%)}.xd-toolbar{grid-template-columns:1fr}} @media(max-width:640px){.xd-wrap{width:min(100% - 22px,1180px)}.xd-section{padding:52px 0}.xd-hero{padding:52px 0 38px}.xd-hero__grid{gap:26px}.xd-hero h1{font-size:clamp(38px,12vw,56px)}.xd-engine-card{padding:19px;border-radius:22px}.xd-filters{grid-template-columns:1fr}.xd-sort{min-width:0}.xd-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.xd-chip{white-space:nowrap}.xd-grid{grid-template-columns:1fr}.xd-carousel{grid-auto-columns:86%}.xd-card__actions{grid-template-columns:1fr}.xd-coins{width:100%}.xd-method__card{padding:18px}} /* V134.1 XpressDeals Live shopper states */ .xd-live-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.96);color:#15803d;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 7px 20px rgba(0,0,0,.12)} .xd-signals{grid-template-columns:repeat(2,1fr)}.xd-coupon-reveal{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:8px}.xd-coupon-offer{font-size:12px;font-weight:800;color:#344054}.xd-reveal-code{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #bfdbfe;background:#fff;color:#1d4ed8!important;border-radius:9px;text-decoration:none!important;font-size:11px;font-weight:950}.xd-reveal-code:hover{background:#eff6ff}.xd-reveal-code.is-revealed{border-color:#d0d5dd;color:#475467!important}.xd-revealed-code{display:inline-flex;align-items:center;gap:7px;width:100%;padding:8px 10px;border-radius:10px;background:#fff;border:1px dashed #93c5fd;color:#1d4ed8;font-size:12px}.xd-revealed-code[hidden]{display:none!important}.xd-revealed-code b{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em}.xd-copy{border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;border-radius:9px;padding:5px 9px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.xd-copy:hover{background:#eff6ff}.xd-stack-link{display:block;margin-top:9px;text-align:center;font-size:12px;font-weight:850;color:#475467;text-decoration:none}.xd-stack-link:hover{color:var(--accent)}.xd-retry{margin-top:12px;border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-weight:850;cursor:pointer}.xd-status[data-mode="error"]{color:#b42318}.xd-how-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.xd-trust-list{display:grid;gap:9px;margin-top:18px;color:#344054;font-size:13px;font-weight:750}.xd-home-preview{margin-top:28px}.xd-home-preview__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.xd-home-preview__head h3{font-family:var(--fd,var(--font-display,Inter,sans-serif));font-size:clamp(24px,3vw,34px);margin:8px 0 0}.xd-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.xd-home-note{font-size:12px;color:#667085;margin:14px 2px 0}.xd-home-note a{font-weight:850}.xd-card--compact .xd-card__body{padding:14px}.xd-card--compact .xd-card__media{aspect-ratio:1/1}.xd-card--compact .xd-card h3{font-size:16px}.xd-card--compact .xd-stackbox{display:none}.xd-skeleton{pointer-events:none;overflow:hidden}.xd-skeleton .xd-card__media,.xd-skel-line{position:relative;overflow:hidden;background:#eef2f6}.xd-skel-line{height:16px;border-radius:8px;margin:6px 0}.xd-skel-line.short{width:58%}.xd-skeleton .xd-card__media:after,.xd-skel-line:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:xd-shimmer 1.15s infinite}@keyframes xd-shimmer{100%{transform:translateX(100%)}} @media(max-width:980px){.xd-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xd-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.xd-home-preview__head{align-items:flex-start;flex-direction:column}.xd-home-grid{grid-template-columns:1fr}.xd-how-grid{grid-template-columns:1fr}.xd-coupon-reveal{align-items:flex-start}.xd-coins[data-tooltip]:after{display:none!important}} @media(prefers-reduced-motion:reduce){.xd-skeleton .xd-card__media:after,.xd-skel-line:after{animation:none}} /* ===== SOURCE: 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} /* ===== SOURCE: 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)} body.xc-home-v149 .featured-sale .btn--ghost{background:#fff!important;color:#9f2a1c!important;border-color:#fff!important} body.xc-home-v149 .featured-sale .btn--ghost:hover{background:#fff7f4!important;color:#7f2117!important;border-color:#fff!important} body.xc-home-v149 .xc-usa-highlight{padding:18px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(45,18,10,.14)} body.xc-home-v149 .xc-usa-highlight__tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 12px} body.xc-home-v149 .xc-usa-highlight__tiers>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:13px} body.xc-home-v149 .xc-usa-highlight__tiers small{color:#fff;font-size:11px;font-weight:700;opacity:.9} /* 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 - V154.2 Step 4 contrast hotfix */ body.xc-home-v149 #stack{background:#f7f7f8!important;color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack h2,body.xc-home-v149 #stack h3,body.xc-home-v149 #stack strong{color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .sec-head p{color:#626a75!important} body.xc-home-v149 #stack .eyebrow{background:#fff0eb!important;color:#b8321e!important} body.xc-home-v149 #stack .layer{background:#fff!important;border-color:var(--xc149-line,#e6e7ea)!important;box-shadow:none!important} body.xc-home-v149 #stack .layer__kicker{color:#b8321e!important} body.xc-home-v149 #stack .layer p,body.xc-home-v149 #stack .layer span{color:#5e6671!important} body.xc-home-v149 #stack .layer-steps li,body.xc-home-v149 #stack .layer-steps b,body.xc-home-v149 #stack .layer__body b{color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .note{color:#555d67!important} body.xc-home-v149 #stack .note b{color:#302722!important} body.xc-home-v149 #stack .note--warn{color:#6b513d!important} body.xc-home-v149 #stack .note--warn b{color:#4d392b!important} body.xc-home-v149 #stack .chip-btn{background:#fff1ec!important;color:#b8321e!important;border-color:#d85d49!important} body.xc-home-v149 #stack .data-table{background:#fff!important;color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .data-table thead th{color:#fff!important} body.xc-home-v149 #stack .data-table tbody td{color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .data-table .hi{color:#b8321e!important} body.xc-home-v149 #stack .stack-example,body.xc-home-v149 #stack .checklist,body.xc-home-v149 #stack .resources{background:#fff!important;color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .stack-example__head p,body.xc-home-v149 #stack .stack-example__foot{color:#626a75!important} body.xc-home-v149 #stack .checklist li{color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .calc{background:#fff!important;color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .calc__controls,body.xc-home-v149 #stack .calc__head h3,body.xc-home-v149 #stack .cf-label b{color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .calc__head p,body.xc-home-v149 #stack .cf-label small,body.xc-home-v149 #stack .mini label{color:#676f79!important} body.xc-home-v149 #stack .calc input,body.xc-home-v149 #stack .calc select{background:#fafafa!important;color:var(--xc149-ink,#25282e)!important} body.xc-home-v149 #stack .calc__result{color:#fff!important} body.xc-home-v149 #stack .calc__result h3,body.xc-home-v149 #stack .calc__result h4,body.xc-home-v149 #stack .calc__result strong,body.xc-home-v149 #stack .calc__result b{color:#fff!important} body.xc-home-v149 #stack .calc__result span{color:inherit} body.xc-home-v149 #stack .calc__result .res-line span:first-child,body.xc-home-v149 #stack .calc__result .res-pct{color:oklch(.82 .01 60)!important} body.xc-home-v149 #stack .calc__result .res-line b{color:var(--accent-2)!important} body.xc-home-v149 #stack .calc__result .btn--primary{color:#fff!important} body.xc-home-v149 #stack .calc__result .btn--ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important} body.xc-home-v149 #stack .calc__result .btn--ghost:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:#fff!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} }