/**
 * Discovery Shell v1 — service + city + real availability -> results -> booking.
 * Loaded after the Fresha-aligned visual layer so interaction hierarchy wins.
 */

/* Homepage finder: the third field is a first-class discovery dimension. */
.home-smart-search:has(.home-smart-search__field--when){
  grid-template-columns:minmax(0,1.42fr) 1px minmax(0,.78fr) 1px minmax(145px,.62fr) auto;
}
.home-smart-search__field--when{cursor:pointer}
.home-smart-search__field--when .home-smart-search__control{display:grid;gap:1px}
.home-smart-search__when-label{display:block;color:var(--zy-ink);font-size:.72rem;font-weight:700;line-height:1.35}
.home-smart-search__field--when select{
  width:100%;min-height:25px;padding:0 0 0 22px;border:0;background:transparent;color:var(--zy-ink);
  font:500 .78rem/1.35 IRANSansX,system-ui,sans-serif;outline:0;cursor:pointer;appearance:auto;
}

/* Header search remains compact even with the availability field. */
.header-route-search--desktop.has-when{
  grid-template-columns:minmax(112px,.82fr) 1px minmax(150px,1fr) 1px minmax(105px,.68fr) auto!important;
  max-width:690px;
}
.header-route-search--desktop.has-when .header-route-search__field{padding-inline:10px}
.header-route-search--desktop.has-when .header-route-search__field--when .header-route-search__combobox,
.header-route-search--desktop.has-when .header-route-search__field--when .header-route-search__native{font-size:.74rem}

