/* ============================================================
   CHAKRIBONDHU HOMEPAGE — V18.2 STANDARD POLISH
   Single final visual layer. Load AFTER home.css + site-footer.css.
   Does not change routes, data, forms or existing Blade loops.
   ============================================================ */

body.cb-home-page{
  --cbx-navy:#0b3b78;
  --cbx-blue:#0b74dc;
  --cbx-blue2:#1769d3;
  --cbx-green:#0b9f8f;
  --cbx-green2:#0aa58f;
  --cbx-orange:#f29a45;
  --cbx-ink:#173b68;
  --cbx-muted:#607894;
  --cbx-line:#d9e7f4;
  --cbx-soft:#f4f9fe;
  --cbx-shadow:0 12px 30px rgba(14,65,112,.075);
  background:#fff !important;
  color:var(--cbx-ink) !important;
  font-family:Inter,Arial,"Helvetica Neue",sans-serif !important;
  line-height:1.55 !important;
  overflow-x:hidden !important;
}

body.cb-home-page *,
body.cb-home-page *::before,
body.cb-home-page *::after{box-sizing:border-box;}

body.cb-home-page .cb-container{
  width:min(1440px,calc(100% - 64px)) !important;
  max-width:none !important;
  margin-inline:auto !important;
}

/* =========================
   HERO — stable 2x2 desktop composition
   ========================= */
body.cb-home-page .cb-home-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:0 !important;
  padding:26px 0 30px !important;
  background:
    radial-gradient(circle at 76% 18%,rgba(11,165,143,.11),transparent 360px),
    radial-gradient(circle at 7% 8%,rgba(11,116,220,.12),transparent 360px),
    linear-gradient(135deg,#edf7ff 0%,#f7fbff 56%,#eefaf7 100%) !important;
}

body.cb-home-page .cb-home-hero .cb-hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 74% 28%,rgba(11,165,143,.10),transparent 300px),
    radial-gradient(circle at 12% 30%,rgba(11,116,220,.10),transparent 330px) !important;
}

body.cb-home-page .cb-home-hero .cb-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(390px,450px) !important;
  grid-template-areas:
    "copy live"
    "audience app" !important;
  align-items:start !important;
  column-gap:28px !important;
  row-gap:16px !important;
  min-height:0 !important;
}

body.cb-home-page .cb-home-hero .cb-hero-copy{
  grid-area:copy !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  padding:10px 0 0 !important;
  margin:0 !important;
}

body.cb-home-page .cb-home-hero .cb-hero-copy{
  position:relative !important;
  background:url("../images/job-search-hero-final.svg") right 112px / 390px auto no-repeat !important;
}
body.cb-home-page .cb-home-hero .cb-hero-copy > *{position:relative !important;z-index:1 !important;}

body.cb-home-page .cb-home-hero .cb-hero-aside{
  display:contents !important;
}

body.cb-home-page .cb-home-hero .cb-audience-grid{
  grid-area:audience !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  margin:0 !important;
}

body.cb-home-page .cb-home-hero .cb-live-card{
  grid-area:live !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:18px !important;
  border:1px solid rgba(206,226,242,.95) !important;
  border-left:5px solid var(--cbx-blue) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.995),rgba(247,253,252,.995)) !important;
  box-shadow:var(--cbx-shadow) !important;
}

body.cb-home-page .cb-home-hero .cb-app-promo{
  grid-area:app !important;
  width:100% !important;
  min-width:0 !important;
  min-height:142px !important;
  margin:0 !important;
  padding:22px 24px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#0877dd 0%,#0aa293 100%) !important;
  box-shadow:0 14px 32px rgba(10,117,213,.17) !important;
  color:#fff !important;
}

/* Hero typography */
body.cb-home-page .cb-hero-badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:46px !important;
  margin:0 0 22px !important;
  padding:9px 18px !important;
  border:1px solid #bcdcf7 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.88) !important;
  color:#075cae !important;
  font-size:15px !important;
  font-weight:700 !important;
}

