/* Desktop website layout. Mobile rules remain below 1024px. */
@media (min-width:1024px) {
  html {scroll-padding-top:100px}
  body {padding-bottom:0!important;background:#f4f7f6}
  html body .home-page,html body .provider-home-page {padding-bottom:40px!important}
  #home-page .home-content, .provider-home-content {
    width:100%!important;max-width:1248px!important;margin-inline:auto!important;padding:0 40px 40px!important;
  }
  .home-hero,.provider-home-hero {
    padding:24px max(40px,calc((100vw - 1168px)/2)) 70px!important;
  }
  .home-top,.provider-home-top {min-height:56px;margin-bottom:40px}
  .home-hero h1,.provider-home-intro h1 {font-size:38px;line-height:1.2;max-width:850px}
  .home-greeting,.provider-home-intro p {font-size:19px}
  .home-search {max-width:800px;height:64px;margin:-32px auto 36px;border-radius:18px;box-shadow:0 12px 35px #123f4310}
  .home-search input {font-size:17px}
  .home-services {padding:0 0 8px}
  .home-section-title h2,.home-directory .home-section-title h2 {font-size:26px}
  .home-categories {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .home-category {flex-direction:row;justify-content:flex-start;padding:18px 24px;border:1px solid #dfe9e5;border-radius:18px;background:#fff;font-size:16px;text-align:left}
  .home-category>span:first-child {width:58px;height:58px;flex:0 0 58px}
  .home-category svg {width:30px;height:30px}
  .home-featured-carousel {margin:28px 0 36px}
  .home-banner {height:330px!important}
  .home-banner>div {padding:42px}
  .home-banner h2,.home-featured-professional h2 {font-size:42px}
  .home-professionals {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .home-pro {padding:18px;gap:18px;min-height:138px;transition:box-shadow .18s,transform .18s}
  .home-pro:hover {box-shadow:0 12px 28px #123f4312;transform:translateY(-2px)}
  body[data-screen="home"] .home-about {width:100%!important;max-width:100%!important;margin:56px 0 0!important;transform:none!important;border-radius:22px!important}
  html body .home-nav,html body .provider-home-nav,
  html body .provider-explore-nav,html body>nav.mobile-nav {
    position:fixed!important;top:22px!important;bottom:auto!important;left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;width:480px!important;max-width:480px!important;height:56px!important;
    padding:5px!important;border:1px solid #dce8e3!important;border-radius:16px!important;
    background:#fff!important;box-shadow:0 6px 24px #082f3014!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;
  }
  html body .home-nav::before,html body .home-nav::after,
  html body .provider-home-nav::before,html body .provider-home-nav::after,
  html body .provider-explore-nav::before,html body .provider-explore-nav::after,
  html body>nav.mobile-nav::before,html body>nav.mobile-nav::after {display:none!important}
  html body .home-nav button,html body .provider-home-nav button,
  html body .provider-explore-nav button,html body>nav.mobile-nav button {
    flex-direction:row!important;justify-content:center!important;align-items:center!important;
    min-height:44px!important;height:44px!important;gap:9px!important;padding:8px 12px!important;
    border-radius:11px!important;transform:none!important;font-size:14px!important;
  }
  html body .home-nav button.active,html body .provider-home-nav button.active,
  html body .provider-explore-nav button.active,html body>nav.mobile-nav button.active {background:#eaf5f0!important;color:#0b6055!important}
  html body .home-nav button::after,html body .provider-home-nav button::after,
  html body .provider-explore-nav button::after,html body>nav.mobile-nav button::after {display:none!important}
  html body .home-nav svg,html body .provider-home-nav svg,html body .provider-explore-nav svg {width:21px!important;height:21px!important}
  body[data-screen="results"]>main {max-width:1248px;padding:0 40px 48px}
  body[data-screen="results"] .results-header {padding:100px 40px 56px;margin:0 -40px;background:#103f43}
  body[data-screen="results"] .results-header h1 {font-size:36px}
  body[data-screen="results"] .search-bar {max-width:850px;margin:-28px auto 30px}
  .professional-grid,#list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
  .filters {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .filters label,.filters input,.filters select {font-size:14px}
  .provider-stats {gap:20px;margin-bottom:28px}
  .provider-stats article {padding:24px;min-height:155px}
  .provider-opportunity-list,.provider-explore-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
  .provider-explore {padding-bottom:40px}
  .provider-explore-hero {padding:102px max(40px,calc((100vw - 1168px)/2)) 58px!important}
  .provider-explore main {max-width:1248px!important;padding-inline:40px!important}
  .provider-explore-filters {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .provider-explore-filters strong {font-size:13px}
  .provider-explore-filters select,.provider-explore-filters small {font-size:12px}
  .provider-explore-categories button {flex-basis:90px;width:90px}
  .provider-explore-categories small {max-width:90px;font-size:12px}
  .overlay {padding:32px}
  .profile-modal {width:min(1040px,100%)!important;max-height:90dvh;border-radius:24px}
  .public-profile-hero {padding:28px 36px}
  .public-profile-hero h2 {font-size:32px}
  .public-profile-hero p:not(.eyebrow) {font-size:16px}
  .public-profile-section {margin:20px 28px 0;padding:24px}
  .public-profile-section>p {font-size:15px}
  .public-profile-nav {padding:12px 28px;gap:12px}
  .udipro-standalone-page:not([data-standalone-kind="chat"])>.udipro-standalone-body {width:min(1120px,100%)!important;max-width:1120px!important;margin-inline:auto!important;padding:28px 32px 48px!important}
  .udipro-standalone-page[data-standalone-kind="chat"] {background:#edf3f0!important}
  .udipro-standalone-page[data-standalone-kind="chat"]:not(.udipro-chat-conversation-open)>.udipro-standalone-body {width:min(920px,100%)!important;max-width:920px!important;padding-inline:32px!important}
  .udipro-standalone-page[data-standalone-kind="chat"].udipro-chat-conversation-open>.udipro-standalone-body {width:min(960px,100%)!important;left:50%!important;right:auto!important;transform:translateX(-50%);box-shadow:0 0 40px #123f4310}
  .udipro-chat-final .udipro-chat-message {max-width:68%!important}
  .udipro-sheet {width:min(720px,100%);padding:24px 32px}
  button:focus-visible,a:focus-visible {outline:2px solid #0b806e;outline-offset:4px}
}

/* Keep fixed desktop screens inside the viewport and use a single scroll owner. */
@media (min-width:1024px) {
  html {overflow-x:clip}
  body {min-width:0}
  html:has(#provider-explore),html:has(.udipro-standalone-page) {overflow:hidden!important}
  body:has(#provider-explore),body:has(.udipro-standalone-page) {overflow:hidden!important}
  #provider-explore {width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  #provider-explore>.provider-explore-hero {width:100%;max-width:100%;min-width:0}
  #provider-explore>main {width:100%!important;min-width:0;max-width:1248px!important}
  #provider-explore>main>section,.provider-explore-results,.provider-explore-list,
  .provider-explore-request-card,.provider-explore-request-content {min-width:0;max-width:100%}
  #provider-explore .provider-explore-categories {
    display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
    gap:12px;overflow:visible!important;width:100%;min-width:0;padding:0 0 16px;
  }
  #provider-explore .provider-explore-categories button {
    width:100%;min-width:0;height:auto;min-height:90px;padding:8px 4px;
  }
  #provider-explore .provider-explore-categories small {
    width:100%;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;
    overflow-wrap:anywhere;line-height:1.3;
  }
  #provider-explore-search {width:100%;max-width:100%;min-width:0}
  #provider-explore-search input {width:0;flex:1 1 0;min-width:0}
  #provider-explore-search button {flex-shrink:0}
  .provider-explore-filters label,.provider-explore-filters label>div {min-width:0;max-width:100%}
  .provider-explore-request-photo img {max-width:100%}
  .provider-explore-request-content h3,.provider-explore-request-content p {overflow-wrap:anywhere}
  .udipro-standalone-page {max-width:100%;overflow-x:hidden}
}

/* Website density: normal text and compact dashboard/request components. */
@media (min-width:1024px) {
  body {font-size:14px}
  .home-hero,.provider-home-hero {padding-bottom:48px!important}
  .home-top,.provider-home-top {margin-bottom:24px}
  .home-hero h1,.provider-home-intro h1 {font-size:28px!important;line-height:1.25}
  .home-greeting,.provider-home-intro p {font-size:15px!important}
  .home-search {height:52px;margin-top:-26px;margin-bottom:24px}
  .home-search input {font-size:14px}
  .home-section-title h2,.home-directory .home-section-title h2,.provider-section-title h2 {font-size:21px!important}
  .home-category {padding:12px 16px;font-size:14px;gap:12px}
  .home-category>span:first-child {width:44px;height:44px;flex-basis:44px}
  .home-category svg {width:25px;height:25px}
  .home-banner {height:230px!important}
  .home-banner>div {padding:28px}
  .home-banner h2,.home-featured-professional h2 {font-size:30px!important}
  .home-featured-professional p {font-size:14px}
  .home-featured-carousel {margin:20px 0 26px}
  .home-pro {min-height:104px;padding:14px;gap:14px}
  .home-pro-photo {width:72px;height:72px}
  .home-pro-body strong {font-size:16px}
  .home-pro-trade {font-size:13px}
  .home-pro-location {font-size:12px}
  .provider-stats {gap:16px;margin-bottom:22px}
  .provider-stats article {min-height:110px;padding:16px!important;border-radius:14px}
  .provider-stats article>span {margin-bottom:6px}
  .provider-stats article>span svg {width:22px!important;height:22px!important}
  .provider-stats strong {font-size:25px!important}
  .provider-stats small {font-size:13px!important}
  .provider-banner {min-height:180px;margin-bottom:24px}
  .provider-banner>div:first-child {padding:24px}
  .provider-banner h2 {font-size:27px}
  .provider-banner p,.provider-section-title p {font-size:14px}
  .provider-banner button {font-size:13px;padding:10px 16px}
  .provider-opportunity-list,.provider-explore-list,.provider-all-list {gap:18px!important}
  .provider-opportunity-card,.provider-all-list .provider-opportunity-card {padding:16px;border-radius:16px;gap:10px}
  .provider-opportunity-main h3 {font-size:18px!important;line-height:1.3}
  .provider-opportunity-main p,.provider-opportunity-meta {font-size:13px!important}
  .provider-opportunity-card button {min-height:38px!important;font-size:13px!important;padding:9px 14px!important}
  #provider-explore .provider-explore-hero h1,body[data-screen="results"] .results-header h1 {font-size:28px!important}
  #provider-explore .provider-explore-categories button {min-height:76px}
  .provider-explore-request-photo {height:160px!important}
  .provider-explore-request-content {padding:16px 18px!important;gap:10px!important}
  .provider-explore-request-card .provider-explore-request-content>button[data-open-explore-request] {min-height:40px!important;font-size:13px!important;padding:10px 16px!important;border-radius:12px!important}
  .provider-all-opportunities>main {max-width:1200px!important;padding:24px 32px 40px!important}
  .provider-all-list {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .provider-all-intro h1 {font-size:24px!important}
  .provider-all-header {min-height:62px}
  .provider-request-detail-overlay {padding:28px!important}
  .provider-request-full {width:min(760px,100%)!important;max-width:760px!important;max-height:calc(100dvh - 56px)!important;border-radius:18px!important}
  .provider-request-body {padding:20px 24px!important;min-height:0}
  .provider-request-full h2 {font-size:22px!important;line-height:1.3}
  .provider-request-section {padding:14px 16px!important}
  .provider-request-section h3 {font-size:14px!important}
  .provider-request-section p {font-size:14px!important;line-height:1.5}
  .provider-request-actions {padding:12px 24px!important}
  .provider-request-actions button {min-height:40px!important;font-size:13px!important}
  .provider-proposal-form input,.provider-proposal-form textarea,.provider-proposal-form select {font-size:14px!important}
  .udipro-standalone-header {padding:14px max(32px,calc((100% - 1056px)/2))!important}
  .udipro-standalone-header h1 {font-size:22px!important}
  .udipro-order-detail-page {width:100%;max-width:900px;margin-inline:auto}
  .udipro-order-detail-page h2 {font-size:24px!important}
  .udipro-order-detail-page h3,.udipro-provider-info h4 {font-size:18px!important}
  .udipro-order-detail-page p {font-size:14px!important}
  .udipro-order-list,.udipro-attendance-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .public-profile-hero h2 {font-size:26px}
  .public-profile-hero p:not(.eyebrow) {font-size:14px}
  .public-profile-section {padding:18px 22px}
  .public-profile-section>p {font-size:14px}
  html:has(.provider-all-opportunities),body:has(.provider-all-opportunities) {overflow:hidden!important}
  .provider-all-opportunities {overflow-x:hidden;overflow-y:auto}
}

/* Home opportunity carousel uses a compact website card instead of a full hero. */
@media (min-width:1024px) {
  #provider-opportunities {margin-top:24px!important}
  #provider-opportunity-list {display:block!important}
  #provider-opportunity-list .provider-opportunity-carousel {
    width:100%;max-width:960px;min-height:0!important;margin:0;
  }
  #provider-opportunity-list .provider-featured-request {
    min-height:0!important;height:auto!important;border-radius:18px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  }
  #provider-opportunity-list .provider-featured-request.has-photo {
    grid-template-columns:260px minmax(0,1fr)!important;
  }
  #provider-opportunity-list .provider-featured-photo {
    min-height:0!important;height:100%!important;min-width:0;align-self:stretch;
  }
  #provider-opportunity-list .provider-featured-photo img {
    display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center;
  }
  #provider-opportunity-list .provider-featured-photo>span {
    left:12px;bottom:12px;padding:5px 8px;font-size:10px;
  }
  #provider-opportunity-list .provider-featured-content {
    min-height:0!important;padding:18px 22px!important;gap:10px!important;
  }
  #provider-opportunity-list .provider-featured-content .provider-client-avatar {
    width:38px!important;height:38px!important;flex-basis:38px!important;
  }
  #provider-opportunity-list .provider-client-identity>div:last-child strong {
    font-size:14px!important;white-space:normal!important;
  }
  #provider-opportunity-list .provider-featured-content .provider-opportunity-status {font-size:11px!important}
  #provider-opportunity-list .provider-featured-content .provider-opportunity-main {
    margin:0!important;padding:4px 0!important;
  }
  #provider-opportunity-list .provider-featured-content .provider-opportunity-main h3 {
    font-size:20px!important;line-height:1.25!important;margin:0 0 6px!important;
  }
  #provider-opportunity-list .provider-featured-content .provider-opportunity-main p {
    font-size:13px!important;line-height:1.45!important;-webkit-line-clamp:3!important;
  }
  #provider-opportunity-list .provider-featured-content .provider-opportunity-meta {
    padding-top:10px!important;margin:0!important;gap:14px!important;
  }
  #provider-opportunity-list .provider-featured-content .provider-opportunity-meta span {font-size:12px!important}
  #provider-opportunity-list .provider-featured-content>button {
    width:auto!important;align-self:flex-start;min-height:38px!important;
    font-size:13px!important;padding:9px 18px!important;border-radius:10px!important;
  }
  #provider-opportunity-list .provider-opportunity-arrow {padding:6px!important}
}