/* City×Service search-result shell. */
.axis-service .fresha-route-header{padding-bottom:22px!important}
.axis-service #provider-results{padding-top:18px!important}
.city-service-discovery-search-wrap{
  position:relative;z-index:8;margin:-2px 0 26px;padding:8px;border:1px solid var(--zy-line-strong);border-radius:18px;
  background:var(--zy-surface);box-shadow:0 8px 28px rgba(6,9,17,.07);
}
.city-service-discovery-search{
  display:grid!important;grid-template-columns:minmax(150px,.78fr) 1px minmax(220px,1.2fr) 1px minmax(150px,.72fr) auto!important;
  min-height:58px!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.city-service-discovery-search .header-route-search__field{
  min-height:54px!important;padding:5px 14px!important;border:0!important;border-radius:11px!important;background:transparent!important;
}
.city-service-discovery-search .header-route-search__field:hover,
.city-service-discovery-search .header-route-search__field:focus-within{background:var(--zy-bg-soft)!important}
.city-service-discovery-search .header-route-search__divider{height:32px!important;align-self:center!important;background:var(--zy-line)!important}
.city-service-discovery-search .header-route-search__submit{
  min-width:112px!important;min-height:50px!important;margin:2px!important;padding:0 20px!important;border-radius:11px!important;
  background:var(--zy-action-primary)!important;color:var(--zy-action-primary-ink)!important;font-size:.82rem!important;font-weight:700!important;
}
.city-service-discovery-search .header-route-search__submit .zy-icon{font-size:1rem}

/* Results: search/list first, article content later. */
.axis-service .fresha-route-section__head{max-width:980px;margin-bottom:16px!important;align-items:flex-end!important}
.axis-service .fresha-route-section__head h2{font-size:clamp(1.3rem,2vw,1.7rem)!important;font-weight:700!important;line-height:1.35!important}
.axis-service .fresha-route-section__head p{max-width:720px;font-size:.78rem!important;line-height:1.65!important}
.axis-service .city-service-results-context{margin-bottom:12px!important}
.axis-service .city-service-results-context span{border:1px solid var(--zy-line)!important;background:var(--zy-surface)!important}
.axis-service .fresha-results-grid{grid-template-columns:1fr!important;gap:12px!important}
.axis-service .city-service-market-story{margin-top:46px!important;margin-bottom:0!important}
.axis-service #provider-quick-compare{display:none!important}

/* Query-backed filters behave like marketplace chips, not an admin form. */
.axis-service .local-filter-form{margin:0 0 18px!important}
.axis-service .local-filter-form__summary{margin-bottom:10px!important}
.axis-service .local-filter-form__summary small{font-size:.67rem!important;color:var(--zy-muted)!important}
.axis-service .local-filter-form__summary strong{font-size:.78rem!important;font-weight:650!important}
.axis-service .local-filter-form__controls{gap:8px!important;align-items:flex-start!important}
.axis-service .local-filter-sheet__body{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
.axis-service .local-filter-select--facet,
.axis-service .local-filter-chip>span,
.axis-service .local-filter-mobile-trigger,
.axis-service .local-filter-select--sort{
  min-height:40px!important;border:1px solid var(--zy-line-strong)!important;border-radius:999px!important;background:var(--zy-surface)!important;box-shadow:none!important;
}
.axis-service .local-filter-select--when{border-color:var(--zy-ink)!important}
.axis-service .local-filter-select--when .local-filter-select__label{font-size:.68rem!important}
.axis-service .local-filter-select--when select{font-weight:650!important}
.axis-service .local-filter-active-chips{gap:6px!important;margin-top:10px!important}
.axis-service .local-filter-active-chips a{border-radius:999px!important;background:var(--zy-bg-soft)!important}

/* Discovery result cards: image -> decision facts -> action, no article-like blocks. */
body.zy-design-v2 .axis-service .provider-result--discovery-shell{
  grid-template-columns:190px minmax(0,1fr) 190px!important;
  grid-template-areas:"media content actions"!important;
  align-items:stretch!important;gap:0 18px!important;padding:12px!important;border-radius:16px!important;
}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__media{
  width:190px!important;height:154px!important;align-self:start!important;border-radius:12px!important;
}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__content{min-width:0;padding:3px 0!important}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__heading h3{font-size:1rem!important;font-weight:700!important;line-height:1.4!important}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__specialty,
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__location{font-size:.72rem!important}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__decision{
  display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:12px!important;
}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact{
  min-width:0!important;padding:7px 9px!important;border:1px solid var(--zy-line)!important;border-radius:10px!important;background:var(--zy-bg-soft)!important;
}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact small{font-size:.61rem!important;line-height:1.3!important}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact strong{font-size:.72rem!important;line-height:1.4!important}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact--booking{
  border-color:color-mix(in srgb,var(--zy-brand) 48%,var(--zy-line))!important;background:var(--zy-brand-soft)!important;
}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__actions{
  grid-area:actions!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
  gap:8px!important;margin:0!important;padding:6px 0 6px 16px!important;border-top:0!important;border-right:1px solid var(--zy-line)!important;overflow:visible!important;
}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__actions>*{width:100%!important;min-height:42px!important;justify-content:center!important;flex:none!important}
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__profile-link,
body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__portfolio-action,

/* Exact availability should remain visible on mobile; it is the point of the filter. */
@media(max-width:1099px){
  .header-route-search--desktop.has-when{max-width:none}
}
@media(max-width:900px){
  .city-service-discovery-search{grid-template-columns:1fr!important;gap:7px!important}
  .city-service-discovery-search .header-route-search__divider{display:none!important}
  .city-service-discovery-search .header-route-search__field{border:1px solid var(--zy-line)!important;background:var(--zy-surface)!important}
  .city-service-discovery-search .header-route-search__submit{width:100%!important;margin:0!important}
  .axis-service .local-filter-sheet__body{display:grid!important;grid-template-columns:1fr!important}
  .axis-service .local-filter-select--facet{width:100%!important}
}
@media(max-width:760px){
  .home-smart-search:has(.home-smart-search__field--when){grid-template-columns:1fr}
  .home-smart-search__field--when select{font-size:.78rem}
  .city-service-discovery-search-wrap{margin:0 0 20px;padding:7px;border-radius:15px;box-shadow:none}
  .axis-service #provider-results{padding-top:10px!important}
  body.zy-design-v2 .axis-service .provider-result--discovery-shell{
    grid-template-columns:104px minmax(0,1fr)!important;grid-template-areas:"media content" "actions actions"!important;gap:0 11px!important;padding:10px!important;
  }
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__media{width:104px!important;height:112px!important}
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__decision{display:flex!important;margin-top:8px!important;gap:5px!important}
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact{display:none!important}
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact--booking,
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__fact--price{display:inline-flex!important}
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__actions{
    flex-direction:row!important;padding:10px 0 0!important;margin-top:10px!important;border-right:0!important;border-top:1px solid var(--zy-line)!important;overflow-x:auto!important;
  }
  body.zy-design-v2 .axis-service .provider-result--discovery-shell .provider-result__actions>.button{width:auto!important;flex:1 0 auto!important}
  .axis-service .city-service-market-story{margin-top:34px!important}
}