:root { color-scheme: light; --brand: #ff5a0a; --ink: #111b29; --panel-border: #e3e8ee; --panel-bg: #fff; --access-letter-spacing: 0em; } html[data-font-size="normal"] { font-size: 16px; } html[data-font-size="medium"] { font-size: 18px; } html[data-font-size="large"] { font-size: 20px; } html[data-letter-spacing="medium"] { --access-letter-spacing: .06em; } html[data-letter-spacing="large"] { --access-letter-spacing: .12em; } html.dark { color-scheme: dark; } html { scrollbar-color: #f25b0a #eef2f6; scrollbar-width: auto; } html::-webkit-scrollbar { width: 14px; height: 14px; } html::-webkit-scrollbar-track { background: #eef2f6; } html::-webkit-scrollbar-thumb { min-height: 48px; border: 3px solid #eef2f6; border-radius: 999px; background: #f25b0a; } html::-webkit-scrollbar-thumb:hover { background: #c2410c; } html.dark { scrollbar-color: #fb923c #0f172a; } html.dark::-webkit-scrollbar-track { background: #0f172a; } html.dark::-webkit-scrollbar-thumb { border-color: #0f172a; background: #fb923c; } html.dark::-webkit-scrollbar-thumb:hover { background: #f97316; } body { min-width: 320px; overflow-x: hidden; } button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; } :focus-visible { outline: 3px solid #9a3412; outline-offset: 3px; } .dark :focus-visible { outline-color: #fdba74; } .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; line-height: 1; } .skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 100; transform: translateY(-160%); border-radius: .75rem; background: #111827; padding: .75rem 1rem; color: #fff; font-weight: 900; transition: transform .2s ease; } .skip-link:focus { transform: translateY(0); } .header-action { display: inline-flex; align-items: center; gap: .45rem; border-radius: .5rem; padding: .65rem .2rem; color: #111827; font-size: .82rem; transition: color .2s ease; } .header-action:hover { color: #c2410c; } .header-action .material-symbols-outlined { font-size: 1.5625rem; } .dark .header-action { color: #f8fafc; } .youtube-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: .7rem; border: 1px solid #e2e8f0; border-radius: .75rem; padding: .55rem .9rem; color: #111827; background: #fff; box-shadow: 0 6px 18px rgba(15,23,42,.07); font-size: .8125rem; font-weight: 900; white-space: nowrap; transition: border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; } .youtube-button:hover { transform: translateY(-2px); border-color: #fca5a5; color: #b91c1c; box-shadow: 0 10px 24px rgba(15,23,42,.11); } .youtube-play-mark { position: relative; display: inline-block; width: 34px; height: 24px; flex: 0 0 34px; border-radius: 7px; background: #f00; box-shadow: 0 4px 10px rgba(220,38,38,.22); } .youtube-play-mark::after { content: ""; position: absolute; left: 13px; top: 7px; width: 0; height: 0; border-bottom: 5px solid transparent; border-left: 8px solid #fff; border-top: 5px solid transparent; } .youtube-button--mobile { width: 100%; margin-top: 12px; } .dark .youtube-button { border-color: #475569; color: #f8fafc; background: #111827; } .dark .youtube-button:hover { border-color: #f87171; color: #fecaca; } .mobile-nav-link { display: block; border-radius: .65rem; padding: .75rem; color: #1e293b; } .mobile-nav-link:hover { background: #fff7ed; color: #c2410c; } .mobile-nav-link.is-active, .mobile-nav-link[aria-current="page"] { color: #c2410c; background: #ffedd5; box-shadow: inset 4px 0 0 #f97316; } .dark .mobile-nav-link { color: #f8fafc; } .dark .mobile-nav-link:hover { background: #1e293b; } .dark .mobile-nav-link.is-active, .dark .mobile-nav-link[aria-current="page"] { color: #fdba74; background: #431407; } .desktop-home-link, .desktop-nav-link { display: flex; height: 45px; align-items: center; justify-content: center; padding: 0 20px; color: #fff; font-size: 0.875rem; font-weight: 700; white-space: nowrap; transition: background-color .2s ease, color .2s ease; } .desktop-home-link { width: 56px; padding: 0; } .desktop-home-link:hover, .desktop-nav-link:hover { background-color: rgba(255, 255, 255, .1); } .desktop-home-link.is-active, .desktop-home-link[aria-current="page"], .desktop-nav-link.is-active, .desktop-nav-link[aria-current="page"] { color: #fff; background: linear-gradient(135deg, #ea580c, #c2410c); box-shadow: inset 0 -3px 0 #fdba74; } .hero-section { border-radius: 0 0 13px 13px; background: radial-gradient(circle at 78% 42%, rgba(255,255,255,.98) 0, rgba(255,255,255,.5) 31%, transparent 56%), linear-gradient(112deg, #fff 0%, #fbfbfc 49%, #f3f4f6 100%); } .dark .hero-section { background: radial-gradient(circle at 78% 42%, rgba(51,65,85,.85) 0, rgba(30,41,59,.5) 31%, transparent 56%), linear-gradient(112deg, #0f172a 0%, #111827 49%, #1e293b 100%); } .market-badge { display: inline-flex; height: 43px; min-width: 105px; align-items: center; justify-content: center; border: 1px solid #f1f3f5; border-radius: 11px; background: rgba(255,255,255,.92); padding: 0 18px; box-shadow: 0 5px 18px rgba(15,23,42,.025); font-size: 1.125rem; } .quality-stamp::before, .quality-stamp::after { content: ""; position: absolute; inset: 7px; border: 1px solid currentColor; border-radius: 999px; } .quality-stamp::after { inset: 12px; border-style: dashed; opacity: .5; } .category-scroller { scrollbar-width: thin; scrollbar-color: #fb923c transparent; } .category-tile { position: relative; display: flex; height: 94px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--panel-border); border-radius: 11px; background: var(--panel-bg); color: var(--ink); font-size: 0.8125rem; font-weight: 700; white-space: nowrap; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .category-tile::after { content: ""; position: absolute; bottom: 6px; width: 18px; height: 1px; background: #ff6a18; } .category-tile:hover { transform: translateY(-2px); border-color: #fdba74; box-shadow: 0 10px 25px rgba(15,23,42,.08); } .category-tile .material-symbols-outlined { font-size: 2.6875rem; font-weight: 300; } .dark .category-tile { color: #f8fafc; --panel-bg: #0f172a; --panel-border: #334155; } .content-panel { border: 1px solid var(--panel-border); border-radius: 12px; background: var(--panel-bg); } .dark .content-panel { --panel-bg: #0f172a; --panel-border: #334155; } .section-heading { display: flex; align-items: center; gap: 10px; font-size: 1.0625rem; font-weight: 900; } .section-heading > span { width: 3px; height: 18px; border-radius: 999px; background: #ff5a0a; } .view-all-link { display: inline-flex; align-items: center; gap: 5px; border-radius: .4rem; color: #111827; font-size: 0.75rem; font-weight: 700; } .view-all-link:hover { color: #c2410c; } .view-all-link .material-symbols-outlined { font-size: 1.0625rem; } .dark .view-all-link { color: #f8fafc; } .review-card { min-width: 0; overflow: hidden; border: 1px solid #e6e9ed; border-radius: 9px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; } .review-card:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(15,23,42,.1); } .dark .review-card { border-color: #334155; background: #111827; } .review-image-wrap { position: relative; height: 240px; overflow: hidden; background: linear-gradient(145deg, #fafafa, #f1f2f3); } .home-review-image { width: 100%; height: 100%; object-fit: contain; } .home-reviews-empty { grid-column: 1 / -1; display: grid; min-height: 278px; place-items: center; padding: 30px; color: #64748b; text-align: center; } .dark .review-image-wrap { background: linear-gradient(145deg, #1e293b, #0f172a); } .review-image-wrap .product-sprite { background-size: 290% auto; } .review-image-wrap::before, .review-image-wrap::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; width: 24px; pointer-events: none; } .review-image-wrap::before { left: 0; background: #fafafa; } .review-image-wrap::after { right: 0; background: #f1f2f3; } .dark .review-image-wrap::before { background: #1e293b; } .dark .review-image-wrap::after { background: #0f172a; } .product-sprite { position: absolute; inset: 0; background-image: url("images/review-products.png"); background-repeat: no-repeat; background-size: 270% auto; } .product-sprite-1 { background-position: -9.6% 48%; } .product-sprite-2 { background-position: 30.1% 48%; } .product-sprite-3 { background-position: 69.9% 48%; } .product-sprite-4 { background-position: 109.6% 48%; } .score-badge { position: absolute; right: 4px; top: 4px; border-radius: 5px; background: #2f7d32; padding: 4px 6px; color: #fff; font-size: 0.75rem; font-weight: 900; z-index: 2; } .category-label { position: absolute; bottom: 4px; left: 11px; border-radius: 4px; background: rgba(255,255,255,.92); padding: 2px 6px; color: #a83a09; font-size: 0.5rem; font-weight: 900; z-index: 2; } .review-body { height: 138px; padding: 9px 11px 8px; } .review-body h3 { min-height: 39px; color: #111827; font-size: 0.8125rem; font-weight: 900; line-height: 1.45; } .review-body h3 a { border-radius: .2rem; } .review-body h3 a:hover { color: #c2410c; } .review-body p { margin-top: 6px; color: #334155; font-size: 0.71875rem; line-height: 1.55; } .dark .review-body h3 { color: #f8fafc; } .dark .review-body p { color: #cbd5e1; } .review-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; color: #64748b; font-size: 0.65625rem; } .rating-value { display: inline-flex; align-items: center; gap: .22rem; color: #9a3412; font-weight: 900; } .rating-star { display: inline-flex; align-items: center; color: #c2410c; font-size: .9375rem; line-height: 1; } .rating-star::before { content: "\2605"; } .reason-item { display: flex; align-items: center; gap: 15px; } .reason-item .material-symbols-outlined { width: 24px; flex: 0 0 24px; color: #ff5a0a; font-size: 1.5rem; } .value-item { display: flex; align-items: center; gap: 16px; } .value-item > .material-symbols-outlined { flex: 0 0 33px; color: #111827; font-size: 1.9375rem; } .value-item p { color: #111827; font-size: 0.75rem; line-height: 1.25; } .value-item strong { font-size: 0.8125rem; } .value-item p span { color: #64748b; } .dark .value-item > .material-symbols-outlined, .dark .value-item p { color: #f8fafc; } .dark .value-item p span { color: #94a3b8; } .home-deal-card { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; box-shadow: 0 10px 25px rgba(15,23,42,.06); } .home-deal-media { position: relative; display: grid; height: 190px; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 44%, #fff 0, #f8fafc 60%, #eef2f6 100%); } .home-deal-media img { width: 100%; height: 100%; padding: 16px 28px; object-fit: contain; } .home-deal-body { padding: 15px; } .home-deal-title { margin-top: 12px; color: #111827; font-size: 1rem; font-weight: 900; line-height: 1.35; } .home-deal-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: 14px; } .deal-meta { display: flex; flex-wrap: wrap; gap: 7px; } .deal-meta-item { display: inline-flex; min-width: 0; align-items: center; gap: 5px; border: 1px solid #fed7aa; border-radius: 999px; padding: 5px 8px; color: #7c2d12; background: #fff7ed; font-size: .65625rem; font-weight: 900; line-height: 1.25; } .deal-meta-item .material-symbols-outlined { flex: 0 0 auto; color: #ea580c; font-size: 1rem; } .deal-price { margin: 0; color: #111827; font-size: 1.5rem; font-weight: 900; line-height: 1.1; } .deal-price del { margin-left: 6px; color: #64748b; font-size: .8125rem; font-weight: 500; } .deal-discount { position: absolute; left: 11px; top: 11px; z-index: 2; border-radius: 999px; padding: 6px 10px; color: #fff; background: #b42318; box-shadow: 0 5px 14px rgba(180,35,24,.22); font-size: .75rem; font-weight: 900; } .deal-cta { display: inline-flex; min-height: 40px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 5px; border-radius: 9px; padding: 8px 12px; color: #fff; background: #c2410c; font-size: .75rem; font-weight: 900; transition: background-color .2s ease, transform .2s ease; } .deal-cta:hover { transform: translateY(-1px); background: #9a3412; } .deal-cta .material-symbols-outlined { font-size: 1rem; } .dark .home-deal-card { border-color: #334155; background: #0f172a; } .dark .home-deal-media { background: radial-gradient(circle at 50% 44%, #1e293b 0, #111827 62%, #0b1220 100%); } .dark .home-deal-title, .dark .deal-price { color: #f8fafc; } .dark .deal-meta-item { border-color: #9a3412; color: #fed7aa; background: #431407; } .dark .deal-meta-item .material-symbols-outlined { color: #fb923c; } .dark .deal-price del { color: #94a3b8; } .eyebrow { margin-bottom: .35rem; color: #c2410c; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .home-guides-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .story-card { display: flex; min-width: 0; min-height: 100%; overflow: hidden; flex-direction: column; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; } .story-card:hover { transform: translateY(-3px); border-color: #fdba74; box-shadow: 0 12px 30px rgba(15,23,42,.08); } .story-card-media { position: relative; height: 180px; flex: 0 0 180px; overflow: hidden; border-bottom: 1px solid #e2e8f0; background: linear-gradient(145deg, #fff, #f1f5f9); } .story-card-media img { position: absolute; top: 50%; width: 190%; max-width: none; height: auto; transform: translateY(-50%); } .story-card-media--drill img { left: 26.25%; } .story-card-media--air-fryer img { left: -21.25%; } .story-card-media--washer img { left: -116.25%; } .story-card-body { display: flex; flex: 1; flex-direction: column; padding: 1.35rem; } .story-card h3 { font-size: 1.2rem; font-weight: 900; line-height: 1.32; } .story-card h3 a { display: inline; align-self: auto; margin: 0; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; } .story-card h3 a:hover { color: #9a3412; } .story-card-body > p:not(.eyebrow) { margin-top: .7rem; color: #475569; font-size: .875rem; line-height: 1.6; } .story-card a { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; margin-top: auto; padding-top: 1rem; color: #c2410c; font-size: .85rem; font-weight: 900; } .story-card .home-guide-media { display: block; align-self: stretch; margin-top: 0; padding-top: 0; color: inherit; } .home-guide-media img { inset: 0; top: 0; width: 100%; max-width: 100%; height: 100%; object-fit: cover; transform: none; } .home-guide-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .65rem; margin-top: auto; padding-top: .85rem; color: #64748b; font-size: .75rem; } .story-card .home-guide-meta a { align-self: auto; margin: 0; padding: 0; } .home-guides-empty { grid-column: 1 / -1; } .dark .story-card { border-color: #334155; background: #0f172a; } .dark .story-card-media { border-color: #334155; background: linear-gradient(145deg, #1e293b, #0b1220); } .dark .story-card-body > p:not(.eyebrow) { color: #cbd5e1; } .dark .home-guide-meta { color: #94a3b8; } .footer-link { border-radius: .25rem; transition: color .2s ease; } .footer-link:hover { color: #fb923c; } .footer-logo-panel { display: inline-flex; width: 232px; min-height: 64px; align-items: center; justify-content: center; margin-bottom: 1rem; border: 1px solid rgba(255,255,255,.35); border-radius: .8rem; padding: .55rem .75rem; background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.16); } .footer-logo-panel img { display: block; width: 100%; height: auto; } .recommended-services { margin-top: 2.5rem; border-top: 1px solid #e2e8f0; background: #f8fafc; } .recommended-services:not([hidden]) + footer { margin-top: 0; } .recommended-services-inner { width: min(1408px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 36px; } .recommended-services h2 { margin: 0 0 20px; color: #111827; font-size: clamp(1.4375rem, 3vw, 1.8125rem); font-weight: 900; letter-spacing: -.02em; } .recommended-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; } .recommended-service-link { display: flex; min-width: 0; height: 104px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #dbe2ea; border-radius: 13px; padding: 16px 20px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .recommended-service-link:hover { transform: translateY(-2px); border-color: #fb923c; box-shadow: 0 10px 25px rgba(15,23,42,.08); } .recommended-service-link img { display: block; width: auto; max-width: 100%; height: auto; max-height: 68px; object-fit: contain; } .dark .recommended-services { border-color: #334155; background: #0b1220; } .dark .recommended-services h2 { color: #f8fafc; } .dark .recommended-service-link { border-color: #334155; background: #fff; } .floating-button { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 999px; background: #ff5a0a; color: #fff; box-shadow: 0 10px 25px rgba(234,88,12,.3); transition: opacity .2s ease, transform .2s ease, background-color .2s ease; } .floating-button:hover { transform: translateY(-2px); background: #ea580c; } .floating-button .material-symbols-outlined { font-size: 1.6875rem; } .icon-button { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: .5rem; } .icon-button:hover { background: #f1f5f9; } .dark .icon-button:hover { background: #334155; } .accessibility-panel { width: min(360px, calc(100vw - 40px)); max-height: calc(100dvh - 104px); overflow-y: auto; overscroll-behavior: contain; } .access-select { min-height: 44px; } .access-setting-group + .access-setting-group { margin-top: 16px; } .access-setting-group legend { margin-bottom: 8px; font-size: .875rem; font-weight: 900; } .access-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .access-option { position: relative; min-width: 0; cursor: pointer; } .access-choice-input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; } .access-option > span { display: flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid #cbd5e1; border-radius: .55rem; padding: 7px 5px; background: #fff; color: #111827; font-size: .75rem; font-weight: 900; text-align: center; transition: border-color .2s ease, background-color .2s ease, color .2s ease; } .access-option:hover > span, .access-choice-input:checked + span { border-color: #c2410c; background: #fff7ed; color: #9a3412; } .access-choice-input:focus-visible + span { outline: 3px solid #9a3412; outline-offset: 2px; } .dark .access-option > span { border-color: #475569; background: #1e293b; color: #fff; } .dark .access-option:hover > span, .dark .access-choice-input:checked + span { border-color: #fb923c; background: #431407; color: #ffedd5; } .dark .access-choice-input:focus-visible + span { outline-color: #fdba74; } .access-switch { position: relative; display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; cursor: pointer; } .access-switch-input { position: absolute; right: 0; top: 50%; z-index: 1; width: 48px; height: 44px; margin: 0; opacity: 0; cursor: pointer; transform: translateY(-50%); } .access-switch-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; } .access-switch-copy strong { font-size: .875rem; } .access-switch-copy small { color: #64748b; font-size: .75rem; font-weight: 700; line-height: 1.35; } .dark .access-switch-copy small { color: #cbd5e1; } .access-switch-track { position: relative; width: 48px; height: 28px; flex: 0 0 48px; border: 2px solid #64748b; border-radius: 999px; background: #e2e8f0; transition: border-color .2s ease, background-color .2s ease; } .access-switch-track::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #475569; transition: transform .2s ease, background-color .2s ease; } .access-switch-input:checked + .access-switch-track { border-color: #c2410c; background: #c2410c; } .access-switch-input:checked + .access-switch-track::after { transform: translateX(20px); background: #fff; } .access-switch-input:focus-visible + .access-switch-track { outline: 3px solid #9a3412; outline-offset: 3px; } .dark .access-switch-track { border-color: #94a3b8; background: #334155; } .dark .access-switch-track::after { background: #e2e8f0; } .dark .access-switch-input:checked + .access-switch-track { border-color: #fb923c; background: #c2410c; } .dark .access-switch-input:focus-visible + .access-switch-track { outline-color: #fdba74; } html[data-letter-spacing="medium"] body :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, input, select, textarea, small, strong, em, time, legend, blockquote, figcaption, dt, dd, td, th):not(.material-symbols-outlined), html[data-letter-spacing="large"] body :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, input, select, textarea, small, strong, em, time, legend, blockquote, figcaption, dt, dd, td, th):not(.material-symbols-outlined) { letter-spacing: var(--access-letter-spacing) !important; } html[data-letter-spacing] .material-symbols-outlined { letter-spacing: normal !important; } html[data-line-spacing="medium"] body :where(p, li, a, button, label, small, span, input, select, textarea, option, legend, blockquote, figcaption, dt, dd, td, th, time, strong, em, pre, code, summary):not(.material-symbols-outlined) { line-height: 1.8 !important; } html[data-line-spacing="large"] body :where(p, li, a, button, label, small, span, input, select, textarea, option, legend, blockquote, figcaption, dt, dd, td, th, time, strong, em, pre, code, summary):not(.material-symbols-outlined) { line-height: 2.05 !important; } html[data-line-spacing="medium"] body :where(h1, h2, h3, h4, h5, h6) { line-height: 1.35 !important; } html[data-line-spacing="large"] body :where(h1, h2, h3, h4, h5, h6) { line-height: 1.55 !important; } html.text-accessibility-adjusted .hero-section { height: auto !important; min-height: 299px; } html.text-accessibility-adjusted .category-tile { height: auto; min-height: 94px; } html.text-accessibility-adjusted .review-body { height: auto; min-height: 138px; } html.text-accessibility-adjusted .home-deal-card { height: auto !important; overflow: hidden !important; } html.text-accessibility-adjusted .home-deal-title { overflow: visible; text-overflow: clip; white-space: normal; } html.text-accessibility-adjusted .home-sidebar { grid-template-rows: auto auto !important; } html.text-accessibility-adjusted .site-desktop-nav { height: auto !important; } html.text-accessibility-adjusted .site-desktop-nav > div { height: auto !important; min-height: 45px; flex-wrap: wrap; justify-content: center; } html.text-accessibility-adjusted .site-desktop-nav ul { flex-wrap: wrap; justify-content: center; } html.text-accessibility-adjusted :where(.desktop-home-link, .desktop-nav-link) { height: auto; min-height: 45px; padding-block: 8px; text-align: center; } @media (max-width: 1200px) and (min-width: 1024px) { .desktop-nav-link { padding-inline: 12px; font-size: 0.75rem; } .site-header > div { padding-inline: 1rem; } } @media (max-width: 1023px) { .hero-section { border-radius: 0 0 1rem 1rem; } .content-panel { border-radius: 1rem; } .review-body { height: auto; min-height: 138px; } } @media (min-width: 1024px) { .review-image-wrap { height: 220px; } } @media (max-width: 520px) { .hero-section img { width: 440px; margin-left: 50%; transform: translateX(-50%); } .market-badge { min-width: 0; height: 40px; padding-inline: 13px; font-size: 0.9375rem; } .recommended-services-inner { padding-block: 26px 30px; } .recommended-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .recommended-service-link { height: 88px; padding: 13px; } .recommended-service-link img { max-height: 58px; } } @media (max-width: 360px) { .access-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-deal-footer { align-items: stretch; flex-direction: column; } .deal-cta { width: 100%; } } .page-hero { border-bottom: 1px solid #e5e9ef; background: linear-gradient(135deg, #fff 0%, #f7f8fa 62%, #fff3eb 100%); } .page-hero-orange { background: linear-gradient(135deg, #fff8f3 0%, #fff 55%, #ffedd5 100%); } .page-hero-inner { width: min(1408px, calc(100% - 32px)); margin: 0 auto; padding: 46px 0 48px; } .compact-page-hero .page-hero-inner { padding-block: 34px; } .page-hero h1 { max-width: 900px; margin: 0; color: #111b29; font-size: clamp(2.125rem, 5vw, 3.375rem); font-weight: 900; line-height: 1.08; letter-spacing: -.035em; } .page-hero p:not(.eyebrow) { max-width: 720px; margin: 14px 0 0; color: #475569; font-size: 1.0625rem; line-height: 1.6; } .breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 24px; color: #64748b; font-size: 0.8125rem; } .breadcrumbs a { color: #9a3412; font-weight: 900; } .page-shell { width: min(1408px, calc(100% - 32px)); min-height: 340px; margin: 0 auto; padding: 34px 0 20px; } .listing-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 23px; } .listing-toolbar h2, .page-shell > h2 { margin: 0; font-size: 1.6875rem; font-weight: 900; } .listing-count { margin: 6px 0 0; color: #64748b; font-size: 0.8125rem; } .filter-form { display: grid; grid-template-columns: minmax(190px, 1.35fr) minmax(150px, 1fr) minmax(155px, 1fr) auto; align-items: end; gap: 10px; } .filter-form label { display: flex; flex-direction: column; gap: 5px; color: #334155; font-size: 0.6875rem; font-weight: 900; } .filter-form input, .filter-form select, .page-search input { min-height: 43px; border: 1px solid #cbd5e1; border-radius: 9px; padding: 9px 11px; color: #111827; background: #fff; } .filter-form input:focus, .filter-form select:focus, .page-search input:focus { border-color: #c2410c; outline: 3px solid #fed7aa; outline-offset: 1px; } .filter-button { display: inline-flex; min-height: 43px; align-items: center; justify-content: center; border: 0; border-radius: 9px; padding: 9px 17px; color: #fff; background: #c2410c; font-size: 0.8125rem; font-weight: 900; text-decoration: none; cursor: pointer; } .filter-button:hover { background: #9a3412; } .public-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .public-review-card { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 13px; background: #fff; transition: transform .2s, box-shadow .2s; } .public-review-card:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(15,23,42,.1); } .public-review-image { position: relative; display: block; height: 240px; overflow: hidden; background: linear-gradient(145deg, #fafafa, #eef1f4); } .public-review-image > img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .public-review-image .product-sprite { z-index: 0; background-size: 290% auto; } .public-review-image .product-sprite::before, .public-review-image .product-sprite::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; width: 21px; pointer-events: none; } .public-review-image .product-sprite::before { left: 0; background: #fafafa; }.public-review-image .product-sprite::after { right: 0; background: #eef1f4; } @media (min-width: 1024px) { .public-review-image { height: 220px; } } .public-review-body { min-height: 188px; padding: 17px; } .public-review-body h2 { margin: 0; color: #111827; font-size: 1.125rem; font-weight: 900; line-height: 1.35; } .public-review-body h2 a:hover { color: #9a3412; } .public-review-excerpt { min-height: 66px; margin: 10px 0 18px; color: #475569; font-size: 0.8125rem; line-height: 1.65; } .public-review-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #64748b; font-size: 0.75rem; } .public-review-meta span { color: #9a3412; font-weight: 900; } .public-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .public-guide-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid #e2e8f0; border-radius: 15px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.045); transition: border-color .2s, transform .2s, box-shadow .2s; } .public-guide-card:hover { transform: translateY(-3px); border-color: #fdba74; box-shadow: 0 14px 32px rgba(15,23,42,.1); } .public-guide-image { position: relative; display: block; height: 240px; overflow: hidden; border-bottom: 1px solid #e2e8f0; background: linear-gradient(145deg, #f8fafc, #eef2f6); } .public-guide-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .3s ease; } .public-guide-card:hover .public-guide-image img { transform: scale(1.025); } .public-guide-image .category-label { left: 16px; right: auto; top: 16px; } .public-guide-body { display: flex; min-height: 218px; flex: 1; flex-direction: column; padding: 19px; } .public-guide-body h2 { margin: 0; color: #111827; font-size: 1.2rem; font-weight: 900; line-height: 1.35; } .public-guide-body h2 a:hover { color: #9a3412; } .public-guide-excerpt { margin: 11px 0 20px; color: #475569; font-size: .875rem; line-height: 1.65; } .public-guide-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; color: #64748b; font-size: .75rem; } .public-guide-meta > a { color: #9a3412; font-weight: 900; white-space: nowrap; } .guide-detail-header { margin-bottom: 2.25rem; } .guide-category-link { display: inline-flex; border-radius: 999px; padding: .5rem .85rem; color: #9a3412; background: #fff7ed; font-size: .75rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .guide-detail-header h1 { max-width: 980px; margin: 1rem 0 0; color: #111827; font-size: clamp(2.25rem, 5vw, 3.75rem); font-weight: 900; line-height: 1.08; letter-spacing: -.035em; } .guide-detail-lead { max-width: 850px; margin: 1.25rem 0 0; color: #475569; font-size: clamp(1.0625rem, 2.2vw, 1.25rem); line-height: 1.7; } .guide-detail-meta { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1.25rem; color: #64748b; font-size: .875rem; } .guide-detail-meta span { font-weight: 700; } .guide-detail-image { height: clamp(280px, 54vw, 600px); margin: 2rem 0 0; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 24px; background: #f8fafc; } .guide-detail-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .review-rich-content { color: #243244; font-size: 1.0625rem; line-height: 1.8; overflow-wrap: anywhere; } .review-rich-content > *:first-child { margin-top: 0; } .review-rich-content > *:last-child { margin-bottom: 0; } .review-rich-content p { margin: 1em 0; } .review-rich-content h2, .review-rich-content h3, .review-rich-content h4 { margin: 1.6em 0 .65em; color: #111827; font-weight: 900; line-height: 1.25; letter-spacing: -.02em; } .review-rich-content h2 { font-size: clamp(1.6875rem, 3vw, 2.25rem); } .review-rich-content h3 { font-size: clamp(1.375rem, 2.4vw, 1.75rem); } .review-rich-content h4 { font-size: 1.25rem; } .review-rich-content ul, .review-rich-content ol { margin: 1.1em 0; padding-left: 1.7em; } .review-rich-content ul { list-style: disc; } .review-rich-content ol { list-style: decimal; } .review-rich-content li { margin: .35em 0; padding-left: .2em; } .review-rich-content blockquote { margin: 1.5em 0; border-left: 5px solid #f97316; border-radius: 0 12px 12px 0; padding: 16px 20px; background: #fff7ed; color: #713f12; font-size: 1.05em; } .review-rich-content pre { margin: 1.5em 0; overflow-x: auto; border-radius: 13px; padding: 20px; background: #111827; color: #f8fafc; font: 0.875rem/1.7 Consolas, Monaco, monospace; } .review-rich-content code:not(pre code) { border-radius: 5px; padding: .12em .35em; background: #f1f5f9; color: #9a3412; font: .9em Consolas, Monaco, monospace; } .review-rich-content a { color: #9a3412; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .review-rich-content a:hover { color: #c2410c; } .review-rich-content img { display: block; width: auto; max-width: 100%; height: auto; margin: 1.6em auto; border-radius: 14px; } .review-rich-content hr { margin: 2em 0; border: 0; border-top: 1px solid #dbe2ea; } .review-rich-content strong { color: #111827; } .review-detail-image { position: relative; height: clamp(300px, 53vw, 590px); margin-top: 2rem; overflow: hidden; border-radius: 24px; background: linear-gradient(145deg, #fafafa, #eef1f4); } .review-detail-image .product-sprite { background-size: 270% auto; } .empty-state { grid-column: 1 / -1; border: 1px dashed #cbd5e1; border-radius: 14px; padding: 45px 20px; color: #475569; text-align: center; } .empty-state > .material-symbols-outlined { color: #c2410c; font-size: 3rem; }.empty-state h2 { margin: 10px 0 4px; color: #111827; }.empty-state p { margin: 0; } .loading-state { grid-column: 1 / -1; padding: 35px; color: #64748b; text-align: center; } .public-categories-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; } .public-category-card { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 15px; min-height: 112px; border: 1px solid #e2e8f0; border-radius: 14px; padding: 18px; background: #fff; transition: border-color .2s, transform .2s; } .public-category-card:hover { transform: translateY(-2px); border-color: #fb923c; }.public-category-card > .material-symbols-outlined:first-child { color: #c2410c; font-size: 2.8125rem; } .public-category-card > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.public-category-card strong { font-size: 1.0625rem; }.public-category-card small { color: #64748b; } .public-category-card > .material-symbols-outlined:last-child { color: #64748b; } .public-deals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .public-deal-card { position: relative; display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid #e2e8f0; border-radius: 15px; background: #fff; box-shadow: 0 10px 28px rgba(15,23,42,.055); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; } .public-deal-card:hover { transform: translateY(-3px); border-color: #fdba74; box-shadow: 0 16px 34px rgba(15,23,42,.1); } .public-deal-media { position: relative; display: grid; height: 245px; flex: 0 0 245px; place-items: center; overflow: hidden; border-bottom: 1px solid #e2e8f0; background: radial-gradient(circle at 50% 44%, #fff 0, #f8fafc 62%, #eef2f6 100%); } .public-deal-media img { width: 100%; height: 100%; padding: 20px 26px; object-fit: contain; } .public-deal-body { min-width: 0; flex: 1; padding: 19px 20px 15px; } .public-deal-card h2 { margin: 14px 0 12px; color: #111827; font-size: 1.2rem; font-weight: 900; line-height: 1.35; } .deal-list-cta { width: calc(100% - 40px); gap: 7px; margin: 0 20px 20px; } .deal-list-cta .material-symbols-outlined { font-size: 1.1rem; } .dark .public-deal-media { border-color: #334155; background: radial-gradient(circle at 50% 44%, #1e293b 0, #111827 62%, #0b1220 100%); } .dark .public-deal-card h2 { color: #f8fafc; } .public-pagination { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px; border-top: 1px solid #e2e8f0; padding-top: 22px; } .public-pagination[hidden] { display: none; } .pagination-status { margin: 0; color: #64748b; font-size: 0.8125rem; } .pagination-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; } .pagination-controls[hidden] { display: none; } .pagination-link { display: inline-flex; min-width: 42px; min-height: 42px; align-items: center; justify-content: center; border: 1px solid #cbd5e1; border-radius: 9px; padding: 8px 12px; color: #334155; background: #fff; font-size: 0.8125rem; font-weight: 900; text-decoration: none; } a.pagination-link:hover { border-color: #c2410c; color: #9a3412; background: #fff7ed; } .pagination-link:focus-visible { outline: 3px solid #fed7aa; outline-offset: 2px; } .pagination-link[aria-current="page"] { border-color: #c2410c; color: #fff; background: #c2410c; } .pagination-link.is-disabled { color: #94a3b8; background: #f8fafc; cursor: not-allowed; } .pagination-ellipsis { min-width: 28px; color: #64748b; text-align: center; } .guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; } .guide-card { position: relative; min-height: 240px; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 15px; padding: 26px; background: #fff; }.guide-card > .material-symbols-outlined { position: absolute; right: 22px; top: 20px; color: #fed7aa; font-size: 3.875rem; }.guide-card h3 { max-width: 80%; margin: 8px 0; font-size: 1.4375rem; }.guide-card > p:not(.eyebrow) { max-width: 85%; color: #475569; line-height: 1.65; }.guide-card a { color: #9a3412; font-weight: 900; } .page-search { display: flex; max-width: 670px; gap: 9px; margin-top: 23px; }.page-search input { min-width: 0; flex: 1; }.page-search button { display: inline-flex; min-height: 44px; align-items: center; gap: 7px; border: 0; border-radius: 9px; padding: 10px 18px; color: #fff; background: #c2410c; font-weight: 900; } .dark .page-hero { border-color: #334155; background: linear-gradient(135deg, #0f172a, #111827 65%, #431407); }.dark .page-hero h1, .dark .listing-toolbar h2, .dark .page-shell > h2, .dark .public-review-body h2, .dark .public-guide-body h2, .dark .guide-detail-header h1, .dark .empty-state h2 { color: #f8fafc; }.dark .page-hero p:not(.eyebrow), .dark .listing-count { color: #cbd5e1; }.dark .public-review-card, .dark .public-guide-card, .dark .public-category-card, .dark .public-deal-card, .dark .guide-card { border-color: #334155; background: #0f172a; }.dark .public-review-body h2 { color: #f8fafc; }.dark .public-review-excerpt, .dark .public-guide-excerpt, .dark .guide-detail-lead, .dark .guide-card > p:not(.eyebrow) { color: #cbd5e1; } .dark .public-guide-image, .dark .guide-detail-image { border-color: #334155; background: #111827; } .dark .public-guide-meta, .dark .guide-detail-meta { color: #94a3b8; } .dark .guide-category-link { color: #fed7aa; background: #431407; } .dark .review-rich-content { color: #dbe4ef; } .dark .review-rich-content h2, .dark .review-rich-content h3, .dark .review-rich-content h4, .dark .review-rich-content strong { color: #f8fafc; } .dark .review-rich-content blockquote { background: #431407; color: #ffedd5; } .dark .review-rich-content code:not(pre code) { background: #1e293b; color: #fdba74; } .dark .review-rich-content hr { border-color: #334155; } .dark .review-detail-image { background: linear-gradient(145deg, #1e293b, #0f172a); } .dark .public-pagination { border-color: #334155; }.dark .pagination-status, .dark .pagination-ellipsis { color: #cbd5e1; }.dark .pagination-link { border-color: #475569; color: #e2e8f0; background: #0f172a; }.dark a.pagination-link:hover { border-color: #fb923c; color: #fed7aa; background: #431407; }.dark .pagination-link[aria-current="page"] { border-color: #ea580c; color: #fff; background: #c2410c; }.dark .pagination-link.is-disabled { color: #64748b; background: #111827; } .about-page-hero, .testing-page-hero { position: relative; overflow: hidden; } .about-page-hero::after, .testing-page-hero::after { content: ""; position: absolute; right: max(4vw, calc((100% - 1408px) / 2)); top: 50%; width: 250px; height: 250px; border: 36px solid rgba(249,115,22,.09); border-radius: 50%; pointer-events: none; transform: translateY(-50%); } .testing-page-hero::after { width: 210px; height: 210px; border-width: 28px; } .about-page-hero .page-hero-inner, .testing-page-hero .page-hero-inner { position: relative; z-index: 1; } .about-intro, .testing-intro { padding-top: 42px; } .about-story-grid, .testing-intro-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(310px, .8fr); gap: 22px; } .about-story-card { border: 1px solid #e2e8f0; border-radius: 18px; padding: clamp(24px, 4vw, 42px); background: #fff; box-shadow: 0 14px 38px rgba(15,23,42,.06); } .about-story-card h2, .testing-intro h2, .about-section-inner > h2, .testing-principles > h2, .about-contact-card h2 { margin: 0; color: #111827; font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 900; line-height: 1.18; letter-spacing: -.025em; } .about-story-card p:not(.eyebrow), .testing-intro-grid > div > p:not(.eyebrow) { margin-top: 15px; color: #475569; line-height: 1.75; } .about-story-card--accent { position: relative; overflow: hidden; border-color: #fed7aa; background: linear-gradient(145deg, #fff7ed, #fff); } .about-story-card--accent > .material-symbols-outlined { position: absolute; right: 22px; top: 20px; color: #fdba74; font-size: 4.25rem; } .about-story-card--accent h2 { max-width: 82%; font-size: clamp(1.45rem, 2.4vw, 1.9rem); } .about-story-card--accent a { display: inline-flex; margin-top: 20px; color: #9a3412; font-size: .875rem; font-weight: 900; } .about-reasons-section, .testing-process-section { margin-top: 30px; border-block: 1px solid #e2e8f0; background: #f8fafc; } .about-section-inner { width: min(1408px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 52px; } .about-section-lead { max-width: 720px; margin-top: 10px; color: #64748b; line-height: 1.65; } .about-reasons-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 28px; } .about-reason-card, .testing-principle-card { border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.04); } .about-reason-card > .material-symbols-outlined, .testing-principle-card > .material-symbols-outlined { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 13px; color: #c2410c; background: #ffedd5; font-size: 1.75rem; } .about-reason-card h3, .testing-principle-card h3, .testing-step h3 { margin: 18px 0 0; color: #111827; font-size: 1.125rem; font-weight: 900; line-height: 1.3; } .about-reason-card p, .testing-principle-card p, .testing-step p { margin-top: 10px; color: #475569; font-size: .875rem; line-height: 1.7; } .about-contact-shell { padding-block: 36px 12px; } .about-contact-card, .testing-cta { display: flex; align-items: center; justify-content: space-between; gap: 36px; overflow: hidden; border-radius: 20px; padding: clamp(26px, 4vw, 44px); color: #fff; background: linear-gradient(125deg, #111c29, #1e293b 70%, #7c2d12); box-shadow: 0 18px 42px rgba(15,23,42,.16); } .about-contact-card h2 { color: #fff; } .about-contact-card > div > p:not(.eyebrow) { max-width: 650px; margin-top: 10px; color: #cbd5e1; line-height: 1.65; } .about-contact-link { display: inline-flex; min-height: 50px; flex: 0 0 auto; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; padding: 12px 17px; color: #fff; background: rgba(255,255,255,.1); font-weight: 900; transition: background-color .2s ease, transform .2s ease; } .about-contact-link:hover { transform: translateY(-2px); background: rgba(255,255,255,.18); } .testing-intro-grid { align-items: center; } .testing-promise-card { position: relative; overflow: hidden; border: 1px solid #fed7aa; border-radius: 18px; padding: 28px; background: #fff7ed; } .testing-promise-card > .material-symbols-outlined { color: #c2410c; font-size: 2.6rem; } .testing-promise-card strong { display: block; margin-top: 14px; color: #111827; font-size: 1.25rem; line-height: 1.35; } .testing-promise-card p { margin-top: 10px; color: #7c2d12; font-size: .875rem; line-height: 1.65; } .testing-timeline { position: relative; max-width: 980px; margin: 30px 0 0; } .testing-timeline::before { content: ""; position: absolute; left: 24px; top: 22px; bottom: 22px; width: 2px; background: #fdba74; } .testing-step { position: relative; display: grid; grid-template-columns: 50px 1fr; gap: 22px; } .testing-step + .testing-step { margin-top: 15px; } .testing-step-number { position: relative; z-index: 1; display: grid; width: 50px; height: 50px; place-items: center; border: 4px solid #f8fafc; border-radius: 50%; color: #fff; background: #c2410c; box-shadow: 0 0 0 1px #fdba74; font-weight: 900; } .testing-step > div { border: 1px solid #e2e8f0; border-radius: 15px; padding: 20px 22px; background: #fff; } .testing-step h3 { margin-top: 0; } .testing-principles { padding-top: 44px; } .testing-principles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 25px; } .testing-cta { margin-top: 28px; padding-block: 28px; } .testing-cta strong { color: #fff; font-size: 1.2rem; } .testing-cta p { margin-top: 4px; color: #cbd5e1; font-size: .875rem; } .testing-cta .filter-button { flex: 0 0 auto; gap: 7px; background: #ea580c; } .dark .about-story-card, .dark .about-reason-card, .dark .testing-principle-card, .dark .testing-step > div { border-color: #334155; background: #0f172a; } .dark .about-story-card--accent, .dark .testing-promise-card { border-color: #9a3412; background: #431407; } .dark .about-reasons-section, .dark .testing-process-section { border-color: #334155; background: #0b1220; } .dark .about-story-card h2, .dark .testing-intro h2, .dark .about-section-inner > h2, .dark .testing-principles > h2, .dark .about-reason-card h3, .dark .testing-principle-card h3, .dark .testing-step h3, .dark .testing-promise-card strong { color: #f8fafc; } .dark .about-story-card p:not(.eyebrow), .dark .testing-intro-grid > div > p:not(.eyebrow), .dark .about-section-lead, .dark .about-reason-card p, .dark .testing-principle-card p, .dark .testing-step p { color: #cbd5e1; } .dark .testing-promise-card p { color: #fed7aa; } .dark .testing-step-number { border-color: #0b1220; } .footer-link-button { border: 0; padding: 0; color: inherit; background: transparent; font: inherit; text-align: left; } .ad-placement { width: min(1408px, calc(100% - 32px)); margin: 20px auto; } .ad-placement[hidden] { display: none !important; } .ad-placement--before-footer { margin-block: 30px 22px; } .ad-placement--content { margin-block: 24px; } .ad-placement--article { width: 100%; margin-block: 30px; } .ad-placement-inner { position: relative; width: 100%; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 13px; padding: 23px 8px 8px; background: #f8fafc; text-align: center; } .ad-placement.is-active .ad-placement-inner { min-height: 112px; } .ad-placement--content.is-active .ad-placement-inner { min-height: 180px; } .ad-placement--article.is-active .ad-placement-inner { min-height: 250px; } .ad-placement-label { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); color: #64748b; font-size: .625rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; } .ad-placement .adsbygoogle { display: block; width: 100%; min-height: 80px; } .ad-placement--content .adsbygoogle { min-height: 145px; } .ad-placement--article .adsbygoogle { min-height: 215px; } .dark .ad-placement-inner { border-color: #334155; background: #0f172a; } .dark .ad-placement-label { color: #94a3b8; } .privacy-consent { position: fixed; z-index: 80; top: 50%; left: 50%; width: min(640px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; transform: translate(-50%, -50%); border: 1px solid #fed7aa; border-radius: 20px; padding: clamp(21px, 4vw, 32px); color: #1e293b; background: #fff; box-shadow: 0 24px 70px rgba(15, 23, 42, .28); } .privacy-consent[hidden] { display: none !important; } .privacy-consent-heading { display: flex; align-items: center; gap: 14px; } .privacy-consent-heading .eyebrow { margin-bottom: 3px; } .privacy-consent-heading h2 { margin: 0; color: #111827; font-size: clamp(1.35rem, 4vw, 1.75rem); font-weight: 900; line-height: 1.18; } .privacy-consent-icon { display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; border-radius: 14px; color: #9a3412; background: #ffedd5; font-size: 1.75rem; } .privacy-consent > p { margin-top: 16px; color: #475569; line-height: 1.62; } .privacy-consent .privacy-consent-note { margin-top: 9px; color: #64748b; font-size: .8125rem; } .privacy-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; } .privacy-button, .legal-privacy-button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 10px; padding: 10px 16px; font-size: .875rem; font-weight: 900; line-height: 1.2; text-align: center; } .privacy-button-primary, .legal-privacy-button { color: #fff; background: #c2410c; } .privacy-button-primary:hover, .legal-privacy-button:hover { background: #9a3412; } .privacy-button-secondary { border-color: #cbd5e1; color: #1e293b; background: #fff; } .privacy-button-secondary:hover { border-color: #fb923c; background: #fff7ed; } .privacy-button-link { color: #9a3412; background: transparent; text-decoration: underline; text-underline-offset: 3px; } .dark .privacy-consent { border-color: #9a3412; color: #e2e8f0; background: #0f172a; } .dark .privacy-consent-heading h2 { color: #fff; } .dark .privacy-consent > p { color: #cbd5e1; } .dark .privacy-consent .privacy-consent-note { color: #94a3b8; } .dark .privacy-button-secondary { border-color: #475569; color: #f8fafc; background: #1e293b; } .legal-document { max-width: 980px; padding-bottom: 30px; } .legal-lead { margin-bottom: 30px; border-left: 4px solid #ea580c; border-radius: 0 10px 10px 0; padding: 16px 18px; color: #334155; background: #fff7ed; font-size: 1rem; line-height: 1.65; } .legal-document section + section { margin-top: 32px; } .legal-document h2 { margin: 0 0 13px; color: #111827; font-size: clamp(1.25rem, 3vw, 1.625rem); font-weight: 900; line-height: 1.25; } .legal-document p { margin: 10px 0 0; color: #334155; line-height: 1.75; } .legal-document ul { margin: 12px 0 0; padding-left: 24px; color: #334155; line-height: 1.7; list-style: disc; } .legal-document li + li { margin-top: 8px; } .legal-document a { color: #9a3412; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .legal-document code { border-radius: 5px; padding: 2px 5px; color: #9a3412; background: #ffedd5; font-size: .875em; } .legal-table-wrap { margin-top: 16px; overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 12px; } .legal-table { width: 100%; min-width: 680px; border-collapse: collapse; color: #334155; font-size: .875rem; line-height: 1.55; } .legal-table th { color: #111827; background: #f8fafc; font-weight: 900; text-align: left; } .legal-table th, .legal-table td { border-bottom: 1px solid #e2e8f0; padding: 13px 15px; vertical-align: top; } .legal-table tr:last-child td { border-bottom: 0; } .legal-privacy-button { margin-top: 18px; border: 0; } .dark .legal-lead { color: #ffedd5; background: #431407; } .dark .legal-document h2, .dark .legal-table th { color: #f8fafc; } .dark .legal-document p, .dark .legal-document ul, .dark .legal-table { color: #cbd5e1; } .dark .legal-table-wrap, .dark .legal-table th, .dark .legal-table td { border-color: #334155; } .dark .legal-table th { background: #1e293b; } .dark .legal-document code { color: #fdba74; background: #431407; } .coupon-page-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 82% 22%, rgba(255,255,255,.18), transparent 22%), linear-gradient(118deg, #9a3412 0%, #c2410c 48%, #f97316 100%); } .coupon-page-hero::after { content: "%"; position: absolute; right: max(3vw, calc((100vw - 1408px) / 2)); bottom: -96px; color: rgba(255,255,255,.09); font-size: clamp(15rem, 28vw, 28rem); font-weight: 900; line-height: 1; pointer-events: none; } .coupon-hero-inner { position: relative; z-index: 1; width: min(1408px, calc(100% - 32px)); margin: 0 auto; padding: 30px 0 52px; } .coupon-breadcrumbs { margin-bottom: 28px; color: rgba(255,255,255,.8); } .coupon-breadcrumbs a { color: #fff; } .coupon-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: center; gap: 56px; } .coupon-hero-copy { max-width: 850px; } .coupon-hero-copy .eyebrow { color: #ffedd5; } .coupon-hero-copy h1 { margin: 0; max-width: 820px; font-size: clamp(2.25rem, 5vw, 4rem); font-weight: 900; line-height: 1.03; letter-spacing: -.045em; } .coupon-hero-copy > p:not(.eyebrow) { max-width: 760px; margin-top: 18px; color: #fff7ed; font-size: 1.0625rem; line-height: 1.7; } .coupon-total-card { display: flex; min-height: 220px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid rgba(255,255,255,.72); border-radius: 24px; padding: 26px; color: #7c2d12; background: rgba(255,255,255,.95); box-shadow: 0 24px 60px rgba(67,20,7,.25); text-align: center; } .coupon-total-icon { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 14px; color: #fff; background: #c2410c; font-size: 1.7rem; } .coupon-total-card strong { margin-top: 8px; color: #9a3412; font-size: 3.6rem; font-weight: 900; line-height: 1; letter-spacing: -.06em; } .coupon-total-card > span:not(.coupon-total-icon) { margin-top: 4px; color: #7c2d12; font-size: .95rem; font-weight: 900; } .coupon-total-card small { margin-top: 7px; color: #64748b; font-size: .75rem; } .coupon-store-directory { border-bottom: 1px solid #e2e8f0; background: #f8fafc; } .coupon-store-directory-inner { display: grid; width: min(1408px, calc(100% - 32px)); margin: 0 auto; grid-template-columns: minmax(220px, 320px) minmax(0, 1fr); align-items: center; gap: 28px; padding: 22px 0; } .coupon-store-directory-heading { display: flex; min-width: 0; align-items: center; gap: 12px; } .coupon-store-directory-heading > .material-symbols-outlined { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; color: #fff; background: #c2410c; font-size: 1.4rem; } .coupon-store-directory-heading h2 { margin: 0; color: #111827; font-size: 1rem; font-weight: 900; } .coupon-store-directory-heading p { margin: 3px 0 0; color: #64748b; font-size: .72rem; line-height: 1.4; } .coupon-store-links { display: flex; min-width: 0; flex-wrap: wrap; justify-content: flex-end; gap: 8px; } .coupon-store-links:empty { display: none; } .coupon-store-links a { display: inline-flex; min-height: 39px; align-items: center; justify-content: center; border: 1px solid #dbe2ea; border-radius: 999px; padding: 8px 13px; color: #334155; background: #fff; font-size: .75rem; font-weight: 900; line-height: 1.2; text-decoration: none; transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .2s ease; } .coupon-store-links a:hover { transform: translateY(-1px); border-color: #fb923c; color: #9a3412; background: #fff7ed; } .coupon-store-links a[aria-current="page"] { border-color: #c2410c; color: #fff; background: #c2410c; } .coupon-store-links a:focus-visible { outline: 3px solid #9a3412; outline-offset: 3px; } .coupon-page-shell { padding-top: 42px; } .coupon-listing-toolbar { align-items: flex-start; } .coupon-listing-toolbar > div:first-child { padding-top: 8px; } .coupon-filter-form { display: grid; width: min(720px, 100%); grid-template-columns: minmax(220px, 1.2fr) minmax(180px, .8fr) auto; align-items: end; gap: 12px; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; background: #f8fafc; } .coupon-filter-form label { display: flex; min-width: 0; flex-direction: column; gap: 6px; color: #334155; font-size: .72rem; font-weight: 900; } .coupon-filter-form input, .coupon-filter-form select { width: 100%; min-height: 44px; border: 1px solid #cbd5e1; border-radius: 9px; padding: 9px 11px; color: #111827; background: #fff; } .coupon-filter-form input:focus, .coupon-filter-form select:focus { border-color: #c2410c; outline: 3px solid #fed7aa; outline-offset: 1px; } .coupon-filter-actions { display: flex; align-items: center; gap: 10px; } .coupon-filter-reset { display: inline-flex; min-height: 43px; align-items: center; justify-content: center; border-radius: 8px; padding: 8px 3px; color: #9a3412; font-size: .75rem; font-weight: 900; text-decoration: underline; text-underline-offset: 3px; } .coupon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .coupon-card { position: relative; display: flex; min-width: 0; min-height: 390px; flex-direction: column; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 18px; padding: 22px; background: #fff; box-shadow: 0 11px 30px rgba(15,23,42,.065); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .coupon-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #fb923c, #c2410c); } .coupon-card:hover { transform: translateY(-3px); border-color: #fdba74; box-shadow: 0 18px 42px rgba(15,23,42,.11); } .coupon-card--featured { border-color: #fb923c; background: linear-gradient(155deg, #fff7ed 0, #fff 34%); } .coupon-card-topline { display: flex; min-height: 31px; align-items: center; justify-content: space-between; gap: 9px; } .coupon-discount-label, .coupon-featured-badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 6px 9px; font-size: .7rem; font-weight: 900; line-height: 1.2; } .coupon-discount-label { color: #9a3412; background: #ffedd5; } .coupon-featured-badge { color: #fff; background: #c2410c; } .coupon-discount-label .material-symbols-outlined, .coupon-featured-badge .material-symbols-outlined { font-size: 1rem; } .coupon-store-name { display: inline-flex; align-items: center; align-self: flex-start; gap: 7px; margin-top: 19px; border-radius: 7px; color: #64748b; font-size: .75rem; font-weight: 900; text-transform: uppercase; letter-spacing: .055em; text-decoration: none; transition: color .2s ease, background-color .2s ease; } .coupon-store-name:hover { color: #9a3412; background: #fff7ed; } .coupon-store-name:focus-visible { outline: 3px solid #9a3412; outline-offset: 4px; } .coupon-store-name .material-symbols-outlined { color: #ea580c; font-size: 1.15rem; } .coupon-card h2 { margin: 10px 0 0; color: #111827; font-size: 1.3rem; font-weight: 900; line-height: 1.32; } .coupon-description { flex: 1; margin: 10px 0 0; color: #475569; font-size: .875rem; line-height: 1.62; } .coupon-validity { display: flex; align-items: center; gap: 6px; margin: 17px 0 0; color: #334155; font-size: .75rem; font-weight: 900; } .coupon-validity .material-symbols-outlined { color: #c2410c; font-size: 1.1rem; } .coupon-code-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 10px; margin-top: 14px; border: 1px dashed #fb923c; border-radius: 12px; padding: 10px; background: #fff7ed; } .coupon-code-box > div { min-width: 0; } .coupon-code-box span { display: block; color: #7c2d12; font-size: .61rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; } .coupon-code-box code { display: block; margin-top: 3px; overflow-wrap: anywhere; color: #111827; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.08rem; font-weight: 900; line-height: 1.25; } .coupon-code-box button { min-width: 84px; border: 0; border-radius: 9px; padding: 8px 13px; color: #fff; background: #c2410c; font-size: .75rem; font-weight: 900; cursor: pointer; transition: background-color .2s ease, transform .2s ease; } .coupon-code-box button:hover { transform: translateY(-1px); background: #9a3412; } .coupon-store-link { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; border: 1px solid #e2e8f0; border-radius: 10px; padding: 9px 13px; color: #9a3412; background: #fff; font-size: .78rem; font-weight: 900; } .coupon-store-link:hover { border-color: #fb923c; background: #fff7ed; } .coupon-store-link .material-symbols-outlined { font-size: 1.05rem; } .coupon-empty-state { min-height: 300px; } .coupon-help-section { margin-top: 30px; border-block: 1px solid #fed7aa; background: #fff7ed; } .coupon-help-inner { width: min(1408px, calc(100% - 32px)); margin: 0 auto; padding: 42px 0; } .coupon-help-inner > div:first-child { text-align: center; } .coupon-help-inner h2 { margin: 0; color: #111827; font-size: clamp(1.55rem, 3vw, 2.1rem); font-weight: 900; } .coupon-help-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 28px; } .coupon-help-steps li { display: flex; align-items: flex-start; gap: 14px; border: 1px solid #fed7aa; border-radius: 15px; padding: 19px; background: #fff; } .coupon-help-steps li > span { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 10px; color: #fff; background: #c2410c; font-weight: 900; } .coupon-help-steps strong { color: #111827; font-size: .95rem; } .coupon-help-steps p { margin-top: 4px; color: #64748b; font-size: .8rem; line-height: 1.55; } .dark .coupon-page-hero { background: radial-gradient(circle at 82% 22%, rgba(251,146,60,.18), transparent 22%), linear-gradient(118deg, #431407, #7c2d12 55%, #9a3412); } .dark .coupon-total-card { border-color: #fb923c; color: #ffedd5; background: #111827; } .dark .coupon-total-card strong, .dark .coupon-total-card > span:not(.coupon-total-icon) { color: #fed7aa; } .dark .coupon-total-card small { color: #cbd5e1; } .dark .coupon-store-directory { border-color: #334155; background: #111827; } .dark .coupon-store-directory-heading h2 { color: #f8fafc; } .dark .coupon-store-directory-heading p { color: #cbd5e1; } .dark .coupon-store-links a { border-color: #475569; color: #e2e8f0; background: #0f172a; } .dark .coupon-store-links a:hover { border-color: #fb923c; color: #fed7aa; background: #431407; } .dark .coupon-store-links a[aria-current="page"] { border-color: #ea580c; color: #fff; background: #c2410c; } .dark .coupon-filter-form { border-color: #334155; background: #111827; } .dark .coupon-filter-form label { color: #e2e8f0; } .dark .coupon-filter-form input, .dark .coupon-filter-form select { border-color: #475569; color: #f8fafc; background: #0f172a; } .dark .coupon-filter-reset { color: #fdba74; } .dark .coupon-card { border-color: #334155; background: #0f172a; } .dark .coupon-card--featured { border-color: #c2410c; background: linear-gradient(155deg, #431407 0, #0f172a 36%); } .dark .coupon-card h2, .dark .coupon-code-box code { color: #f8fafc; } .dark .coupon-description, .dark .coupon-validity { color: #cbd5e1; } .dark .coupon-store-name { color: #cbd5e1; } .dark .coupon-store-name:hover { color: #fdba74; background: #431407; } .dark .coupon-discount-label { color: #fed7aa; background: #431407; } .dark .coupon-code-box { border-color: #c2410c; background: #111827; } .dark .coupon-code-box span { color: #fdba74; } .dark .coupon-store-link { border-color: #475569; color: #fdba74; background: #111827; } .dark .coupon-store-link:hover { border-color: #fb923c; background: #431407; } .dark .coupon-help-section { border-color: #7c2d12; background: #1c0c05; } .dark .coupon-help-inner h2, .dark .coupon-help-steps strong { color: #f8fafc; } .dark .coupon-help-steps li { border-color: #7c2d12; background: #0f172a; } .dark .coupon-help-steps p { color: #cbd5e1; } @media (max-width: 1050px) { .coupon-hero-layout { grid-template-columns: minmax(0, 1fr) 240px; gap: 30px; } .coupon-listing-toolbar { align-items: stretch; flex-direction: column; } .coupon-filter-form { width: 100%; } .coupon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .coupon-hero-inner { padding-block: 24px 36px; } .coupon-hero-layout { grid-template-columns: 1fr; } .coupon-total-card { min-height: 0; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 5px 10px; border-radius: 17px; padding: 17px; text-align: left; } .coupon-total-icon { width: 42px; height: 42px; } .coupon-total-card strong { margin: 0; font-size: 2.5rem; } .coupon-total-card > span:not(.coupon-total-icon) { margin: 0; } .coupon-total-card small { width: 100%; margin: 0 0 0 52px; } .coupon-store-directory-inner { grid-template-columns: 1fr; gap: 16px; padding-block: 18px; } .coupon-store-links { justify-content: flex-start; } .coupon-store-links a { flex: 1 1 auto; } .coupon-filter-form { grid-template-columns: 1fr; } .coupon-filter-actions .filter-button { flex: 1; } .coupon-grid, .coupon-help-steps { grid-template-columns: 1fr; } .coupon-card { min-height: 0; padding: 19px; } .coupon-help-section { margin-top: 20px; } } @media (max-width: 380px) { .coupon-code-box { grid-template-columns: 1fr; } .coupon-code-box button { min-height: 42px; } } @media (max-width: 1050px) { .listing-toolbar { align-items: stretch; flex-direction: column; }.filter-form { grid-template-columns: repeat(2, 1fr); }.public-review-grid, .public-guide-grid, .public-categories-grid, .public-deals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-reasons-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-guides-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .page-hero-inner { padding-block: 30px; }.page-shell { padding-top: 25px; }.filter-form, .public-review-grid, .public-guide-grid, .public-categories-grid, .public-deals-grid, .guides-grid { grid-template-columns: 1fr; }.public-deal-card { grid-template-rows: 220px 1fr auto; gap: 14px; padding: 16px; }.public-deal-card img { width: 100%; height: 220px; }.public-pagination { align-items: stretch; flex-direction: column; }.pagination-controls { justify-content: center; }.pagination-direction { flex: 1; }.page-search { flex-direction: column; }.guide-card { min-height: 220px; }.guide-card h3, .guide-card > p:not(.eyebrow) { max-width: 88%; } .home-guides-grid { grid-template-columns: 1fr; } .public-deal-card { gap: 0; padding: 0; } .public-deal-media { height: 220px; flex-basis: 220px; } .public-deal-media img { height: 100%; } .public-deal-body { padding: 17px 17px 14px; } .deal-list-cta { width: calc(100% - 34px); margin: 0 17px 17px; } .public-guide-image { height: 230px; } .guide-detail-image { height: 280px; border-radius: 17px; } .about-page-hero::after, .testing-page-hero::after { right: -100px; opacity: .65; } .about-story-grid, .testing-intro-grid, .about-reasons-grid, .testing-principles-grid { grid-template-columns: 1fr; } .about-story-card--accent h2 { max-width: 80%; } .about-section-inner { padding-block: 38px 42px; } .about-contact-card, .testing-cta { align-items: stretch; flex-direction: column; gap: 22px; } .about-contact-link, .testing-cta .filter-button { width: 100%; justify-content: center; } .testing-step { grid-template-columns: 42px 1fr; gap: 14px; } .testing-step-number { width: 42px; height: 42px; border-width: 3px; } .testing-timeline::before { left: 20px; } .testing-step > div { padding: 18px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } @media (max-width: 640px) { .ad-placement { width: calc(100% - 24px); margin-block: 15px; } .ad-placement--article { width: 100%; } .ad-placement.is-active .ad-placement-inner { min-height: 120px; } .ad-placement--content.is-active .ad-placement-inner, .ad-placement--article.is-active .ad-placement-inner { min-height: 280px; } .ad-placement--content .adsbygoogle, .ad-placement--article .adsbygoogle { min-height: 245px; } .privacy-consent { width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 20px; } .privacy-consent-actions { display: grid; } .privacy-button { width: 100%; } .privacy-consent-heading { align-items: flex-start; } .legal-document { padding-inline: 18px; } .legal-table { min-width: 620px; } } html.high-contrast { color-scheme: dark; filter: none; --hc-bg: #000; --hc-fg: #ff0; --hc-focus: #fff; } html.high-contrast { scrollbar-color: var(--hc-fg) var(--hc-bg); } html.high-contrast::-webkit-scrollbar-track { background: var(--hc-bg); } html.high-contrast::-webkit-scrollbar-thumb { border-color: var(--hc-bg); background: var(--hc-fg); } html.high-contrast::-webkit-scrollbar-thumb:hover { background: var(--hc-focus); } html.high-contrast body { color: var(--hc-fg) !important; background: var(--hc-bg) !important; } html.high-contrast body * { border-color: var(--hc-fg) !important; color: var(--hc-fg) !important; text-shadow: none !important; } html.high-contrast body :where(header, nav, main, section, article, aside, footer, form, fieldset, dialog), html.high-contrast body :where(.site-header, #mobile-menu, .hero-section, .market-badge, .category-tile, .content-panel, .review-card, .review-body, .story-card, .story-card-media, .story-card-body, .home-deal-card, .home-deal-media, .home-deal-body, .deal-meta-item, .recommended-services, .page-hero, .page-shell, .public-review-card, .public-review-body, .public-guide-card, .public-guide-image, .public-guide-body, .guide-detail-header, .guide-detail-image, .public-category-card, .public-deal-card, .public-deal-media, .public-deal-body, .guide-card, .review-rich-content, .review-rich-content blockquote, .review-rich-content pre, .review-rich-content code, .empty-state, .pagination-link, .accessibility-panel, .youtube-button, .footer-logo-panel, .about-story-card, .about-reasons-section, .about-reason-card, .about-contact-card, .testing-promise-card, .testing-process-section, .testing-step, .testing-step > div, .testing-principle-card, .testing-cta, .coupon-page-hero, .coupon-total-card, .coupon-store-directory, .coupon-store-directory-inner, .coupon-store-directory-heading, .coupon-store-links, .coupon-store-links a, .coupon-filter-form, .coupon-card, .coupon-discount-label, .coupon-featured-badge, .coupon-code-box, .coupon-help-section, .coupon-help-steps li), html.high-contrast body [class*="bg-"]:not(.recommended-service-link) { background-color: var(--hc-bg) !important; } html.high-contrast body :where(.hero-section, .page-hero, .page-hero-orange, .review-image-wrap, .review-detail-image, .public-review-image, .public-guide-image, .guide-detail-image, .story-card-media, .home-deal-media, .public-deal-media, .about-story-card--accent, .about-contact-card, .testing-cta, .coupon-page-hero, .coupon-card--featured) { background-image: none !important; background-color: var(--hc-bg) !important; } html.high-contrast body .review-image-wrap::before, html.high-contrast body .review-image-wrap::after, html.high-contrast body .public-review-image .product-sprite::before, html.high-contrast body .public-review-image .product-sprite::after { background: var(--hc-bg) !important; } html.high-contrast body :where(a, .footer-link) { color: var(--hc-fg) !important; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; } html.high-contrast body :where(button, input, select, textarea, .access-option > span, .access-switch-track, .pagination-link) { border: 2px solid var(--hc-fg) !important; color: var(--hc-fg) !important; background: var(--hc-bg) !important; box-shadow: none !important; } html.high-contrast body :where(input, select, textarea)::placeholder { color: #ffff99 !important; opacity: 1; } html.high-contrast body :where(a, button, input, select, textarea):focus-visible, html.high-contrast .access-choice-input:focus-visible + span, html.high-contrast .access-switch-input:focus-visible + .access-switch-track { outline: 3px solid var(--hc-focus) !important; outline-offset: 3px !important; } html.high-contrast body :where(.floating-button, .filter-button, .deal-cta, .page-search button, .score-badge, .category-label, .deal-discount, .pagination-link[aria-current="page"], .access-choice-input:checked + span), html.high-contrast body :where(a, button):hover { border-color: var(--hc-fg) !important; color: var(--hc-bg) !important; background: var(--hc-fg) !important; } html.high-contrast body :where(.floating-button, .filter-button, .deal-cta, .page-search button, .score-badge, .category-label, .deal-discount, .pagination-link[aria-current="page"], .access-choice-input:checked + span) * { color: var(--hc-bg) !important; } html.high-contrast body :where(a, button):hover * { color: var(--hc-bg) !important; } html.high-contrast body :where(.desktop-home-link, .desktop-nav-link, .mobile-nav-link)[aria-current="page"] { color: var(--hc-bg) !important; background: var(--hc-fg) !important; } html.high-contrast body :where(.desktop-home-link, .desktop-nav-link, .mobile-nav-link)[aria-current="page"] * { color: var(--hc-bg) !important; } html.high-contrast .access-switch-input:checked + .access-switch-track { border-color: var(--hc-fg) !important; background: var(--hc-fg) !important; } html.high-contrast .access-switch-track::after { background: var(--hc-fg) !important; } html.high-contrast .access-switch-input:checked + .access-switch-track::after { background: var(--hc-bg) !important; } html.high-contrast body :where(.pagination-link.is-disabled, [disabled], [aria-disabled="true"]) { color: #ffff99 !important; background: var(--hc-bg) !important; opacity: .72; } html.high-contrast body :where(hr, .public-pagination) { border-color: var(--hc-fg) !important; } html.high-contrast body ::selection { color: var(--hc-bg); background: var(--hc-fg); } html.high-contrast body :where(img, picture, video, .product-sprite) { filter: none !important; } html.high-contrast body img[alt="Recenzje.info"] { filter: brightness(0) saturate(100%) invert(89%) sepia(100%) saturate(5133%) hue-rotate(359deg) brightness(109%) contrast(104%) !important; } html.high-contrast :where(.about-page-hero, .testing-page-hero)::after { display: none; } html.high-contrast .testing-timeline::before { background: var(--hc-fg) !important; } html.high-contrast .youtube-play-mark { border: 2px solid var(--hc-fg) !important; background: var(--hc-bg) !important; box-shadow: none !important; } html.high-contrast .youtube-play-mark::after { border-left-color: var(--hc-fg) !important; } html.high-contrast .recommended-service-link { border: 2px solid var(--hc-fg) !important; background: #fff !important; } html.high-contrast body :where(.privacy-consent, .ad-placement-inner, .legal-lead, .legal-table, .legal-table th, .legal-table td) { color: var(--hc-fg) !important; background: var(--hc-bg) !important; } html.high-contrast .coupon-page-hero::after { display: none; } html.high-contrast .coupon-card::before { background: var(--hc-fg) !important; }