/* EarnHub v18 — site-wide typography, motion, catalog filters and fallback ads */
:root{
  --eh-font:"Manrope",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --eh-ease:cubic-bezier(.22,1,.36,1);
  --eh-soft-shadow:0 18px 44px rgba(0,0,0,.18);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}
body,button,input,select,textarea{font-family:var(--eh-font)!important}
body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;letter-spacing:-.006em}
h1,h2,h3,h4,h5,h6,.brand b,.site-name h3,.feature-meta h3,.section-head h2{letter-spacing:-.032em;font-weight:800}
button,a,input,select,textarea,.btn,.site-card,.recent-card,.category-card{transition-duration:.22s!important;transition-timing-function:var(--eh-ease)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(67,174,255,.92)!important;outline-offset:2px!important}
img{image-rendering:auto}

/* Rendering cost reductions below the fold. */
.section,.catalog-results-v11,.content-article section,.recent-card,.site-card{content-visibility:auto;contain-intrinsic-size:1px 340px}
.topbar{will-change:auto}

/* Premium catalog filter surface. */
.catalog-v11-filters,
.catalog-filter-panel{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  padding:20px!important;
  border:1px solid rgba(54,126,190,.56)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(31,139,255,.12),transparent 32%),
    linear-gradient(180deg,rgba(8,30,52,.98),rgba(5,22,40,.99))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),var(--eh-soft-shadow),0 0 32px rgba(19,113,219,.06)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  overflow:visible!important;
}
.catalog-v11-filters:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(57,176,255,.055),transparent 38%,rgba(130,86,255,.035));opacity:.9}
.catalog-v11-filters>*{position:relative;z-index:1}
.catalog-v11-filters .filter-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 18px!important;padding:0 0 17px!important;border-bottom:1px solid rgba(47,101,149,.33)!important}
.catalog-v11-filters .filter-title>div{display:grid!important;gap:7px!important}
.catalog-v11-filters .filter-title span{color:#57bcff!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.catalog-v11-filters .filter-title b{color:#f7fbff!important;font-size:18px!important;line-height:1.1!important;font-weight:800!important}
.catalog-v11-filters #resetFilters{height:30px!important;padding:0 10px!important;border:1px solid rgba(54,117,173,.48)!important;border-radius:999px!important;background:rgba(10,39,67,.72)!important;color:#8fb9dc!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important}
.catalog-v11-filters #resetFilters:hover{color:#fff!important;border-color:#45a6f4!important;background:#0b3154!important;transform:translateY(-1px)}
.catalog-v11-filters .catalog-filter-fields{display:grid!important;gap:13px!important}
.catalog-v11-filters .catalog-filter-fields>label{position:relative!important;display:grid!important;gap:7px!important;color:#789ab9!important;font-size:9px!important;font-weight:650!important}
.catalog-v11-filters .catalog-filter-fields>label>span{padding-left:2px!important}
.catalog-v11-filters select{
  width:100%!important;height:43px!important;padding:0 38px 0 13px!important;
  appearance:none!important;-webkit-appearance:none!important;
  border:1px solid rgba(45,108,163,.72)!important;border-radius:11px!important;
  color:#e8f5ff!important;background-color:#071a2f!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238cb8db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
  font-size:10.5px!important;font-weight:650!important;cursor:pointer!important;
}
.catalog-v11-filters select:hover{border-color:rgba(62,145,218,.90)!important;background-color:#08213a!important}
.catalog-v11-filters select:focus{border-color:#3ea9ff!important;box-shadow:0 0 0 3px rgba(43,151,255,.12),inset 0 1px rgba(255,255,255,.025)!important}
.catalog-v11-filters select option{background:#07182b!important;color:#f0f7ff!important}
.catalog-v11-filters .catalog-filter-toggles{display:grid!important;gap:11px!important;margin-top:17px!important;padding-top:16px!important;border-top:1px solid rgba(46,98,145,.31)!important}
.catalog-v11-filters .filter-check{min-height:34px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 9px!important;border-radius:10px!important;color:#a6bfd6!important;font-size:10px!important;cursor:pointer!important;transition:background .2s var(--eh-ease),color .2s var(--eh-ease)!important}
.catalog-v11-filters .filter-check:hover{background:rgba(16,54,90,.45)!important;color:#fff!important}
.catalog-v11-filters .filter-check input{appearance:none!important;width:17px!important;height:17px!important;margin:0!important;border:1px solid #477496!important;border-radius:5px!important;background:#071525!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.catalog-v11-filters .filter-check input:checked{border-color:#3daaff!important;background:linear-gradient(180deg,#28a7ff,#0a78ed)!important;box-shadow:0 0 16px rgba(30,143,255,.22)!important}
.catalog-v11-filters .filter-check input:checked:after{content:"";width:7px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}

/* Smooth result interactions without expensive all-property animation. */
.catalog-v11-grid .catalog-row{transition:transform .22s var(--eh-ease),border-color .22s var(--eh-ease),box-shadow .22s var(--eh-ease),background-color .22s var(--eh-ease)!important}
.catalog-v11-grid .catalog-row:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(0,0,0,.17),0 0 26px rgba(15,117,255,.05)!important}

/* Owner-verified status must visually win over generic caution labels. */
.trust-badge.verified,.trust-chip.verified{box-shadow:0 0 18px rgba(44,215,150,.08)!important}

/* Owner fallback / house advertising. The original creative is shown at its real aspect ratio. */
.house-ad{position:relative;border-bottom:1px solid rgba(47,113,170,.42);background:linear-gradient(180deg,#06172a,#071c33);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.house-ad-shell{padding-top:12px;padding-bottom:14px;display:grid;gap:9px;justify-items:center}
.house-ad-meta{width:min(970px,100%);display:flex;align-items:center;gap:9px;min-height:24px;color:#89a7c4}
.house-ad-label{flex:none;display:inline-flex;align-items:center;height:23px;padding:0 9px;border:1px solid rgba(55,157,235,.45);border-radius:999px;background:rgba(20,92,148,.20);color:#7dcaff;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.house-ad-title{min-width:0;color:#eaf5ff;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.house-ad-fallback{margin-left:auto;color:#577996;font-size:8px;white-space:nowrap}
.house-ad-banner{position:relative;width:min(970px,100%);min-height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(43,103,157,.62);border-radius:12px;background:linear-gradient(180deg,rgba(7,27,48,.86),rgba(5,19,34,.94));box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 26px rgba(0,0,0,.16);text-decoration:none!important}
.house-ad-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(31,139,255,.07),transparent 52%)}
.house-ad-banner img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:100%;max-height:118px;object-fit:contain;border:0;border-radius:0;background:transparent}
.house-ad-banner:hover{border-color:rgba(71,158,230,.82);box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 34px rgba(0,0,0,.20),0 0 26px rgba(20,129,233,.07);transform:translateY(-1px)}

@media(max-width:900px){
  .catalog-v11-filters,.catalog-filter-panel{position:relative!important;top:auto!important;border-radius:16px!important;padding:16px!important}
  .house-ad-shell{padding-top:10px;padding-bottom:11px}.house-ad-fallback{display:none}.house-ad-banner{border-radius:10px}.house-ad-banner img{max-height:104px}
}
@media(max-width:560px){
  .catalog-v11-filters .catalog-filter-fields{grid-template-columns:1fr!important}
  .house-ad-meta{gap:7px}.house-ad-title{font-size:9px}.house-ad-banner{min-height:48px}.house-ad-banner img{width:100%;max-height:none;height:auto}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}