/* Refine the production home: greeting, search, CMS banner and discovery feeds.
   Preserve carousel geometry, section order, badge controls and media sizing. */
body.home-mobile-layout {
  --home-refined-surface: #fff;
  --home-refined-border: #e9e3ee;
  --home-refined-ink: #30243d;
  --home-refined-muted: #74697e;
  --home-refined-accent: #684191;
  background: #f8f7fb !important;
}
body.home-mobile-layout .home-greeting { margin-top: 18px; margin-bottom: 14px; }
body.home-mobile-layout .home-greeting-title { color: var(--home-refined-ink); font-size: clamp(22px, 2.4vw, 28px); line-height: 1.6; }
body.home-mobile-layout .home-greeting-sub { color: var(--home-refined-muted); font-weight: 500; line-height: 1.8; }
body.home-mobile-layout .home-greeting-bar { background: linear-gradient(180deg, #684191, #b99762); box-shadow: none; }
body.home-mobile-layout .home-search-card {
  background: var(--home-refined-surface);
  border-color: var(--home-refined-border);
  border-radius: 16px;
  box-shadow: 0 5px 18px #36234406;
}
body.home-mobile-layout .home-search-placeholder { color: var(--home-refined-muted); font-weight: 600; }
body.home-mobile-layout .home-search-submit { background: #684191; border-radius: 12px; box-shadow: none; }
body.home-mobile-layout .home-search-tune { background: #f3eef8; color: #684191; border-radius: 12px; }
body.home-mobile-layout #hero { border-radius: 20px; box-shadow: 0 8px 28px #3623440d; }
body.home-mobile-layout .home-sections-stack { background: transparent !important; }
body.home-mobile-layout .home-section-shell {
  --section-shadow: 0 5px 20px #36234406;
  background: var(--home-refined-surface) !important;
  border: 1px solid var(--home-refined-border);
  border-radius: 20px;
  box-shadow: var(--section-shadow) !important;
}
body.home-mobile-layout .home-section-shell::before { background: none; }
body.home-mobile-layout .home-section-shell::after { background: none; border-color: transparent; }
body.home-mobile-layout .home-section-kicker { color: var(--home-refined-ink); font-weight: 800; }
body.home-mobile-layout .view-all-btn { color: var(--home-refined-accent); background: #f5f0f9; border-color: var(--home-refined-border); box-shadow: none; }
body.home-mobile-layout :is(.cat-item, .featured-specialist-card) { box-shadow: 0 3px 10px #36234405; border-color: var(--home-refined-border); }
body.home-mobile-layout .home-seo-card { border-color: var(--home-refined-border); box-shadow: 0 5px 20px #36234406; }
body.home-mobile-layout :is(.home-search-card, .view-all-btn, .cat-item, .featured-specialist-card, .showcase-card):focus-visible { outline: 3px solid #a885c8; outline-offset: 3px; }
html[data-theme="dark"] body.home-mobile-layout {
  --home-refined-surface: #211a2b;
  --home-refined-border: #3c304a;
  --home-refined-ink: #f1eaf8;
  --home-refined-muted: #c1b4ce;
  --home-refined-accent: #cfafea;
  background: #18131f !important;
}
html[data-theme="dark"] body.home-mobile-layout .home-search-card { background: var(--home-refined-surface) !important; border-color: var(--home-refined-border) !important; box-shadow: none !important; }
html[data-theme="dark"] body.home-mobile-layout .home-search-placeholder { color: var(--home-refined-muted) !important; }
html[data-theme="dark"] body.home-mobile-layout .home-search-submit { background: #684191 !important; box-shadow: none !important; }
html[data-theme="dark"] body.home-mobile-layout .home-search-tune { background: #352641 !important; color: #cfafea !important; }
html[data-theme="dark"] body.home-mobile-layout .view-all-btn { background: #30243c; }
html[data-theme="dark"] body.home-mobile-layout .reels-sparse-note { background: #2d2238; border-color: var(--home-refined-border); }
html[data-theme="dark"] body.home-mobile-layout .reels-sparse-note-copy strong { color: var(--home-refined-ink) !important; }
html[data-theme="dark"] body.home-mobile-layout .reels-sparse-note-copy small { color: var(--home-refined-muted) !important; }
@media (max-width: 620px) {
  body.home-mobile-layout .home-greeting { margin-top: 12px; margin-bottom: 10px; }
  body.home-mobile-layout .home-greeting-title { font-size: 22px; }
  body.home-mobile-layout .home-search-card { min-height: 56px; border-radius: 16px; }
  body.home-mobile-layout #hero { border-radius: 18px; }
  body.home-mobile-layout .home-section-shell { border-radius: 18px; }
}