/*
 * Home services preview: the hub, the landing pages, the listing-page card
 * and the home page tile (resources/themes/property/views/home-services/,
 * resources/views/property/listings/partials/home-services-card.blade.php,
 * views/home/home-services-tile.blade.php). Linked from the head through
 * @pushOnce('styles'); never a <style> block, which the shop Vue root drops.
 * Logical properties only, so the Arabic pages mirror without overrides.
 */
.hzhs { padding-block: 24px 48px; color: var(--hz-ink, #12141a); }
.hzhs__crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: #5b6170; margin-block-end: 12px; }
.hzhs__crumbs a { color: inherit; }
.hzhs__head { display: flex; align-items: center; gap: 10px; }
.hzhs__title { margin: 0; font-size: 28px; line-height: 1.25; font-weight: 700; }
.hzhs__intro { max-inline-size: 72ch; margin-block: 10px 14px; font-size: 16px; line-height: 1.6; color: #3d4250; }
.hzhs__notice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 24px; padding: 12px 14px; border: 1px solid #f1d58a; border-radius: 10px; background: #fff8e6; font-size: 14px; line-height: 1.5; }
.hzhs__badge { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #8a5a00; color: #fff; font-size: 12px; font-weight: 700; }
.hzhs__icon { flex: none; color: var(--hagzi-primary, #0745D9); }

.hzhs__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.hzhs__card { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 18px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fff; }
.hzhs__card:focus-within, .hzhs__card:hover { border-color: var(--hagzi-primary, #0745D9); }
.hzhs__card-title { margin: 0; font-size: 17px; font-weight: 700; }
.hzhs__card-title a { color: inherit; text-decoration: none; }
.hzhs__card-title a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
.hzhs__card-text { margin: 0; font-size: 14px; line-height: 1.55; color: #4a5060; flex: 1; }
.hzhs__card-cta { font-size: 14px; font-weight: 600; color: var(--hagzi-primary, #0745D9); }
.hzhs__card-status { align-self: flex-start; padding: 2px 8px; border-radius: 999px; background: #eef0f4; font-size: 12px; color: #4a5060; }

.hzhs__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0 24px; }
.hzhs__block { margin-block-end: 24px; }
.hzhs__h2 { margin: 0 0 10px; font-size: 20px; font-weight: 700; }
.hzhs__h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.hzhs__list, .hzhs__steps { margin: 0; padding-inline-start: 20px; line-height: 1.6; }
.hzhs__list li, .hzhs__steps li { margin-block-end: 6px; }
.hzhs__block p { line-height: 1.6; }
.hzhs__check-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.hzhs__check-items li { padding: 14px; border: 1px solid #e1e5ee; border-radius: 12px; background: #fafbfd; }
.hzhs__check-items p { margin: 0 0 8px; font-size: 14px; }

.hzhs__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; }
.hzhs__chip { display: inline-flex; align-items: center; min-block-size: 36px; padding-inline: 14px; border: 1px solid #d5dae5; border-radius: 999px; color: inherit; text-decoration: none; font-size: 14px; }
.hzhs__chip[aria-current="true"] { border-color: var(--hagzi-primary, #0745D9); color: var(--hagzi-primary, #0745D9); font-weight: 600; }

.hzhs__filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin-block-end: 10px; }
.hzhs__field { display: flex; flex-direction: column; gap: 6px; min-inline-size: 180px; flex: 1 1 200px; }
.hzhs__field--wide { flex-basis: 100%; }
.hzhs__field label, .hzhs__label { font-weight: 600; font-size: 14px; }
.hzhs__field input, .hzhs__field select, .hzhs__field textarea { min-block-size: 44px; padding: 8px 12px; border: 1px solid #c9cfdb; border-radius: 10px; background: #fff; font: inherit; color: inherit; }
.hzhs__apply, .hzhs__button, .hzhs__contact { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; padding-inline: 20px; border: 0; border-radius: 10px; background: var(--hagzi-primary, #0745D9); color: #fff; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.hzhs__clear { align-self: center; font-size: 14px; }
.hzhs a:focus-visible, .hzhs select:focus-visible, .hzhs button:focus-visible { outline: 3px solid var(--hagzi-focus, rgba(82, 50, 137, 0.28)); outline-offset: 2px; }

.hzhs__sample-note, .hzhs__count { margin: 0 0 12px; font-size: 14px; color: #4a5060; }
.hzhs__empty { padding: 16px; border: 1px dashed #c9cfdb; border-radius: 12px; background: #fafbfd; }
.hzhs__samples { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.hzhs__sample { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px dashed #b9c2d3; border-radius: 12px; background: #fff; }
.hzhs__sample-label { align-self: flex-start; padding: 2px 8px; border-radius: 999px; background: #eef0f4; font-size: 12px; font-weight: 700; color: #4a5060; }
.hzhs__sample-media { display: block; aspect-ratio: 4 / 3; border-radius: 8px; background: #eef1f6; }
.hzhs__sample-meta { margin: 0; font-size: 14px; color: #3d4250; }
.hzhs__sample-text { margin: 0; font-size: 13px; color: #5b6170; }
.hzhs__profile { gap: 8px; }
.hzhs__photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.hzhs__photos img { inline-size: 100%; block-size: auto; aspect-ratio: 8 / 5; border-radius: 6px; object-fit: cover; background: #eef1f6; }
.hzhs__video { display: flex; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 16 / 9; border-radius: 8px; background: #1f2430; color: #d6dae3; font-size: 13px; text-align: center; padding: 8px; }
.hzhs__contact { align-self: flex-start; }
.hzhs__contact-note { font-size: 13px; color: #5b6170; }
.hzhs__apply-cta { padding: 16px; border: 1px solid #e1e5ee; border-radius: 12px; background: #fafbfd; }

.hzhs__request { padding: 16px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fafbfd; }
.hzhs__form-notice { margin: 0 0 12px; font-weight: 600; color: #8a5a00; }
.hzhs__fieldset { display: flex; flex-wrap: wrap; gap: 12px 16px; margin: 0; padding: 0; border: 0; }
.hzhs__fieldset :disabled { cursor: not-allowed; }
.hzhs__fieldset input:disabled, .hzhs__fieldset select:disabled, .hzhs__fieldset textarea:disabled { background: #f1f3f7; }
.hzhs__checks { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 14px; }
.hzhs__consent { display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.5; }
.hzhs__consent p { margin: 0; color: #4a5060; }
.hzhs__button:disabled { background: #8d94a3; }
.hzhs__legal p { margin: 0; color: #4a5060; }

/* One-screen coming-soon request form (home-services/request-form). */
.hzhs__request-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-block-end: 6px; }
.hzhs__request-head .hzhs__h2 { margin: 0; }
.hzhs__soon { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #fff1cc; color: #6b4600; font-size: 13px; font-weight: 700; }
.hzhs__request .hzhs__fieldset { display: block; min-inline-size: 0; }
.hzhs__request-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: 20px; align-items: start; }
.hzhs__request-main { display: flex; flex-direction: column; gap: 20px; min-inline-size: 0; }
.hzhs__request-group { display: flex; flex-direction: column; gap: 14px; padding: 16px; border: 1px solid #e1e5ee; border-radius: 12px; background: #fff; }
.hzhs__request-group > .hzhs__h3 { margin: 0; font-size: 16px; }
.hzhs__request .hzhs__chips { margin: 0; }
.hzhs__chip-option { position: relative; display: inline-flex; }
.hzhs__chip-option input { position: absolute; inset: 0; margin: 0; opacity: 0; }
.hzhs__chip-option span { display: inline-flex; align-items: center; min-block-size: 40px; padding-inline: 14px; border: 1px solid #d5dae5; border-radius: 999px; background: #f6f7fa; color: #4a5060; font-size: 14px; }
.hzhs__pair { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.hzhs__pair > select, .hzhs__pair > input[type="text"], .hzhs__pair > input[type="date"] { flex: 1 1 180px; min-inline-size: 0; }
.hzhs__pair > .hzhs__field { flex: 1 1 200px; }
.hzhs__inline { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; font-size: 14px; }
.hzhs__hint { font-size: 13px; color: #5b6170; }
.hzhs__summary { position: sticky; inset-block-start: 16px; display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid #e1e5ee; border-radius: 12px; background: #fff; }
.hzhs__summary > .hzhs__h3 { margin: 0; }
.hzhs__summary-list { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 14px; }
.hzhs__summary-list div { display: flex; justify-content: space-between; gap: 12px; padding-block-end: 6px; border-block-end: 1px solid #eef0f4; }
.hzhs__summary-list dt { color: #4a5060; }
.hzhs__summary-list dd { margin: 0; color: #8d94a3; }
.hzhs__next { margin: 0; padding-inline-start: 20px; font-size: 14px; line-height: 1.55; }
.hzhs__next li { margin-block-end: 4px; }
.hzhs__actions { display: flex; flex-direction: column; gap: 12px; }
.hzhs__action { display: flex; flex-direction: column; gap: 4px; }
.hzhs__action .hzhs__button { inline-size: 100%; }
.hzhs__button--secondary, .hzhs__button--secondary:disabled { background: #fff; border: 1px solid #8d94a3; color: #4a5060; }
.hzhs__action-note { margin: 0; font-size: 13px; line-height: 1.5; color: #4a5060; }
.hzhs__badge-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: 12px; color: #4a5060; }
.hzhs__badge-trust span { padding: 2px 8px; border: 1px solid #9fb6e9; border-radius: 999px; background: #eef3ff; color: #1d3f91; font-weight: 700; }

/* Listing page sidebar card. */
.hzhs-listing { margin: 16px 0 0; padding: 16px; border: 1px solid var(--hzp-line, #e4e4e7); border-radius: 12px; background: #fff; }
.hzhs-listing__title { margin: 0; font-size: 15px; font-weight: 700; color: var(--hzp-ink, #12141a); }
.hzhs-listing__text { margin: 4px 0 0; font-size: 13px; color: var(--hzp-muted, #52525b); }
.hzhs-listing__links { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.hzhs-listing__links a { display: inline-flex; align-items: center; min-height: 36px; padding-inline: 12px; border: 1px solid var(--hzp-line, #e4e4e7); border-radius: 999px; font-size: 13px; color: var(--hzp-ink, #12141a); text-decoration: none; }
.hzhs-listing__links a:hover, .hzhs-listing__links a:focus-visible { border-color: var(--hagzi-primary, #0745D9); color: var(--hagzi-primary, #0745D9); }
.hzhs-listing__hub { display: inline-block; margin-block-start: 10px; font-size: 13px; font-weight: 600; }

/* Home page tile. */
.hzhs-tile__box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 20px 24px; border: 1px solid #e1e5ee; border-radius: 16px; background: #f6f8fc; }
.hzhs-tile__title { margin: 0; font-size: 20px; font-weight: 700; }
.hzhs-tile__text { margin: 4px 0 0; font-size: 15px; color: #4a5060; }
.hzhs-tile__cta { display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: 20px; border-radius: 10px; background: var(--hagzi-primary, #0745D9); color: #fff; font-weight: 600; text-decoration: none; }

@media (max-width: 900px) {
    .hzhs__request-grid { grid-template-columns: minmax(0, 1fr); }
    .hzhs__summary { position: static; }
}

@media (max-width: 720px) {
    .hzhs__title { font-size: 23px; }
    .hzhs__request, .hzhs__request-group { padding: 12px; }
    .hzhs__field { min-inline-size: 100%; }
    .hzhs__apply { inline-size: 100%; }
}

/* Landing at the top of the hub: "What do you need?", five groups, "Describe what you need". */
.hzhs__eyebrow { margin: 0 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--hagzi-primary, #0745D9); }
.hzhs-start { margin-block: 8px 28px; }
.hzhs-start__groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.hzhs-start__group { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fff; }
.hzhs-start__label { margin: 0; font-size: 17px; font-weight: 700; }
.hzhs-start__hint { margin: 0; font-size: 13px; line-height: 1.5; color: #5b6170; }
.hzhs-start__choices { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 0; padding: 0; list-style: none; }
.hzhs-start__choice { display: inline-flex; align-items: center; min-block-size: 40px; padding: 8px 14px; border: 1px solid #cfd6e4; border-radius: 999px; background: #f6f8fc; color: inherit; font-size: 14px; font-weight: 600; text-decoration: none; }
.hzhs-start__choice:hover, .hzhs-start__choice:focus-visible { border-color: var(--hagzi-primary, #0745D9); color: var(--hagzi-primary, #0745D9); }
.hzhs-describe { margin-block: 0 32px; padding: 18px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fafbfe; }
.hzhs-describe__title { margin: 0 0 6px; font-size: 20px; font-weight: 700; }
.hzhs-describe__intro { margin: 0 0 14px; font-size: 14px; line-height: 1.55; color: #3d4250; }
.hzhs-describe__form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hzhs-describe__field { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; }
.hzhs-describe__field input, .hzhs-describe__field select, .hzhs-describe__field textarea { inline-size: 100%; min-block-size: 44px; padding: 10px 12px; border: 1px solid #cfd6e4; border-radius: 10px; background: #fff; font: inherit; font-weight: 400; }
.hzhs-describe__field--wide { grid-column: 1 / -1; }
.hzhs-describe__terms { margin: 0; font-size: 13px; line-height: 1.5; color: #4a5060; }
.hzhs-describe__submit { justify-self: start; min-block-size: 44px; padding: 10px 22px; border: 0; border-radius: 10px; background: var(--hagzi-primary, #0745D9); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.hzhs-describe__trap { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
.hzhs-describe__sent { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #e8f6ee; color: #145c32; }
.hzhs-describe__errors { margin: 0 0 12px; padding: 10px 12px 10px 28px; border-radius: 10px; background: #fdecec; color: #8a1c1c; }
.hzhs__all { margin: 8px 0 12px; font-size: 20px; font-weight: 700; }
@media (max-width: 720px) {
    .hzhs-describe__form { grid-template-columns: 1fr; }
    .hzhs-describe__submit { inline-size: 100%; }
}

/* Landing entry points: popular row, guided flow, quick contact, all-off list. */
.hzhs-popular, .hzhs-flow, .hzhs-quick { margin-block: 0 28px; }
.hzhs-popular__title, .hzhs-flow__title, .hzhs-quick__title { margin: 0 0 8px; font-size: 20px; font-weight: 700; }
.hzhs-popular__list { display: flex; gap: 8px; margin: 0; padding: 0 0 4px; list-style: none; overflow-x: auto; scrollbar-width: thin; }
.hzhs-popular__list li { flex: none; }
.hzhs-flow { padding: 18px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fff; }
.hzhs-flow__intro, .hzhs-quick__intro { margin: 0 0 12px; font-size: 14px; line-height: 1.55; color: #3d4250; }
.hzhs-flow__form { display: grid; gap: 14px; }
.hzhs-flow__step { margin: 0; padding: 0; border: 0; min-inline-size: 0; }
.hzhs-flow__question { display: flex; align-items: center; gap: 8px; margin-block-end: 8px; padding: 0; font-size: 15px; font-weight: 700; }
.hzhs-flow__count { display: inline-grid; place-items: center; inline-size: 24px; block-size: 24px; border-radius: 50%; background: var(--hagzi-primary, #0745D9); color: #fff; font-size: 13px; }
.hzhs-flow__answers { display: flex; flex-wrap: wrap; gap: 8px; }
.hzhs-flow__answer { display: inline-flex; align-items: center; gap: 6px; min-block-size: 40px; padding: 8px 12px; border: 1px solid #cfd6e4; border-radius: 999px; background: #f6f8fc; font-size: 14px; cursor: pointer; }
.hzhs-flow__answer:has(input:checked) { border-color: var(--hagzi-primary, #0745D9); background: #eaf0ff; font-weight: 600; }
.hzhs-flow__answer input { margin: 0; accent-color: var(--hagzi-primary, #0745D9); }
.hzhs-quick { padding: 18px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fafbfe; }
.hzhs-quick__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.hzhs-quick__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.hzhs-quick__form select { min-inline-size: 220px; }
.hzhs-quick__button { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; padding: 10px 20px; border: 1px solid var(--hagzi-primary, #0745D9); border-radius: 10px; background: #fff; color: var(--hagzi-primary, #0745D9); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.hzhs-quick__button--wa { border-color: #128c4b; background: #128c4b; color: #fff; }
.hzhs-fallback { margin-block: 0 28px; }
.hzhs-fallback__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 16px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
@media (max-width: 720px) {
    .hzhs-quick__form, .hzhs-quick__form select, .hzhs-quick__button { inline-size: 100%; }
}

/* Four situation tiles. The services live on the situation page, not in the tile. */
.hzhs-situations { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; padding: 0; list-style: none; }
.hzhs-situation { display: flex; flex-direction: column; justify-content: center; gap: 6px; min-block-size: 112px; padding: 18px 20px; border: 1px solid #e1e5ee; border-radius: 16px; background: #fff; color: inherit; text-decoration: none; }
.hzhs-situation:hover, .hzhs-situation:focus-visible { border-color: var(--hagzi-primary, #0745D9); outline: none; }
.hzhs-situation:focus-visible { outline: 3px solid var(--hagzi-focus, rgba(82, 50, 137, 0.28)); outline-offset: 2px; }
.hzhs-situation__name { font-size: 22px; line-height: 1.25; font-weight: 700; }
.hzhs-situation__hint { font-size: 14px; line-height: 1.45; color: #3d4250; }
.hzhs-rows { display: grid; gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
.hzhs-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding: 14px 16px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fff; }
.hzhs-row__copy { flex: 1 1 220px; min-inline-size: 0; }
.hzhs-row__name { margin: 0; font-size: 17px; font-weight: 700; }
.hzhs-row__line { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: #3d4250; }
.hzhs-row .hzhs__contact { flex: none; }
.hzhs-row__more { margin: 16px 0 0; }
.hzhs-row__more a { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--hagzi-primary, #0745D9); font-weight: 600; }
.hzhs-entry { margin: 12px 0; }
.hzhs-entry a { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--hagzi-primary, #0745D9); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 720px) {
    .hzhs-situations { grid-template-columns: 1fr; }
    .hzhs-situation { min-block-size: 88px; }
    .hzhs-row .hzhs__contact { inline-size: 100%; }
}

/* Hierarchy on the landing: the situation tiles are the hero. Later entry points fold. */
.hzhs-hero { margin-block: 8px 20px; }
.hzhs-start--hero { margin-block-end: 8px; }
.hzhs-hero .hzhs-popular { margin-block: 4px 0; }
.hzhs-hero .hzhs-popular__title { font-size: 14px; font-weight: 600; color: #5b6170; }
.hzhs-start__choice, .hzhs-flow__answer { min-block-size: 44px; }
.hzhs-fold { margin-block: 0 16px; border: 1px solid #e1e5ee; border-radius: 14px; background: #fff; }
.hzhs-fold__summary { display: flex; align-items: center; min-block-size: 48px; padding: 12px 16px; font-size: 16px; font-weight: 700; cursor: pointer; }
.hzhs-fold__summary { list-style: none; gap: 12px; }
.hzhs-fold__summary::-webkit-details-marker { display: none; }
.hzhs-fold__summary::after { content: ""; flex: none; inline-size: 9px; block-size: 9px; margin-inline-start: auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 0.15s ease; }
.hzhs-fold[open] > .hzhs-fold__summary::after { transform: translateY(2px) rotate(-135deg); }
.hzhs-fold__summary:focus-visible { outline: 3px solid var(--hagzi-focus, rgba(82, 50, 137, 0.28)); outline-offset: -2px; }
.hzhs-fold[open] > .hzhs-fold__summary { border-block-end: 1px solid #eef0f4; }
.hzhs-fold > .hzhs-describe { margin: 0; border: 0; background: transparent; }
.hzhs-fold .hzhs-describe__title,
.hzhs-fold .hzhs-flow__title,
.hzhs-fold .hzg__title { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hzhs-fold .hzg { margin: 0; border: 0; border-radius: 0; background: transparent; }
.hzhs-fold .hzg__stage { min-block-size: 0; }
.hzhs-fold > .hzhs__moment { margin: 0; padding: 16px; }

.hzhs__roles { margin-block: 8px 20px; }
.hzhs__role-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.hzhs__role-list li { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid #e1e5ee; border-radius: 12px; background: #f7f9fc; }
.hzhs__role-list strong { font-size: 14px; }
.hzhs__role-list span { font-size: 14px; line-height: 1.55; color: #3d4250; }
.hzhs__directory .hzhs__contact { margin-block-end: 8px; }
.hzhs p + .hzhs__h3 { margin-block-start: 16px; }
.hzhs__back a,
.hzhs__block :is(p, li) > a:not([class]) { color: var(--hagzi-primary, #0745D9); text-decoration: underline; text-underline-offset: 3px; }
.hzhs__directory-more { margin: 8px 0 0; font-size: 14px; }
.hzhs .hzpl-form { margin-block-end: 32px; }
.hzhs__directory-more a { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--hagzi-primary, #0745D9); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.hzhs__steps { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: hzhs-step; }
.hzhs__steps li { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
.hzhs__steps li::before { counter-increment: hzhs-step; content: counter(hzhs-step); flex: none; display: inline-grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: 50%; background: var(--hagzi-primary, #0745D9); color: #fff; font-size: 13px; font-weight: 700; }

.hzhs-bar { display: none; }
@media (max-width: 767.98px) {
    .hzhs-bar { display: block; position: fixed; inset-inline: 0; bottom: 0; z-index: 40; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid #e1e5ee; }
    .hzhs-bar .hzhs__contact { inline-size: 100%; }
    body:has(.hz-mobile-nav) .hzhs-bar { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); padding-bottom: 10px; }
    body:has(.hzhs-bar) { padding-bottom: 72px; }
    body:has(input:focus, textarea:focus, select:focus, #hzpl-request:target) .hzhs-bar { display: none; }
}