/* Approved services mockup: primary search first, advanced filters on demand. */
body .services-hub.service-search-refresh{--service-line:#c7d1c7;--service-ink:#173a2e;padding-top:20px}
body .services-hub.service-search-refresh .service-hub-heading h1{font-size:clamp(30px,3.2vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0 0 8px}
body .services-hub.service-search-refresh .service-hub-heading>p{font-size:18px;margin:0 0 18px;color:#586459}
.service-hub-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
body .services-hub.service-search-refresh .service-modes{margin:0;background:#e7eddf;padding:4px;border-radius:12px}
body .services-hub.service-search-refresh .service-modes button{min-height:44px;padding:10px 20px;border-radius:9px}
body .services-hub.service-search-refresh .service-modes [aria-pressed=true]{background:#e9f8b6;color:#173a2e}
body .services-hub.service-search-refresh .service-hub-actions{display:flex;align-items:center;gap:10px;margin:0}
body .services-hub.service-search-refresh .service-publish-secondary{border:1px solid #b8c6ba;background:transparent;border-radius:9px;min-height:44px;padding:10px 16px}
.service-more-actions{position:relative}.service-more-actions>summary{cursor:pointer;min-height:44px;padding:12px;list-style:none}.service-more-actions>summary::-webkit-details-marker{display:none}.service-more-actions[open]>div{position:absolute;z-index:5;right:0;top:100%;min-width:230px;padding:8px;background:#fff;border:1px solid var(--service-line);border-radius:10px;box-shadow:0 8px 24px #173a2e12}.service-more-actions button{display:block;width:100%;text-align:left;white-space:normal;min-height:44px}
body .services-hub.service-search-refresh .service-search-panel{padding:22px 24px;background:#fff;border:1px solid #d4ddd2;border-radius:14px}
body .services-hub.service-search-refresh .service-search-line{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 140px;gap:16px}
body .services-hub.service-search-refresh .service-search-panel label{font-size:14px;gap:7px;margin:0;color:#273b30}
body .services-hub.service-search-refresh .service-search-panel input,body .services-hub.service-search-refresh .service-search-panel select{background:#fff;border:1px solid var(--service-line);color:#20382b;min-height:50px;padding:11px 14px;border-radius:8px}
body .services-hub.service-search-refresh .service-search-panel :is(input,select):focus-visible{outline:2px solid #59764f;outline-offset:2px}
body .services-hub.service-search-refresh .service-search-panel input::placeholder{color:#69766b;opacity:1}
body .services-hub.service-search-refresh .service-search-panel select:disabled{background:#f1f4ef;color:#7b857c}
body .services-hub.service-search-refresh .service-find{background:#d6f65a;color:#163528;border:1px solid #cce65c;border-radius:9px;min-height:50px}
.service-primary-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 200px;gap:16px;align-items:start;margin-top:18px}
.service-primary-filters>button{align-self:start;margin-top:28px;min-height:50px;border:1px solid #aebfac;background:#f9fbf6;border-radius:8px;color:#173a2e}
.service-primary-filters .taxonomy-help{font-size:12px;line-height:1.35;margin:0;color:#637260}
body .services-hub.service-search-refresh .service-filters{margin:18px 0 0;padding:18px 0 0;background:transparent;border-radius:0;border-top:1px solid #e1e7dd}
body .services-hub.service-search-refresh .service-filters>summary{display:none}
body .services-hub.service-search-refresh .service-filters:not([open]){display:none}
body .services-hub.service-search-refresh .service-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 18px;align-items:start}
body .services-hub.service-search-refresh .service-form-grid [hidden]{display:none!important}
.service-price-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:span 2;min-width:0}
.service-filter-actions{display:flex;gap:10px;flex-wrap:wrap}.service-filter-actions button{min-height:44px}
body .services-hub.service-search-refresh .form-error:empty{margin:0}
body .services-hub.service-search-refresh .service-filter-chips{margin:12px 0;gap:8px}
body .services-hub.service-search-refresh .service-filter-chips:empty{display:none}
body .services-hub.service-search-refresh .service-filter-chips button{background:#eaf5c8;border:1px solid #dce9bc;border-radius:8px;font-size:13px;min-height:36px;padding:7px 12px}
.service-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d7dfd3;margin-top:18px;padding-top:14px}
.service-results-toolbar #services-count{font-size:18px;font-weight:650;margin:0}
.service-results-actions{display:flex;align-items:center;gap:16px;min-width:0}
.service-results-actions .service-sort{margin:0;min-width:0}
.service-sort .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body .services-hub.service-search-refresh .service-sort select{min-height:44px;width:auto;max-width:210px;padding:10px 34px 10px 10px;border:0;border-radius:8px;background:transparent;font-size:14px}
.service-view-switch{display:flex;border:1px solid #d5ded0;border-radius:8px;background:#fff;padding:2px}
.service-view-switch button{min-height:40px;border:0;border-radius:6px;padding:8px 14px;background:transparent;font-size:14px;white-space:nowrap}
.service-view-switch button[aria-pressed=true]{background:#e9f8b6;color:#173a2e}
body .services-hub.service-search-refresh .services-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:14px 0 24px}
body .services-hub.service-search-refresh .service-card{background:#fff;border:1px solid #d7dfd2;border-radius:12px}
body .services-hub.service-search-refresh .service-card-photo{aspect-ratio:3/1;min-height:0;background:#eef3e6;padding:0}
body .services-hub.service-search-refresh .service-card-photo img{aspect-ratio:auto;height:100%;object-fit:contain}
body .services-hub.service-search-refresh .service-card-body{padding:16px 18px 18px;gap:0}
body .services-hub.service-search-refresh .service-card .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#537051}
body .services-hub.service-search-refresh .service-card h3{font-size:21px;line-height:1.3;min-height:2.6em;margin:8px 0}
body .services-hub.service-search-refresh .service-price{font-size:20px;line-height:1.35;color:#315d3c}
body .services-hub.service-search-refresh .service-card-body>p{font-size:14px;line-height:1.5;margin:10px 0;color:#5c685c}
body .services-hub.service-search-refresh .service-card-footer{padding-top:12px;margin-top:auto;border-top:1px solid #e0e6dc;gap:12px}
body .services-hub.service-search-refresh .service-card-footer>span{font-size:14px;line-height:1.5;color:#425446}
body .services-hub.service-search-refresh .service-card-actions{align-items:stretch;gap:8px}
body .services-hub.service-search-refresh .service-card-actions>button{background:#fff;border:1px solid #b9c9bc;border-radius:7px;min-height:44px;padding:10px 8px}
body .services-hub.service-search-refresh .service-card-actions>button.dark{background:#173e30;border-color:#173e30;color:#fff}
body .services-hub.service-search-refresh .service-card-actions>button[data-favorite]{background:transparent;border:0;flex:0 0 36px;min-width:36px}
@media(max-width:800px){.service-hub-topline{align-items:flex-start;flex-wrap:wrap}body .services-hub.service-search-refresh .service-hub-actions{margin-left:auto}body .services-hub.service-search-refresh .service-search-panel{padding:18px}body .services-hub.service-search-refresh .service-search-line{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}body .services-hub.service-search-refresh .service-find{grid-column:1/-1}.service-primary-filters{grid-template-columns:1fr 1fr}.service-primary-filters>button{grid-column:1/-1;margin-top:0;min-height:44px;justify-self:start;padding:8px 18px}body .services-hub.service-search-refresh .service-form-grid{grid-template-columns:1fr 1fr}.service-results-toolbar{align-items:flex-start;flex-wrap:wrap}.service-results-actions{margin-left:auto}body .services-hub.service-search-refresh .service-card h3{font-size:18px}body .services-hub.service-search-refresh .service-card-actions>button{flex-basis:calc(100% - 48px)}body .services-hub.service-search-refresh .service-card-actions>button.dark{flex-basis:100%}}
@media(max-width:550px){body .services-hub.service-search-refresh .service-hub-heading h1{font-size:30px}body .services-hub.service-search-refresh .service-hub-heading>p{font-size:16px}body .services-hub.service-search-refresh .service-hub-actions{margin-left:0}body .services-hub.service-search-refresh .service-modes{width:100%}body .services-hub.service-search-refresh .service-modes button{font-size:14px;padding:10px 13px}body .services-hub.service-search-refresh .service-search-panel{padding:14px}body .services-hub.service-search-refresh .service-search-line,.service-primary-filters,body .services-hub.service-search-refresh .service-form-grid{grid-template-columns:1fr}.service-primary-filters>button{width:100%;justify-self:stretch}.service-price-range{grid-column:auto}.service-results-actions{width:100%;justify-content:space-between;gap:8px}body .services-hub.service-search-refresh .service-sort select{max-width:185px;font-size:13px}body .services-hub.service-search-refresh .services-results{grid-template-columns:1fr}body .services-hub.service-search-refresh .service-card-photo{aspect-ratio:2.7/1}body .services-hub.service-search-refresh .service-card h3{font-size:21px}body .services-hub.service-search-refresh .service-card-actions>button{flex-basis:0}body .services-hub.service-search-refresh .service-card-actions>button.dark{flex-basis:0}}

/* Chosen photo album: the profile and subscribe action stay separate from contact. */
body .services-hub.service-search-refresh .service-card{border:0;border-radius:20px;box-shadow:0 4px 18px #253b2c06}
body .services-hub.service-search-refresh .service-card-actions>button.dark{background:var(--selection-fill);border-color:transparent;color:var(--selection-text)}
@media(max-width:550px){body .services-hub.service-search-refresh .service-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}body .services-hub.service-search-refresh .service-card-actions>button.dark{grid-column:auto}body .services-hub.service-search-refresh .service-card-actions>button{min-width:0;min-height:44px;width:100%}}

/* Equal photo frames keep service rows aligned regardless of photo orientation. */
body .services-hub.service-search-refresh .service-album>.service-card-photo{aspect-ratio:4/3!important}
body .services-hub.service-search-refresh .service-album .card-photo-count{transform:none;left:12px;right:auto;bottom:12px;width:max-content;max-width:calc(100% - 24px);white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;background:#fff;color:#244837;box-shadow:0 1px 5px #0002;z-index:2}
@supports(grid-template-rows:subgrid){
 @media(min-width:551px){
  body .services-hub.service-search-refresh .service-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
 }
}

/* List essentials stay visible; additional facts remain in the service modal. */
body .services-hub.service-search-refresh .services-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body .services-hub.service-search-refresh .services-results>.state{grid-column:1/-1}
body .services-hub.service-search-refresh .service-card h3{font-size:19px;line-height:1.35}
body .services-hub.service-search-refresh .service-card-body{padding:14px 16px 16px;min-width:0}
body .services-hub.service-search-refresh .service-card-body>p{margin:7px 0;font-size:13px}
body .services-hub.service-search-refresh .service-card-body>.service-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body .services-hub.service-search-refresh .services-results :is(.service-card-terms,.service-card-date,.creator-follow-summary,.listing-likes){display:none}
body .services-hub.service-search-refresh .service-card-actions>button[data-service-detail]:not(.dark){display:none}
body .services-hub.service-search-refresh .service-card-footer{flex-direction:column;align-items:stretch;gap:10px;padding-top:10px}
body .services-hub.service-search-refresh .service-card-actions{display:flex;width:100%}
body .services-hub.service-search-refresh .service-card-actions>button.dark{width:100%;flex:1;min-height:44px;border-radius:10px;font-size:14px}
body .services-hub.service-search-refresh .service-author-profile{min-width:0;width:100%}
body .services-hub.service-search-refresh .service-author-profile strong{font-size:13px}
@media(min-width:551px) and (max-width:1000px){body .services-hub.service-search-refresh .services-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){body .services-hub.service-search-refresh .services-results{grid-template-columns:minmax(0,1fr)}body .services-hub.service-search-refresh .service-card h3{font-size:20px}}