/* Client desktop follows the same compact website proportions as Provider. */
@media (min-width:1024px) {
  #home-page .home-content {max-width:1200px!important;padding-inline:32px!important}
  #home-page .home-hero {padding-inline:max(32px,calc((100% - 1136px)/2))!important}
  #home-page .home-directory .home-section-title {margin-bottom:16px}
  #home-page .home-professionals {gap:16px}
  #home-page .home-pro {border-radius:16px}
  #home-page .home-see-all {font-size:13px;min-height:36px;padding:8px 14px}
  #home-page .home-about {margin-top:32px!important}
  body[data-screen="results"]>main {max-width:1200px!important;padding:0 32px 40px!important}
  body[data-screen="results"] .results-header {margin-inline:-32px!important}
  body[data-screen="results"] .results-header>div>p:not(.explore-kicker) {white-space:normal!important;font-size:13px!important}
  body[data-screen="results"] .search-bar {max-width:800px!important;margin: -26px auto 24px!important;height:52px}
  body[data-screen="results"] .search-bar input {font-size:14px!important}
  body[data-screen="results"] .search-bar .primary {font-size:13px!important}
  body[data-screen="results"] .category-grid {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;max-width:100%;gap:12px!important}
  body[data-screen="results"] .category-card {width:100%!important;min-width:0!important;height:auto!important;min-height:80px!important;font-size:12px!important}
  body[data-screen="results"] .category-name {white-space:normal;overflow-wrap:anywhere}
  body[data-screen="results"] .quick-filter-cards {grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:14px}
  body[data-screen="results"] .quick-filter-card {min-width:0;min-height:58px;border-radius:12px;padding:10px 12px}
  body[data-screen="results"] .quick-filter-card>div {min-width:0}
  body[data-screen="results"] .quick-filter-card strong {font-size:12px}
  body[data-screen="results"] .quick-filter-card input,body[data-screen="results"] .quick-filter-card select {font-size:13px}
  body[data-screen="results"] .pro {padding:16px!important;border-radius:16px!important;min-width:0}
  body[data-screen="results"] .pro h3 {font-size:18px!important}
  body[data-screen="results"] .work-gallery {height:190px!important;min-height:0!important}
  body[data-screen="results"] .work-gallery>img {height:100%!important;width:100%!important}
  body[data-screen="results"] .pro-footer button {font-size:13px!important;min-height:38px!important;border-radius:10px!important}
  body[data-screen="results"] .explore-about p {font-size:13px!important}
  .udipro-standalone-page[data-standalone-kind="orders"] .udipro-orders-v4 {max-width:1056px!important}
  .udipro-standalone-page[data-standalone-kind="orders"] .udipro-attendance-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .udipro-standalone-page[data-standalone-kind="client-proposals"] .udipro-proposals-screen {max-width:1056px!important}
  .udipro-standalone-page[data-standalone-kind="client-proposals"] .udipro-proposals-screen-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .udipro-standalone-page[data-standalone-kind="client-proposals"] .udipro-proposals-screen-card {padding:18px!important;border-radius:16px!important;min-width:0}
  .udipro-proposals-screen-person strong {font-size:16px!important}
  .udipro-proposals-screen-avatar {width:44px!important;height:44px!important}
  .udipro-proposals-screen-offer strong {font-size:20px!important}
  .udipro-proposals-screen-actions button {min-height:40px!important;font-size:13px!important}
  .udipro-order-detail-page {max-width:900px!important;margin:auto}
  .udipro-order-detail-page .udipro-provider-main {min-width:0;padding:18px!important}
  .udipro-order-detail-page .udipro-provider-info h4 {font-size:20px!important}
  .udipro-order-detail-page .udipro-client-order-hero-copy h2 {font-size:24px!important}
  .udipro-order-detail-page .udipro-order-photo-frame {height:180px!important}
  .udipro-visit-professional-cover {height:180px!important;min-height:0!important}
  .udipro-visit-professional-profile {padding:18px 22px!important}
  .udipro-visit-professional-profile h3 {font-size:22px!important}
  .udipro-visit-professional-avatar {width:64px!important;height:64px!important}
  .udipro-visit-primary-actions button {min-height:40px!important;font-size:13px!important;padding:10px 16px!important}
  .client-request-overlay {align-items:center!important;padding:28px}
  .client-request-card {width:min(720px,100%)!important;max-height:calc(100dvh - 56px)!important;border-radius:18px!important;overflow-y:auto}
  .client-request-head h2 {font-size:24px!important}
  .client-request-form input,.client-request-form textarea,.client-request-form select {font-size:14px!important}
  .client-request-submit {min-height:42px!important;font-size:14px!important}
}