body.cb-home-page .cb-hero-copy h1{
  max-width:900px !important;
  margin:0 !important;
  color:var(--cbx-navy) !important;
  font-size:clamp(48px,4.15vw,68px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
}

body.cb-home-page .cb-hero-copy h1 .cb-hero-accent{
  color:#0a9c88 !important;
}

body.cb-home-page .cb-hero-subtitle{
  max-width:950px !important;
  margin:20px 0 22px !important;
  color:#54718f !important;
  font-size:18px !important;
  line-height:1.58 !important;
  font-weight:400 !important;
}

/* Search: keyword gets the room; filters remain fully readable */
body.cb-home-page .cb-search-card{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(280px,1.7fr) minmax(145px,.78fr) minmax(155px,.82fr) 132px !important;
  gap:8px !important;
  padding:8px !important;
  margin:0 !important;
  border:1px solid #cfe1f1 !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 25px rgba(14,76,126,.08) !important;
}

body.cb-home-page .cb-search-field{
  min-width:0 !important;
  min-height:58px !important;
  border:1px solid #d5e5f3 !important;
  border-radius:13px !important;
  background:#fff !important;
}

body.cb-home-page .cb-search-field input,
body.cb-home-page .cb-search-field select{
  min-width:0 !important;
  width:100% !important;
  color:#294a6d !important;
  font-size:16px !important;
  font-weight:500 !important;
}

body.cb-home-page .cb-search-field input::placeholder{color:#71869d !important;opacity:1 !important;}

body.cb-home-page .cb-search-submit{
  min-height:58px !important;
  border:0 !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#0b73dd,#0a9d91) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

body.cb-home-page .cb-quick-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:10px 0 0 !important;
  padding:0 !important;
}

body.cb-home-page .cb-quick-chips a{
  min-height:38px !important;
  padding:7px 14px !important;
  border:1px solid #cfe1f2 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.9) !important;
  color:#075cae !important;
  font-size:13px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  box-shadow:0 4px 12px rgba(15,75,125,.045) !important;
}

/* Candidate / employer cards — buttons always visible */
body.cb-home-page .cb-audience-card{
  position:relative !important;
  min-width:0 !important;
  min-height:188px !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  padding:20px 20px 18px !important;
  overflow:hidden !important;
  border:1px solid #d4e4f1 !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#fff,#f0f8ff) !important;
  box-shadow:0 9px 22px rgba(14,68,110,.06) !important;
}

body.cb-home-page .cb-audience-card.employer{
  background:linear-gradient(145deg,#fff,#effbf7) !important;
}

body.cb-home-page .cb-audience-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto !important;
  height:4px !important;
  background:linear-gradient(90deg,#0876dc,#0ba28f) !important;
}

body.cb-home-page .cb-audience-card.employer::before{
  background:linear-gradient(90deg,#f29b48,#0876dc) !important;
}

body.cb-home-page .cb-audience-title{
  margin:0 0 9px !important;
  color:#0b477f !important;
  font-size:22px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

body.cb-home-page .cb-audience-card ul{
  flex:1 1 auto !important;
  margin:0 0 12px !important;
  padding-left:20px !important;
  color:#607895 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

body.cb-home-page .cb-audience-card a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start !important;
  min-height:40px !important;
  padding:0 16px !important;
  border:1px solid #86d7c9 !important;
  border-radius:11px !important;
  background:#fff !important;
  color:#07927f !important;
  font-size:13px !important;
  font-weight:800 !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.cb-home-page .cb-audience-card.employer a{
  border-color:#b9d5f5 !important;
  color:#0b6bcf !important;
}

/* Live board readable and compact */
body.cb-home-page .cb-live-head{
  margin-bottom:12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #dbe8f3 !important;
}

body.cb-home-page .cb-live-head > div > span{
  color:#078d79 !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}

body.cb-home-page .cb-live-head h2{
  margin:4px 0 0 !important;
  color:#0b3977 !important;
  font-size:29px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}

body.cb-home-page .cb-live-pill{
  padding:8px 12px !important;
  border:1px solid #bfeeda !important;
  border-radius:999px !important;
  background:#eafff4 !important;
  color:#07865d !important;
  font-size:12px !important;
  font-weight:800 !important;
}

body.cb-home-page .cb-live-stats-single{margin:0 0 14px !important;}
body.cb-home-page .cb-live-stats-single > div{
  width:150px !important;
  padding:10px 16px !important;
  border:1px solid #d6e5f2 !important;
  border-radius:17px !important;
  background:#f8fbff !important;
}
body.cb-home-page .cb-live-stats strong{
  color:#0b72d9 !important;
  font-size:32px !important;
  line-height:1 !important;
}
body.cb-home-page .cb-live-stats span{font-size:12px !important;color:#617b96 !important;}

body.cb-home-page .cb-live-jobs h3{
  margin:0 0 8px !important;
  color:#075cae !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

body.cb-home-page .cb-mini-job{
  min-width:0 !important;
  min-height:58px !important;
  margin-bottom:7px !important;
  padding:7px 9px !important;
  border:1px solid #d8e6f2 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.95) !important;
}

body.cb-home-page .cb-mini-logo{
  width:38px !important;height:38px !important;min-width:38px !important;
  border-radius:11px !important;
  background:#eaf4ff !important;
  color:#0b70d5 !important;
}
body.cb-home-page .cb-mini-info strong{font-size:13px !important;color:#173b60 !important;line-height:1.25 !important;}
body.cb-home-page .cb-mini-info small{font-size:11px !important;color:#6b849f !important;line-height:1.3 !important;}
body.cb-home-page .cb-mini-arrow{color:#0874dc !important;font-size:21px !important;}

body.cb-home-page .cb-live-btn{
  min-height:45px !important;
  margin-top:8px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#0b73dc,#0b9d92) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
}

/* Android promo */
body.cb-home-page .cb-app-promo strong{
  display:block !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
body.cb-home-page .cb-app-promo span,
body.cb-home-page .cb-app-promo b{
  color:rgba(255,255,255,.92) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
body.cb-home-page .cb-app-promo-phone{
  width:62px !important;height:62px !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.15) !important;
  color:#fff !important;
}

/* =========================
   STANDARD LOWER SECTIONS
   ========================= */
body.cb-home-page .cb-section{
  padding:54px 0 !important;
}

body.cb-home-page .cb-section-head{
  margin:0 0 24px !important;
}

body.cb-home-page .cb-section-head > span,
body.cb-home-page .cb-section-head > div > span{
  color:#0872cf !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
}

body.cb-home-page .cb-section-head h2{
  margin:5px 0 0 !important;
  color:#103d73 !important;
  font-size:34px !important;
  line-height:1.16 !important;
  letter-spacing:-.025em !important;
  font-weight:750 !important;
}

body.cb-home-page .cb-section-head p{
  margin:9px 0 0 !important;
  color:#6a8199 !important;
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:400 !important;
}

/* Experience: 4 cards */
body.cb-home-page .cb-feature-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}

body.cb-home-page .cb-feature-card{
  position:relative !important;
  min-width:0 !important;
  min-height:178px !important;
  padding:23px !important;
  overflow:hidden !important;
  border:1px solid #d6e5f1 !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#fff,#f2f8ff) !important;
  box-shadow:var(--cbx-shadow) !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}

body.cb-home-page .cb-feature-card:nth-child(2){background:linear-gradient(145deg,#fff,#effbf8) !important;}
body.cb-home-page .cb-feature-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff8ee) !important;}
body.cb-home-page .cb-feature-card:nth-child(4){background:linear-gradient(145deg,#fff,#f3f0ff) !important;}

body.cb-home-page .cb-feature-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto !important;
  height:4px !important;
  border-radius:20px 20px 0 0 !important;
  background:linear-gradient(90deg,#0876dc,#0aa18f) !important;
}
body.cb-home-page .cb-feature-card:nth-child(3)::before{background:linear-gradient(90deg,#f29b48,#0b76d7) !important;}
body.cb-home-page .cb-feature-card:nth-child(4)::before{background:linear-gradient(90deg,#765bd9,#0b76d7) !important;}

body.cb-home-page .cb-feature-card>b{
  width:48px !important;height:48px !important;
  display:grid !important;place-items:center !important;
  margin:0 0 14px !important;
  border-radius:14px !important;
  background:#eaf4ff !important;
  font-size:23px !important;
}
body.cb-home-page .cb-feature-card:nth-child(2)>b{background:#e8faf5 !important;}
body.cb-home-page .cb-feature-card:nth-child(3)>b{background:#fff0df !important;}
body.cb-home-page .cb-feature-card:nth-child(4)>b{background:#efecff !important;}

body.cb-home-page .cb-feature-card h3{
  margin:0 0 7px !important;
  color:#123e72 !important;
  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
}
body.cb-home-page .cb-feature-card p{
  margin:0 !important;
  color:#6b8198 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* Category/location cards */
body.cb-home-page .cb-soft-section{
  background:linear-gradient(180deg,#f5faff 0%,#eef7fb 100%) !important;
}
body.cb-home-page .cb-category-grid,
body.cb-home-page .cb-location-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:13px !important;
}
body.cb-home-page .cb-category-card,
body.cb-home-page .cb-location-card{
  min-width:0 !important;
  min-height:100px !important;
  padding:16px !important;
  border:1px solid #d5e5f1 !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:0 7px 18px rgba(14,67,110,.055) !important;
}
body.cb-home-page .cb-category-icon,
body.cb-home-page .cb-location-icon{
  width:44px !important;height:44px !important;
  flex-basis:44px !important;
  border-radius:13px !important;
  background:#eaf4ff !important;
  color:#0872d2 !important;
  font-size:20px !important;
}
body.cb-home-page .cb-category-card:nth-child(2) .cb-category-icon,
body.cb-home-page .cb-location-card:nth-child(2) .cb-location-icon{background:#e9faf5 !important;color:#07927e !important;}
body.cb-home-page .cb-category-card strong,
body.cb-home-page .cb-location-card strong{color:#183f6c !important;font-size:14px !important;font-weight:700 !important;}
body.cb-home-page .cb-category-card small,
body.cb-home-page .cb-location-card small{color:#7690a8 !important;font-size:11px !important;}

/* Latest jobs */
body.cb-home-page .cb-job-card{
  border:1px solid #d7e6f2 !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#fff,#f8fbff) !important;
  box-shadow:0 9px 24px rgba(12,65,110,.06) !important;
}
body.cb-home-page .cb-job-card h3{
  color:#103e73 !important;
  font-size:18px !important;
  font-weight:750 !important;
}
body.cb-home-page .cb-job-company{color:#6d86a0 !important;font-size:14px !important;}
body.cb-home-page .cb-job-meta span{
  color:#607995 !important;
  font-size:12px !important;
}
body.cb-home-page .cb-job-actions a{
  min-height:45px !important;
  border-radius:11px !important;
  font-size:14px !important;
}

/* Why ChakriBondhu */
body.cb-home-page .cb-why-section{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 8% 10%,rgba(11,116,220,.09),transparent 300px),
    radial-gradient(circle at 94% 80%,rgba(10,164,143,.09),transparent 300px),
    #fff !important;
}
body.cb-home-page .cb-why-section .cb-section-head{
  text-align:center !important;
  max-width:1100px !important;
  margin:0 auto 28px !important;
}
body.cb-home-page .cb-why-section .cb-section-head > span,
body.cb-home-page .cb-why-section .cb-section-head > div > span{
  display:inline-flex !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  background:#eaf5ff !important;
  color:#0872cf !important;
  font-size:20px !important;
  line-height:1.2 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}
body.cb-home-page .cb-why-section .cb-section-head h2{
  font-size:clamp(30px,2.8vw,40px) !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
body.cb-home-page .cb-why-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
body.cb-home-page .cb-why-card{
  position:relative !important;
  min-height:190px !important;
  padding:23px !important;
  border:1px solid #d8e7f2 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 9px 24px rgba(14,68,112,.06) !important;
}
body.cb-home-page .cb-why-card:nth-child(2n){background:linear-gradient(145deg,#fff,#effbf8) !important;}
body.cb-home-page .cb-why-card>b{
  width:48px !important;height:48px !important;
  display:grid !important;place-items:center !important;
  margin:0 0 14px !important;
  border-radius:14px !important;
  background:#eaf4ff !important;
  font-size:22px !important;
}
body.cb-home-page .cb-why-card h3{
  margin:0 0 7px !important;
  color:#123e72 !important;
  font-size:18px !important;
  font-weight:750 !important;
}
body.cb-home-page .cb-why-card p{
  margin:0 !important;
  color:#6b8198 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* Blog */
body.cb-home-page .cb-blog-home-section{
  background:
    radial-gradient(circle at 90% 5%,rgba(10,161,143,.08),transparent 280px),
    linear-gradient(180deg,#f6faff,#eef7fb) !important;
}
body.cb-home-page .cb-blog-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:17px !important;
}
body.cb-home-page .cb-blog-card{
  overflow:hidden !important;
  border:1px solid #d6e5f1 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 9px 24px rgba(14,67,110,.06) !important;
}
body.cb-home-page .cb-blog-image{height:190px !important;background:linear-gradient(135deg,#eaf4ff,#eafaf6) !important;}
body.cb-home-page .cb-blog-card-body{padding:18px !important;}
body.cb-home-page .cb-blog-card h3{
  color:#123e72 !important;
  font-size:19px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}
body.cb-home-page .cb-blog-card p{
  color:#6c839b !important;
  font-size:14px !important;
  line-height:1.6 !important;
}
body.cb-home-page .cb-blog-empty{
  min-height:180px !important;
  border:1px solid #d5e5f1 !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#fff,#f3f9ff) !important;
}
body.cb-home-page .cb-blog-empty h3{
  color:#123e72 !important;
  font-size:21px !important;
  font-weight:750 !important;
}
body.cb-home-page .cb-blog-empty p{font-size:14px !important;color:#6b8198 !important;}

/* Companies / CTA */
body.cb-home-page .cb-company-card{
  border:1px solid #d6e5f1 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(14,67,110,.055) !important;
}
body.cb-home-page .cb-cta-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}
body.cb-home-page .cb-cta-card{
  border-radius:22px !important;
  box-shadow:0 12px 28px rgba(13,70,120,.08) !important;
}
body.cb-home-page .cb-cta-card:first-child{background:linear-gradient(135deg,#0879df,#1592df) !important;}
body.cb-home-page .cb-cta-card:nth-child(2){background:linear-gradient(135deg,#0b9e93,#16b29d) !important;}
body.cb-home-page .cb-cta-card h2{font-size:25px !important;font-weight:750 !important;color:#fff !important;}
body.cb-home-page .cb-cta-card p{font-size:15px !important;line-height:1.6 !important;color:rgba(255,255,255,.92) !important;}
body.cb-home-page .cb-cta-card .cb-cta-kicker{color:#0b477f !important;background:rgba(255,255,255,.78) !important;}
body.cb-home-page .cb-cta-card .cb-cta-btn:first-child{background:#086fd5 !important;color:#fff !important;border-color:#086fd5 !important;}
body.cb-home-page .cb-cta-card .cb-cta-btn:nth-child(2){background:#fff !important;color:#075cae !important;border-color:#fff !important;}
body.cb-home-page .cb-cta-btn{min-height:44px !important;border-radius:11px !important;font-size:13px !important;font-weight:800 !important;}

/* =========================
   TABLET
   ========================= */
@media (min-width:761px) and (max-width:1100px){
  body.cb-home-page .cb-container{width:calc(100% - 40px) !important;}
  body.cb-home-page .cb-home-hero .cb-hero-grid{
    grid-template-columns:minmax(0,1fr) 390px !important;
    column-gap:18px !important;
  }
  body.cb-home-page .cb-hero-copy h1{font-size:48px !important;}
  body.cb-home-page .cb-search-card{
    grid-template-columns:minmax(240px,1.55fr) minmax(130px,.8fr) minmax(135px,.8fr) 112px !important;
  }
  body.cb-home-page .cb-feature-grid{grid-template-columns:repeat(2,1fr) !important;}
  body.cb-home-page .cb-category-grid,
  body.cb-home-page .cb-location-grid{grid-template-columns:repeat(3,1fr) !important;}
}

/* =========================
   MOBILE — preserve good flow, readable type
   ========================= */
@media (max-width:760px){
  body.cb-home-page{
    padding-bottom:calc(82px + env(safe-area-inset-bottom)) !important;
  }
  body.cb-home-page .cb-container{width:calc(100% - 24px) !important;}
  body.cb-home-page .cb-home-hero{
    padding:18px 0 24px !important;
  }
  body.cb-home-page .cb-home-hero .cb-hero-bg{
    background:linear-gradient(180deg,rgba(240,249,255,.86),rgba(247,252,255,.94)) !important;
  }
  body.cb-home-page .cb-home-hero .cb-hero-copy{
    background:none !important;
  }
  body.cb-home-page .cb-home-hero .cb-hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }
  body.cb-home-page .cb-home-hero .cb-hero-copy{
    order:1 !important;
    width:100% !important;
    padding:8px 0 0 !important;
  }
  body.cb-home-page .cb-home-hero .cb-hero-aside{
    order:2 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
  }
  body.cb-home-page .cb-home-hero .cb-audience-grid{
    order:1 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.cb-home-page .cb-home-hero .cb-app-promo{order:2 !important;}
  body.cb-home-page .cb-home-hero .cb-live-card{order:3 !important;}

  body.cb-home-page .cb-hero-badge{
    min-height:40px !important;
    margin-bottom:16px !important;
    padding:8px 13px !important;
    font-size:12px !important;
  }
  body.cb-home-page .cb-hero-copy h1{
    max-width:none !important;
    font-size:clamp(36px,10vw,50px) !important;
    line-height:1.03 !important;
  }
  body.cb-home-page .cb-hero-subtitle{
    margin:16px 0 18px !important;
    font-size:16px !important;
    line-height:1.58 !important;
  }
  body.cb-home-page .cb-search-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }
  body.cb-home-page .cb-search-keyword,
  body.cb-home-page .cb-search-field,
  body.cb-home-page .cb-search-submit{grid-column:1 / -1 !important;}
  body.cb-home-page .cb-search-field,
  body.cb-home-page .cb-search-submit{min-height:56px !important;}
  body.cb-home-page .cb-search-field input,
  body.cb-home-page .cb-search-field select{font-size:16px !important;}
  body.cb-home-page .cb-search-submit{font-size:16px !important;}
  body.cb-home-page .cb-quick-chips{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
    padding-bottom:2px !important;
  }
  body.cb-home-page .cb-quick-chips::-webkit-scrollbar{display:none !important;}
  body.cb-home-page .cb-quick-chips a{flex:0 0 auto !important;}

  body.cb-home-page .cb-audience-card{
    min-height:198px !important;
    padding:18px 15px 15px !important;
    border-radius:18px !important;
  }
  body.cb-home-page .cb-audience-title{font-size:17px !important;}
  body.cb-home-page .cb-audience-card ul{
    font-size:12px !important;
    line-height:1.55 !important;
    padding-left:17px !important;
  }
  body.cb-home-page .cb-audience-card a{
    min-height:38px !important;
    padding:0 11px !important;
    font-size:11.5px !important;
  }

  body.cb-home-page .cb-app-promo{
    min-height:112px !important;
    padding:18px !important;
    border-radius:18px !important;
  }
  body.cb-home-page .cb-app-promo strong{font-size:17px !important;}
  body.cb-home-page .cb-app-promo span,
  body.cb-home-page .cb-app-promo b{font-size:12px !important;}

  body.cb-home-page .cb-live-card{
    padding:16px !important;
    border-radius:20px !important;
  }
  body.cb-home-page .cb-live-head h2{font-size:24px !important;}
  body.cb-home-page .cb-mini-info strong{font-size:12.5px !important;}
  body.cb-home-page .cb-mini-info small{font-size:10.5px !important;}
  body.cb-home-page .cb-live-stats-single > div{width:140px !important;}

  body.cb-home-page .cb-section{padding:42px 0 !important;}
  body.cb-home-page .cb-section-head{margin-bottom:20px !important;}
  body.cb-home-page .cb-section-head h2{font-size:27px !important;}
  body.cb-home-page .cb-why-section .cb-section-head > span,
  body.cb-home-page .cb-why-section .cb-section-head > div > span{font-size:17px !important;}
  body.cb-home-page .cb-why-section .cb-section-head h2{font-size:25px !important;}
  body.cb-home-page .cb-section-head p{font-size:15px !important;}

  body.cb-home-page .cb-feature-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.cb-home-page .cb-feature-card{
    min-height:170px !important;
    padding:16px !important;
    border-radius:17px !important;
  }
  body.cb-home-page .cb-feature-card>b{
    width:40px !important;height:40px !important;
    margin-bottom:10px !important;
    font-size:19px !important;
  }
  body.cb-home-page .cb-feature-card h3{font-size:15px !important;}
  body.cb-home-page .cb-feature-card p{font-size:11.5px !important;line-height:1.5 !important;}

  body.cb-home-page .cb-category-grid,
  body.cb-home-page .cb-location-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.cb-home-page .cb-category-card,
  body.cb-home-page .cb-location-card{
    min-height:90px !important;
    padding:12px !important;
    border-radius:15px !important;
  }
  body.cb-home-page .cb-category-icon,
  body.cb-home-page .cb-location-icon{
    width:38px !important;height:38px !important;flex-basis:38px !important;
    font-size:17px !important;
  }
  body.cb-home-page .cb-category-card strong,
  body.cb-home-page .cb-location-card strong{font-size:12px !important;}
  body.cb-home-page .cb-category-card small,
  body.cb-home-page .cb-location-card small{font-size:9.5px !important;}

  body.cb-home-page .cb-job-grid{grid-template-columns:1fr !important;}
  body.cb-home-page .cb-why-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.cb-home-page .cb-why-card{
    min-height:155px !important;
    padding:15px !important;
    border-radius:17px !important;
  }
  body.cb-home-page .cb-why-card>b{
    width:39px !important;height:39px !important;
    margin-bottom:9px !important;
    font-size:18px !important;
  }
  body.cb-home-page .cb-why-card h3{font-size:14px !important;}
  body.cb-home-page .cb-why-card p{font-size:10.5px !important;}

  body.cb-home-page .cb-blog-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body.cb-home-page .cb-blog-image{height:130px !important;}
  body.cb-home-page .cb-blog-card-body{padding:13px !important;}
  body.cb-home-page .cb-blog-card h3{font-size:14px !important;}
  body.cb-home-page .cb-blog-card p{font-size:10.5px !important;}

  body.cb-home-page .cb-cta-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body.cb-home-page .cb-cta-card{min-height:205px !important;padding:22px !important;}
}

@media (max-width:520px){
  body.cb-home-page .cb-feature-grid,
  body.cb-home-page .cb-why-grid,
  body.cb-home-page .cb-blog-grid{
    grid-template-columns:1fr 1fr !important;
  }
  body.cb-home-page .cb-feature-card{min-height:165px !important;}
}

@media (max-width:380px){
  body.cb-home-page .cb-container{width:calc(100% - 18px) !important;}
  body.cb-home-page .cb-feature-grid,
  body.cb-home-page .cb-why-grid,
  body.cb-home-page .cb-blog-grid{gap:8px !important;}
  body.cb-home-page .cb-feature-card,
  body.cb-home-page .cb-why-card{padding:12px !important;}
}


/* ============================================================
   V18.2 FINAL POLISH — overlap, contrast, typography safeguards
   ============================================================ */
body.cb-home-page .cb-home-hero .cb-hero-grid,
body.cb-home-page .cb-home-hero .cb-hero-copy,
body.cb-home-page .cb-search-card,
body.cb-home-page .cb-search-field,
body.cb-home-page .cb-live-card{min-width:0 !important;}
body.cb-home-page .cb-search-card{overflow:visible !important;}
body.cb-home-page .cb-search-submit{min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;}
body.cb-home-page .cb-live-card{position:relative !important;z-index:5 !important;}
body.cb-home-page .cb-search-card{position:relative !important;z-index:2 !important;}
body.cb-home-page .cb-app-promo{position:relative !important;z-index:3 !important;}
body.cb-home-page .cb-cta-card{color:#fff !important;}
body.cb-home-page .cb-cta-card *{text-shadow:none !important;}
@media (min-width:1101px){
  body.cb-home-page .cb-home-hero .cb-hero-grid{grid-template-columns:minmax(0,1fr) 430px !important;column-gap:24px !important;}
  body.cb-home-page .cb-search-card{grid-template-columns:minmax(260px,1.8fr) minmax(138px,.78fr) minmax(148px,.82fr) 126px !important;}
  body.cb-home-page .cb-live-card{padding:18px !important;}
}