/* Flat desktop navigation and chat integrated into the website frame. */
@media (min-width:1024px) {
  html body .home-nav button:nth-child(2),
  html body .provider-home-nav button:nth-child(2),
  html body .provider-explore-nav button:nth-child(2),
  html body>nav.mobile-nav button:nth-child(2) {
    transform:none!important;top:auto!important;bottom:auto!important;
    align-self:center!important;margin:0!important;
  }
  html body .home-nav button.active::before,
  html body .provider-home-nav button.active::before,
  html body .provider-explore-nav button.active::before,
  html body>nav.mobile-nav button.active::before {display:none!important}
  html body .udipro-standalone-page[data-standalone-kind="chat"],
  html body .udipro-standalone-page[data-standalone-kind="chat"].udipro-chat-conversation-open {
    position:fixed!important;inset:96px auto 24px 50%!important;
    transform:translateX(-50%)!important;width:min(1100px,calc(100% - 64px))!important;
    height:calc(100dvh - 120px)!important;min-height:0!important;
    max-height:calc(100dvh - 120px)!important;padding:0!important;
    border:1px solid #dce7e2!important;border-radius:18px!important;
    box-shadow:0 18px 60px #123f4324!important;overflow:hidden!important;
    background:#fff!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"].udipro-chat-conversation-open>.udipro-standalone-body {
    position:absolute!important;inset:0!important;left:0!important;right:0!important;
    transform:none!important;width:100%!important;max-width:100%!important;
    height:100%!important;min-height:0!important;max-height:100%!important;
    border-radius:0!important;box-shadow:none!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"]:not(.udipro-chat-conversation-open)>.udipro-standalone-body {
    width:100%!important;max-width:100%!important;margin:0!important;padding:20px 28px!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"] .udipro-chat-final {
    height:100%!important;min-height:0!important;max-height:100%!important;
    width:100%!important;max-width:100%!important;margin:0!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"] .udipro-chat-head {
    padding:16px 24px!important;background:#fff!important;border-bottom:1px solid #e2ebe6!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"] .udipro-chat-messages {
    padding:20px 24px!important;background:#f6f9f7!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"] .udipro-chat-form {
    padding:12px 20px!important;gap:12px!important;background:#fff!important;
  }
  html body .udipro-standalone-page[data-standalone-kind="chat"] .udipro-chat-form input {
    font-size:14px!important;min-height:42px!important;border-radius:12px!important;
  }
}