body.single-inwestycja,
body.single-dom,
body.single-deweloper {
    background: var(--hn-paper);
}

body.single-inwestycja > h1,
body.single-dom > h1,
body.single-deweloper > h1,
body.single-inwestycja #breadcrumbs,
body.single-dom #breadcrumbs,
body.single-deweloper #breadcrumbs,
.hn-single.c-single-inwestycje-content__wrapper,
.deweloper-container.hn-single,
body.single-inwestycja .taxonomy-content,
body.single-dom .taxonomy-content,
body.single-deweloper .taxonomy-content {
    max-width: var(--hn-container);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

body.single-inwestycja > h1,
body.single-dom > h1,
body.single-deweloper > h1,
body.single-inwestycja #breadcrumbs,
body.single-dom #breadcrumbs,
body.single-deweloper #breadcrumbs,
.deweloper-container.hn-single,
body.single-inwestycja .taxonomy-content,
body.single-dom .taxonomy-content,
body.single-deweloper .taxonomy-content {
    padding-left: 32px;
    padding-right: 32px;
}

@media (max-width: 760px) {
    .deweloper-container.hn-single,
    body.single-inwestycja .taxonomy-content,
    body.single-dom .taxonomy-content,
    body.single-deweloper .taxonomy-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1201px) {

}

body.single-inwestycja #breadcrumbs,
body.single-dom #breadcrumbs,
body.single-deweloper #breadcrumbs {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--hn-muted);
    text-align: left;
}

body.single-inwestycja #breadcrumbs a,
body.single-dom #breadcrumbs a,
body.single-deweloper #breadcrumbs a,
body.single-inwestycja #breadcrumbs span > span a,
body.single-dom #breadcrumbs span > span a,
body.single-deweloper #breadcrumbs span > span a {
    color: var(--hn-muted);
    font-weight: 600;
    transition: color 0.15s ease;
}

body.single-inwestycja #breadcrumbs a:hover,
body.single-dom #breadcrumbs a:hover,
body.single-deweloper #breadcrumbs a:hover {
    color: var(--hn-red);
}

body.single-inwestycja #breadcrumbs .breadcrumb_last,
body.single-dom #breadcrumbs .breadcrumb_last,
body.single-deweloper #breadcrumbs .breadcrumb_last,
body.single-inwestycja #breadcrumbs span > span strong,
body.single-dom #breadcrumbs span > span strong,
body.single-deweloper #breadcrumbs span > span strong {
    color: var(--hn-ink);
    font-weight: 700;
}

body.single-inwestycja > h1,
body.single-dom > h1,
body.single-deweloper > h1 {
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-transform: none;
    color: var(--hn-ink);
    text-align: left;
}

.hn-single .szczegoly-inwestycji-h2,
body.single-deweloper .section-title,
body.single-inwestycja .opinie-section .section-title,
body.single-dom .opinie-section .section-title,
body.single-deweloper .opinie-section .section-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--hn-ink);
    margin-bottom: 16px;
}

.hn-single .archive-holder span,
body.single-deweloper .dev_archive {
    display: inline-block;
    background: rgba(13, 14, 17, 0.82);
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 6px 12px;
    line-height: 1;
}

.hn-single .inv-panel,
.hn-single .c-single-inwestycje-content,
body.single-deweloper .taxonomy-content:not(.opinie-section) > .description {
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: var(--hn-radius);
    box-shadow: var(--hn-shadow-card);
    padding: 24px 28px;
}

@media (max-width: 700px) {

    .hn-single .inv-panel,
    .hn-single .c-single-inwestycje-content,
    body.single-deweloper .taxonomy-content:not(.opinie-section) > .description {
        padding: 20px 20px;
    }
}

.hn-single article.table_row,
body.single-deweloper .table_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid var(--hn-line);
    font-size: 14px;
}

.hn-single article.table_row > *:first-child,
body.single-deweloper .table_row > *:first-child {
    color: var(--hn-muted);
    font-weight: 600;
}

.hn-single article.table_row > *:last-child,
body.single-deweloper .table_row > *:last-child {
    color: var(--hn-ink);
    font-weight: 700;
    text-align: right;
}

.hn-single .c-form-sidebar,
body.single-deweloper .c-form-sidebar {
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: var(--hn-radius);
    box-shadow: var(--hn-shadow-card);
}

.hn-single .c-form-sidebar input,
.hn-single .c-form-sidebar select,
.hn-single .c-form-sidebar textarea,
body.single-deweloper .c-form-sidebar input,
body.single-deweloper .c-form-sidebar select,
body.single-deweloper .c-form-sidebar textarea {
    border: 1.5px solid var(--hn-line);
    border-radius: var(--hn-radius);
    background: var(--hn-paper);
    color: var(--hn-ink);
    font-size: 14px;
}

.hn-single .c-form-sidebar input:focus,
.hn-single .c-form-sidebar select:focus,
.hn-single .c-form-sidebar textarea:focus,
body.single-deweloper .c-form-sidebar input:focus,
body.single-deweloper .c-form-sidebar textarea:focus {
    border-color: var(--hn-ink);
    outline: none;
}

.hn-single .c-form-sidebar .wpcf7-submit,
.hn-single .c-form-sidebar input[type="submit"],
body.single-deweloper .c-form-sidebar .wpcf7-submit {
    background: var(--hn-red);
    color: #fff;
    border: 0;
    border-radius: var(--hn-radius);
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.hn-single .c-form-sidebar .wpcf7-submit:hover {
    background: var(--hn-red-dark);
}

body.single-inwestycja .opinia-card,
body.single-dom .opinia-card,
body.single-deweloper .opinia-card {
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: 10px;
    box-shadow: var(--hn-shadow-card);
    padding: 22px 24px;
}

body.single-inwestycja .opinia-card__author,
body.single-dom .opinia-card__author,
body.single-deweloper .opinia-card__author {
    font-weight: 800;
    color: var(--hn-ink);
}

body.single-inwestycja .opinia-card__date,
body.single-dom .opinia-card__date,
body.single-deweloper .opinia-card__date,
body.single-inwestycja .opinia-card__source,
body.single-dom .opinia-card__source,
body.single-deweloper .opinia-card__source {
    font-size: 12.5px;
    color: var(--hn-muted-2);
}

body.single-inwestycja .opinia-card__content,
body.single-dom .opinia-card__content,
body.single-deweloper .opinia-card__content {
    color: var(--hn-ink-2);
    line-height: 1.6;
}

body.single-inwestycja .opinia-card__foot,
body.single-dom .opinia-card__foot,
body.single-deweloper .opinia-card__foot {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--hn-line);
    display: flex;
    align-items: center;
}

body.single-inwestycja .opinia-card .hn-rev-helpful,
body.single-dom .opinia-card .hn-rev-helpful,
body.single-deweloper .opinia-card .hn-rev-helpful {
    border: 0;
    background: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: var(--hn-muted);
    cursor: pointer;
    transition: color 0.15s ease;
}

body.single-inwestycja .opinia-card .hn-rev-helpful svg,
body.single-dom .opinia-card .hn-rev-helpful svg,
body.single-deweloper .opinia-card .hn-rev-helpful svg {
    width: 15px;
    height: 15px;
}

body.single-inwestycja .opinia-card .hn-rev-helpful:hover,
body.single-dom .opinia-card .hn-rev-helpful:hover,
body.single-deweloper .opinia-card .hn-rev-helpful:hover {
    color: var(--hn-ink);
}

body.single-inwestycja .opinia-card .hn-rev-helpful.is-active,
body.single-dom .opinia-card .hn-rev-helpful.is-active,
body.single-deweloper .opinia-card .hn-rev-helpful.is-active {
    color: var(--hn-red);
    cursor: default;
}

body.single-inwestycja .opinia-form-box,
body.single-dom .opinia-form-box,
body.single-deweloper .opinia-form-box {
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: 10px;
    box-shadow: var(--hn-shadow-card);
    padding: 24px 28px;
}

body.single-inwestycja .opinia-form input,
body.single-inwestycja .opinia-form textarea,
body.single-dom .opinia-form input,
body.single-dom .opinia-form textarea,
body.single-deweloper .opinia-form input,
body.single-deweloper .opinia-form textarea {
    border: 1.5px solid var(--hn-line);
    border-radius: var(--hn-radius);
    background: var(--hn-paper);
    color: var(--hn-ink);
    font-size: 14px;
}

body.single-inwestycja .opinia-form input:focus,
body.single-inwestycja .opinia-form textarea:focus,
body.single-dom .opinia-form input:focus,
body.single-dom .opinia-form textarea:focus,
body.single-deweloper .opinia-form input:focus,
body.single-deweloper .opinia-form textarea:focus {
    border-color: var(--hn-ink);
    outline: none;
}

body.single-inwestycja .opinia-form__submit,
body.single-dom .opinia-form__submit,
body.single-deweloper .opinia-form__submit {
    background: var(--hn-red);
    color: #fff;
    border: 0;
    border-radius: var(--hn-radius);
    font-weight: 700;
    padding: 12px 22px;
    cursor: pointer;
    transition: background 0.15s ease;
}

body.single-inwestycja .opinia-form__submit:hover,
body.single-dom .opinia-form__submit:hover,
body.single-deweloper .opinia-form__submit:hover {
    background: var(--hn-red-dark);
}

body.single-inwestycja .opinie-show-more__button,
body.single-dom .opinie-show-more__button,
body.single-deweloper .opinie-show-more__button {
    color: var(--hn-red);
    font-weight: 700;
}

body.single-inwestycja .opinie-disclaimer,
body.single-dom .opinie-disclaimer,
body.single-deweloper .opinie-disclaimer {
    font-size: 12px;
    color: var(--hn-muted-2);
}

body.single-deweloper .dev-property-inner {
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: var(--hn-radius);
    box-shadow: var(--hn-shadow-card);
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.single-deweloper .dev-property-inner:hover {
    box-shadow: var(--hn-shadow-hover);
    border-color: transparent;
}

body.single-deweloper .dev-property-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}
@media (min-width: 1280px) {
    body.single-deweloper .dev-property-grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}
body.single-deweloper .dev-property {
    margin-bottom: 0;
}

body.single-deweloper .dev-property-grid .showButtons {
    grid-column: 1 / -1;
}

body.single-deweloper .propDesc {
    box-sizing: border-box;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.single-deweloper .propDesc h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--hn-ink);
}

body.single-deweloper .propDesc .no-list li {
    font-size: 13px;
    color: var(--hn-muted);
}

body.single-deweloper .propDesc .no-list b {
    color: var(--hn-ink);
}

body.single-deweloper .showButtons a,
body.single-deweloper .showButtons button,
body.single-deweloper #showMoreProp,
body.single-deweloper #showLessProp {
    color: var(--hn-red);
    font-weight: 700;
}

body.single-deweloper .propCover > .dev_archive {
    top: 10px;
    left: 10px;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.02em;
    white-space: nowrap;
    text-transform: uppercase;
    color: var(--hn-ink);
    background: rgba(255, 255, 255, 0.92);
    border-radius: var(--hn-radius-pill);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

body.single-deweloper .single-offer {
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: var(--hn-radius);
    box-shadow: var(--hn-shadow-card);
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.single-deweloper .single-offer:hover {
    box-shadow: var(--hn-shadow-hover);
    border-color: transparent;
}

body.single-deweloper .single-offer-top h3,
body.single-deweloper .single-offer-top h3 a {
    color: var(--hn-ink);
    font-weight: 700;
}

body.single-deweloper .ceny-od-deweloperzy,
body.single-deweloper .ceny-od-deweloperzy p,
body.single-deweloper .inwestycje-deweloperzy a {
    font-size: 13px;
    color: var(--hn-muted);
}

body.single-mieszkanie,
body.single-domwosiedlu {
    background: var(--hn-bg);
}

body.single-mieszkanie > h1,
body.single-domwosiedlu > h1,
body.single-mieszkanie #breadcrumbs,
body.single-domwosiedlu #breadcrumbs {
    max-width: var(--hn-container);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 32px;
    padding-right: 32px;
}

body.single-mieszkanie > h1,
body.single-domwosiedlu > h1 {
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-transform: none;
    color: var(--hn-ink);
    text-align: left;
}

body.single-mieszkanie #breadcrumbs,
body.single-domwosiedlu #breadcrumbs {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--hn-muted);
    text-align: left;
}

body.single-mieszkanie #breadcrumbs a,
body.single-domwosiedlu #breadcrumbs a {
    color: var(--hn-muted);
    font-weight: 600;
    transition: color 0.15s ease;
}

body.single-mieszkanie #breadcrumbs a:hover,
body.single-domwosiedlu #breadcrumbs a:hover {
    color: var(--hn-red);
}

body.single-mieszkanie #breadcrumbs .breadcrumb_last,
body.single-domwosiedlu #breadcrumbs .breadcrumb_last,
body.single-mieszkanie #breadcrumbs strong,
body.single-domwosiedlu #breadcrumbs strong {
    color: var(--hn-ink);
    font-weight: 700;
}

body.single-mieszkanie .c-single-inwestycje-content h2,
body.single-domwosiedlu .c-single-inwestycje-content h2 {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--hn-ink);
    margin: 28px 0 16px;
}

body.single-mieszkanie .c-single-inwestycje-content h2:first-child,
body.single-domwosiedlu .c-single-inwestycje-content h2:first-child {
    margin-top: 0;
}

body.single-mieszkanie .table_row,
body.single-domwosiedlu .table_row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid var(--hn-line);
    font-size: 14px;
}

body.single-mieszkanie .table_row > *:first-child,
body.single-domwosiedlu .table_row > *:first-child {
    color: var(--hn-muted);
    font-weight: 600;
}

body.single-mieszkanie .table_row > *:last-child,
body.single-domwosiedlu .table_row > *:last-child {
    color: var(--hn-ink);
    font-weight: 700;
    text-align: right;
}

body.single-inwestycja .c-single-inwestycje-content {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.hn-single .c-single-inwestycje,
.hn-single .c-single-content-inwest-table,
.hn-single .c-single-inwestycje-content,
.hn-single .inv-panel,
.hn-single .c-form-sidebar,
body.single-inwestycja .opinie-section,
body.single-deweloper .opinie-section {
    box-sizing: border-box;
}

@media (max-width: 1200px) {

    body.single-inwestycja,
    body.single-dom,
    body.single-mieszkanie,
    body.single-domwosiedlu {
        overflow-x: clip;

    }
}

@media (max-width: 760px) {
    body.single-inwestycja .hn-main.hn-nearby > h2,
    body.single-dom .hn-main.hn-nearby > h2,
    body.single-domwosiedlu .hn-main.hn-nearby > h2 {
        text-align: center;
    }
}

body.single-inwestycja .opinie-section,
body.single-deweloper .opinie-section {
    max-width: none;
    margin: 24px 0 0;
    background: var(--hn-paper);
    border: 1px solid var(--hn-line);
    border-radius: var(--hn-radius);
    box-shadow: var(--hn-shadow-card);
    padding: 24px 28px;
}

body.single-inwestycja .opinie-section .section-title,
body.single-dom .opinie-section .section-title,
body.single-deweloper .opinie-section .section-title {
    padding: 0 0 20px;
    text-align: left;
}

body.single-inwestycja .opinie-section .opinie-summary,
body.single-dom .opinie-section .opinie-summary {
    margin-top: 0;
}

body.single-inwestycja .opinie-section .opinie-summary,
body.single-dom .opinie-section .opinie-summary,
body.single-deweloper .opinie-section .opinie-summary {
    box-shadow: none;
}

body.single-inwestycja .opinie-section .opinia-card,
body.single-deweloper .opinie-section .opinia-card {
    background: var(--hn-bg);
    box-shadow: none;
}

@media (min-width: 1201px) {
    body.single-deweloper .c-single-inwestycje-content__wrapper_inner .taxonomy-content:not(.opinie-section) {
        max-width: none;
        margin: 0 0 24px;
        padding: 0;
    }

    body.single-deweloper .c-single-inwestycje-content__wrapper_inner .dev-properties-listing {
        margin-bottom: 28px;
    }
}

@media (min-width: 1201px) {
    body.single-inwestycja .c-single-inwestycje-content__sidebar,
    body.single-dom .c-single-inwestycje-content__sidebar,
    body.single-deweloper .c-single-inwestycje-content__sidebar {
        flex: 0 0 350px;
        max-width: 350px;
    }

    body.single-inwestycja .c-single-inwestycje-content__wrapper_inner,
    body.single-dom .c-single-inwestycje-content__wrapper_inner,
    body.single-deweloper .c-single-inwestycje-content__wrapper_inner {
        flex: 1 1 0;
        min-width: 0;
    }
}

body.hn-devpage {
    --font-head: "Google Sans", "Sora", sans-serif;
    --font-body: "Google Sans", "Manrope", sans-serif;

    line-height: 1.6;

    color: var(--hn-ink);
}

body.hn-devpage .breadcrumb {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
    font-size: 13px; font-weight: 600; color: var(--hn-muted); margin-bottom: 22px;
}
body.hn-devpage .breadcrumb a { color: var(--hn-muted); transition: color .15s ease; }
body.hn-devpage .breadcrumb a:hover { color: var(--hn-red); }
body.hn-devpage .breadcrumb .sep { color: var(--hn-muted-2); }
body.hn-devpage .breadcrumb .here { color: var(--hn-ink); }

body.hn-devpage .dev-profile--dark {
    background: var(--hn-bg); border-bottom: 1px solid var(--hn-line);
    color: var(--hn-ink); padding: 28px 0 46px;
}
body.hn-devpage .dev-profile--dark .breadcrumb a { color: var(--hn-muted-2); }
body.hn-devpage .dev-profile--dark .breadcrumb a:hover { color: var(--hn-red); }
body.hn-devpage .dev-profile--dark .breadcrumb .sep { color: var(--hn-muted-2); }
body.hn-devpage .dev-profile--dark .breadcrumb .here { color: var(--hn-muted); }

body.hn-devpage .dev-profile-bar {
    position: relative;
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 20px; margin-bottom: 28px;
}

body.hn-devpage .dev-profile-bar .dev-claim-panel {
    position: absolute; top: calc(100% + 12px); right: 0; z-index: 30;
    width: min(380px, 90vw); max-width: none; margin: 0; text-align: left;
    box-sizing: border-box;
    box-shadow: 0 24px 48px -16px rgba(13, 14, 17, 0.22);
}
body.hn-devpage .dev-profile-bar .breadcrumb { margin-bottom: 0; }

body.hn-devpage .dvh-claim {
    flex: none; background: none; border: 0; cursor: pointer;
    font: 700 12.5px/1 var(--font-body); color: var(--hn-muted); white-space: nowrap;
}
body.hn-devpage .dvh-claim b { color: var(--hn-red); font-weight: 800; border-bottom: 1px solid rgba(232,19,47,.35); padding-bottom: 2px; }
body.hn-devpage .dvh-claim:hover b { border-color: var(--hn-red); }

body.hn-devpage .dev-claim-panel {
    display: none; margin: 14px 0 0 auto; max-width: 380px;
    background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: 12px;
    padding: 18px 20px; box-shadow: var(--hn-shadow-card);
}
body.hn-devpage .dev-claim-panel.is-open { display: block; }
body.hn-devpage .dev-claim-panel h4 { font: 800 14.5px/1.3 var(--font-head); margin-bottom: 7px; }
body.hn-devpage .dev-claim-panel p { font: 500 12.5px/1.6 var(--font-body); color: var(--hn-muted); margin: 0 0 14px; text-wrap: pretty; }
body.hn-devpage .dev-claim-panel .btn {
    display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px;
    background: var(--hn-ink); color: #fff; border: 0; border-radius: var(--hn-radius);
    font: 800 11.5px/1 var(--font-body); letter-spacing: .07em; text-transform: uppercase;
    cursor: pointer; transition: background .15s ease;
}
body.hn-devpage .dev-claim-panel .btn:hover { background: var(--hn-red); }

body.hn-devpage .dvh { display: flex; align-items: center; gap: 40px; }
body.hn-devpage .dvh-logo { flex: none; }
body.hn-devpage .dvh-logo-tile {
    width: 120px; height: 120px; background: var(--hn-paper); border: 1px solid var(--hn-line);
    border-radius: 16px; display: grid; place-items: center; padding: 18px; box-shadow: var(--hn-shadow-card);
}
body.hn-devpage .dvh-logo-tile img { max-width: 100%; max-height: 100%; object-fit: contain; }
body.hn-devpage .dvh-sep { flex: none; width: 1px; align-self: stretch; background: var(--hn-line); }
body.hn-devpage .dvh-score { flex: none; text-align: center; min-width: 168px; }
body.hn-devpage .dvh-score .num { font: 800 88px/.85 var(--font-head); letter-spacing: -.03em; color: var(--hn-ink); }
body.hn-devpage .dvh-score .num small { font-size: 30px; color: var(--hn-muted-2); }

body.hn-devpage .dvh-score .num--empty { font-size: 48px; line-height: 1.2; color: var(--hn-muted-2); }
body.hn-devpage .dvh-score .stars { display: block; color: #E8A013; font-size: 22px; letter-spacing: 3px; margin-top: 12px; }
body.hn-devpage .dvh-score .cnt { display: block; margin-top: 10px; font: 700 13px/1 var(--font-body); color: var(--hn-muted); }
body.hn-devpage .dvh-score .cnt:hover { color: var(--hn-red); }
body.hn-devpage .dvh-main { flex: 1; min-width: 0; }
body.hn-devpage .dvh-main h1 { font-size: 42px; font-weight: 800; letter-spacing: -.02em; color: var(--hn-ink); line-height: 1.04; padding: 0; margin: 0; max-width: none; text-transform: none; }
body.hn-devpage .dvh-split { margin-top: 22px; display: flex; gap: 40px; }
body.hn-devpage .dvh-split .part { display: flex; flex-direction: column; gap: 6px; }
body.hn-devpage .dvh-split .lbl { font: 700 10.5px/1.3 var(--font-body); letter-spacing: .05em; text-transform: uppercase; color: var(--hn-muted); }
body.hn-devpage .dvh-split .val { font: 800 15px/1 var(--font-head); color: var(--hn-ink); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
body.hn-devpage .dvh-split .val .s { color: #E8A013; font-size: 13px; }
body.hn-devpage .dvh-split .val i { font: 600 11.5px/1 var(--font-body); color: var(--hn-muted-2); font-style: normal; }
body.hn-devpage .dvh-actions { flex: none; margin-left: auto; align-self: center; display: flex; flex-direction: column; align-items: flex-end; gap: 14px; padding-left: 28px; }
body.hn-devpage .dvh-cta { margin-top: 0; display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
body.hn-devpage .btn-rate-primary {
    display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 26px;
    background: var(--hn-red); border: 1.5px solid var(--hn-red); color: #fff; border-radius: var(--hn-radius);
    font: 800 12.5px/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap;
    transition: background .15s ease, border-color .15s ease;
}
body.hn-devpage .btn-rate-primary:hover { background: var(--hn-red-dark); border-color: var(--hn-red-dark); }
body.hn-devpage .btn-rate-ghost {
    display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 26px;
    background: transparent; border: 1.5px solid var(--hn-red); color: var(--hn-red); border-radius: var(--hn-radius);
    font: 800 12.5px/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap;
    transition: background .15s ease, color .15s ease;
}
body.hn-devpage .btn-rate-ghost:hover { background: var(--hn-red); color: #fff; }

body.hn-devpage .dev-layout {
    padding-top: 56px; padding-bottom: 40px;
    display: grid; grid-template-columns: 1fr 340px; gap: 40px; align-items: start;
}
body.hn-devpage .dev-main { min-width: 0; }
body.hn-devpage .dev-aside { position: sticky; top: 96px; margin-top: 57px; }

body.hn-devpage:has(.sec-nav) .dev-aside { top: 140px; }

body.hn-devpage .dev-main .dev-block { margin-bottom: 0; }
body.hn-devpage .dev-main .dev-block + .dev-block { margin-top: 52px; padding-top: 52px; border-top: 1px solid var(--hn-line); }
body.hn-devpage .dev-block-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
body.hn-devpage .dev-block-head h2 { font-family: var(--font-head); font-size: 26px; font-weight: 700; letter-spacing: -.015em; line-height: 1.2; margin: 0; color: var(--hn-ink); }
body.hn-devpage .dev-block-head h2 .count { color: inherit; font-weight: 700; }
body.hn-devpage .sec-acc > .dev-block-head { cursor: pointer; user-select: none; }
body.hn-devpage .sec-acc .sec-chev {
    flex: none; align-self: center; width: 30px; height: 30px; border-radius: 50%;
    border: 1px solid var(--hn-line); background: var(--hn-paper); color: var(--hn-muted);
    display: grid; place-items: center; cursor: pointer; transition: transform .2s ease, color .15s ease, border-color .15s ease;
}
body.hn-devpage .sec-acc .sec-chev svg { width: 14px; height: 14px; }
body.hn-devpage .sec-acc > .dev-block-head:hover .sec-chev { border-color: var(--hn-ink); color: var(--hn-ink); }
body.hn-devpage .sec-acc.is-collapsed .sec-chev { transform: rotate(-90deg); }
body.hn-devpage .sec-acc.is-collapsed > *:not(.dev-block-head) { display: none !important; }
body.hn-devpage .sec-acc.is-collapsed > .dev-block-head { margin-bottom: 0; }

body.hn-devpage .dev-offer-grid { display: flex; flex-direction: column; gap: 14px; }
body.hn-devpage .dev-more { margin-top: 30px; display: flex; justify-content: center; }
body.hn-devpage .dev-more-btn {
    display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 30px;
    border: 1.5px solid var(--hn-line); background: var(--hn-paper); border-radius: var(--hn-radius);
    font: 800 13px/1 var(--font-body); letter-spacing: .07em; text-transform: uppercase; color: var(--hn-ink);
    cursor: pointer; transition: border-color .15s ease, color .15s ease;
}
body.hn-devpage .dev-more-btn:hover { border-color: var(--hn-ink); }
body.hn-devpage .dev-more-btn svg { width: 16px; height: 16px; transition: transform .2s ease; }
body.hn-devpage .dev-more-btn.is-open svg { transform: rotate(180deg); }
body.hn-devpage .dev-offer-grid .dev-hidden { display: none; }
body.hn-devpage .dev-offer-grid .dev-hidden.is-shown { display: grid; }

body.hn-devpage .inv-row {
    display: grid; grid-template-columns: 132px minmax(140px, 1fr) 224px auto; align-items: center; gap: 20px;
    background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: var(--hn-radius);
    padding-right: 22px; overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease;
}
body.hn-devpage .inv-row:hover { box-shadow: var(--hn-shadow-hover); border-color: #DAD9D4; }
body.hn-devpage .inv-row .inv-media { position: relative; align-self: stretch; min-height: 132px; }
body.hn-devpage .inv-row .inv-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.hn-devpage .inv-row.is-arch .inv-media { filter: grayscale(.5) opacity(.9); }
body.hn-devpage .inv-row .inv-info { padding: 12px 0; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
body.hn-devpage .inv-row .inv-name { font-family: var(--font-head); font-size: 16px; font-weight: 700; letter-spacing: -.01em; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.hn-devpage .inv-row:hover .inv-name { color: var(--hn-red); }
body.hn-devpage .inv-row .inv-loc { display: flex; align-items: center; gap: 6px; color: var(--hn-muted); font-size: 13px; min-width: 0; }
body.hn-devpage .inv-row .inv-loc svg { width: 14px; height: 14px; flex: none; color: var(--hn-muted-2); }
body.hn-devpage .inv-row .inv-loc span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.hn-devpage .inv-arch {
    align-self: flex-start; display: inline-flex; align-items: center;
    font: 800 10px/1 var(--font-body); letter-spacing: .05em; text-transform: uppercase;
    padding: 4px 8px; border-radius: 4px; background: rgba(13,14,17,.08); color: var(--hn-muted);
}
body.hn-devpage .inv-specs { display: flex; flex-direction: column; padding: 12px 0; margin: 0; width: 100%; }
body.hn-devpage .inv-specs .srow { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 5px 0; }
body.hn-devpage .inv-specs .srow + .srow { border-top: 1px solid var(--hn-line); }
body.hn-devpage .inv-specs dt { font-size: 13px; color: var(--hn-muted); white-space: nowrap; font-weight: 400; }
body.hn-devpage .inv-specs dd { font-size: 14px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--hn-ink); }
body.hn-devpage .inv-actions { display: flex; flex-direction: column; gap: 8px; align-items: stretch; margin-left: 6px; }
body.hn-devpage .inv-cta, body.hn-devpage .inv-cta-ghost {
    display: inline-flex; align-items: center; justify-content: center; border-radius: var(--hn-radius);
    padding: 9px 18px; font-weight: 700; font-size: 13px; white-space: nowrap;
}
body.hn-devpage .inv-cta { background: var(--hn-red); color: #fff; border: 1.5px solid var(--hn-red); transition: background .15s ease; }
body.hn-devpage .inv-cta:hover { background: var(--hn-red-dark); border-color: var(--hn-red-dark); }
body.hn-devpage .inv-cta-ghost { background: transparent; color: var(--hn-red); border: 1.5px solid var(--hn-red); transition: background .15s ease, color .15s ease; }
body.hn-devpage .inv-cta-ghost:hover { background: var(--hn-red); color: #fff; }
body.single-deweloper .inv-cta { background: var(--hn-ink); border-color: var(--hn-ink); }
body.single-deweloper .inv-cta:hover { background: var(--hn-ink-2); border-color: var(--hn-ink-2); }
body.single-deweloper .inv-cta-ghost { color: var(--hn-ink); border-color: var(--hn-ink); }
body.single-deweloper .inv-cta-ghost:hover { background: var(--hn-ink); color: #fff; }
body.hn-devpage .offer-reviews { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; font: 700 12.5px/1 var(--font-body); color: var(--hn-ink); }
body.hn-devpage .offer-reviews .star { color: #E8A013; font-size: 13px; line-height: 1; }
body.hn-devpage .offer-reviews b { font-weight: 800; }
body.hn-devpage .offer-reviews .cnt { color: var(--hn-muted); font-weight: 600; }
body.hn-devpage .offer-reviews:hover .cnt { color: var(--hn-red); }
body.hn-devpage .offer-reviews.is-empty .star { color: var(--hn-muted-2); font-weight: 700; }
body.hn-devpage .offer-reviews.is-empty .cnt { color: var(--hn-muted); font-weight: 700; }

body.hn-devpage .dev-desc p { font-size: 15.5px; line-height: 1.85; color: var(--hn-ink-2); margin: 0 0 18px; text-wrap: pretty; }
body.hn-devpage .dev-desc p:last-child { margin-bottom: 0; }
body.hn-devpage .dev-desc strong { font-weight: 800; }
body.hn-devpage .dev-desc a.inline { color: var(--hn-red); font-weight: 700; border-bottom: 1px solid rgba(232,19,47,.3); }
body.hn-devpage .dev-desc a.inline:hover { border-color: var(--hn-red); }
body.hn-devpage .dev-desc.is-clamped { position: relative; max-height: 340px; overflow: hidden; }
body.hn-devpage .dev-desc.is-clamped::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 130px; background: linear-gradient(to bottom, rgba(255,255,255,0), var(--hn-paper)); }
body.hn-devpage .dev-desc-toggle { margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; border: 0; padding: 0; background: none; color: var(--hn-red); font: 800 13.5px/1 var(--font-body); letter-spacing: .04em; cursor: pointer; }
body.hn-devpage .dev-desc-toggle svg { width: 15px; height: 15px; transition: transform .2s ease; }
body.hn-devpage .dev-desc-toggle.is-open svg { transform: rotate(180deg); }

body.hn-devpage .dev-data { border: 1px solid var(--hn-line); border-radius: 10px; overflow: hidden; margin: 0; }
body.hn-devpage .dev-data-row { display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding: 18px 24px; align-items: center; }
body.hn-devpage .dev-data > .dev-data-row:nth-child(odd) { background: var(--hn-bg); }
body.hn-devpage .dev-data-row dt { font: 700 13px/1.4 var(--font-body); letter-spacing: .02em; text-transform: uppercase; color: var(--hn-muted); }
body.hn-devpage .dev-data-row dd { font-size: 15.5px; font-weight: 700; color: var(--hn-ink); }
body.hn-devpage .dev-data-row dd a { color: var(--hn-red); }
body.hn-devpage .dev-data-row dd a:hover { text-decoration: underline; }

body.hn-devpage .op-dist { display: flex; gap: 44px; align-items: center; padding-bottom: 26px; border-bottom: 1px solid var(--hn-line); margin-bottom: 24px; }
body.hn-devpage .op-avg { text-align: center; flex: none; }

body.hn-devpage .op-avg .big { font-family: var(--font-head); font-size: 48px; font-weight: 700; line-height: 1; letter-spacing: -.02em; color: var(--hn-ink); }
body.hn-devpage .op-avg .op-stars { color: #E8A013; letter-spacing: 2px; font-size: 15px; margin-top: 6px; }
body.hn-devpage .op-avg .cnt { display: block; font-size: 12.5px; color: var(--hn-muted); margin-top: 6px; }
body.hn-devpage .op-bars { flex: 1; display: flex; flex-direction: column; gap: 8px; }
body.hn-devpage .op-bar { display: flex; align-items: center; gap: 12px; font: 700 12.5px/1 var(--font-body); color: var(--hn-muted); }
body.hn-devpage .op-bar .lab { width: 32px; color: var(--hn-ink); font-weight: 700; }
body.hn-devpage .op-bar .track { flex: 1; height: 9px; background: var(--hn-band); border-radius: 99px; overflow: hidden; }
body.hn-devpage .op-bar .fill { display: block; height: 100%; background: #E8A013; border-radius: 99px; }
body.hn-devpage .op-bar .pct { width: 30px; text-align: right; color: var(--hn-muted-2); font-weight: 700; }

body.hn-devpage .op-dfilter { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
body.hn-devpage .op-add-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--hn-red); color: #fff; border: 0; border-radius: var(--hn-radius); padding: 0 22px; height: 46px; font: 700 14px/1 var(--font-body); cursor: pointer; }
body.hn-devpage .op-add-btn:hover { background: var(--hn-red-dark); }
body.hn-devpage .rev-invfilter {
    appearance: none; -webkit-appearance: none; margin-left: auto; height: 46px; padding: 0 34px 0 14px;
    border: 1.5px solid var(--hn-line); border-radius: var(--hn-radius); background: var(--hn-paper);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6D75' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;
    font: 700 13.5px/1 var(--font-body); color: var(--hn-ink); cursor: pointer;
}
body.hn-devpage .rev-invfilter:hover { border-color: var(--hn-muted-2); }
body.hn-devpage .rev-invfilter:focus { outline: none; border-color: var(--hn-red); box-shadow: 0 0 0 3px var(--hn-red-soft); }
body.hn-devpage .rev-rows { display: flex; flex-direction: column; gap: 12px; }
body.hn-devpage .rev-empty { padding: 32px; border: 1px dashed var(--hn-line); border-radius: 8px; text-align: center; color: var(--hn-muted); font-weight: 600; }
body.hn-devpage .rev-row { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 16px; align-items: start; background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: var(--hn-radius); padding: 16px 18px; transition: box-shadow .18s ease, border-color .18s ease; }
body.hn-devpage .rev-row:hover { box-shadow: var(--hn-shadow-hover); border-color: #DAD9D4; }
body.hn-devpage .rev-row .rr-ava { width: 42px; height: 42px; border-radius: 50%; background: var(--hn-bg); border: 1px solid var(--hn-line); display: grid; place-items: center; font: 800 13px/1 var(--font-body); color: var(--hn-muted); }
body.hn-devpage .rev-row .rr-body { min-width: 0; }
body.hn-devpage .rev-row .rr-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
body.hn-devpage .rev-row .rr-name { font: 800 14px/1 var(--font-head); color: var(--hn-ink); }
body.hn-devpage .rev-row .rr-stars { color: #E8A013; font-size: 12.5px; letter-spacing: 1.5px; }
body.hn-devpage .rev-row .rr-stars .off { color: #D8D8D3; }
body.hn-devpage .rev-row .rr-subject { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; font: 700 12.5px/1.2 var(--font-body); }
body.hn-devpage .rev-row .rr-subject .tag { flex: none; display: inline-flex; align-items: center; font: 800 9.5px/1 var(--font-body); letter-spacing: .08em; text-transform: uppercase; padding: 5px 7px 4px; border-radius: 4px; }
body.hn-devpage .rev-row .rr-subject .tag--dev { color: #fff; background: var(--hn-ink); }
body.hn-devpage .rev-row .rr-subject .tag--inv { color: var(--hn-ink); background: transparent; box-shadow: inset 0 0 0 1.5px var(--hn-ink); }
body.hn-devpage .rev-row .rr-subject .rr-subname { color: var(--hn-ink); font-weight: 800; }
body.hn-devpage .rev-row .rr-subject a.rr-subname:hover { color: var(--hn-red); }
body.hn-devpage .rev-row .rr-text { margin-top: 8px; font-size: 13.5px; line-height: 1.55; color: var(--hn-ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.hn-devpage .rev-row.is-open .rr-text { -webkit-line-clamp: unset; display: block; overflow: visible; }
body.hn-devpage .rev-row .rr-toggle { display: none; border: 0; background: none; padding: 0; font: 700 12.5px/1 var(--font-body); color: var(--hn-red); cursor: pointer; }
body.hn-devpage .rev-row .rr-toggle.show { display: block; width: 100%; text-align: center; margin: 12px 0 2px; }
body.hn-devpage .rev-row .rr-foot { display: flex; align-items: center; gap: 18px; margin-top: 12px; }
body.hn-devpage .rev-row .rr-side { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; white-space: nowrap; }
body.hn-devpage .rev-row .rr-date { font: 600 12px/1 var(--font-body); color: var(--hn-muted-2); }
body.hn-devpage .rev-row .rr-helpful { border: 0; background: none; display: inline-flex; align-items: center; gap: 6px; font: 700 12.5px/1 var(--font-body); color: var(--hn-muted); cursor: pointer; transition: color .15s ease; }
body.hn-devpage .rev-row .rr-helpful svg { width: 14px; height: 14px; }
body.hn-devpage .rev-row .rr-helpful:hover { color: var(--hn-ink); }
body.hn-devpage .rev-row .rr-helpful.is-active { color: var(--hn-red); }
body.hn-devpage .op-more { display: block; margin: 26px auto 0; border: 1.5px solid var(--hn-line); background: var(--hn-paper); border-radius: var(--hn-radius); padding: 13px 28px; font: 800 12.5px/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; color: var(--hn-ink); cursor: pointer; }
body.hn-devpage .op-more:hover { border-color: var(--hn-ink); }

body.hn-devpage .op-addform-bottom { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--hn-line); }
body.hn-devpage .op-addform { background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: 12px; padding: 24px 26px; }
body.hn-devpage .op-addform h4 { font-family: var(--font-head); font-size: 18px; font-weight: 700; margin-bottom: 4px; }
body.hn-devpage .op-addform .hint { font-size: 12.5px; color: var(--hn-muted); margin: 0 0 16px; }
body.hn-devpage .op-af-row { display: flex; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
body.hn-devpage .op-seg { display: inline-flex; background: var(--hn-bg); border: 1px solid var(--hn-line); border-radius: var(--hn-radius); padding: 3px; }
body.hn-devpage .op-seg button { border: 0; background: transparent; border-radius: 5px; padding: 9px 16px; font: 700 13px/1 var(--font-body); color: var(--hn-muted); cursor: pointer; min-width: 140px; text-align: center; }
body.hn-devpage .op-seg button.is-on { background: var(--hn-ink); color: #fff; }
body.hn-devpage .op-af-select {
    appearance: none; -webkit-appearance: none; flex: 1; min-width: 160px; height: 44px; padding: 0 40px 0 14px;
    border: 1.5px solid var(--hn-line); border-radius: var(--hn-radius); background: var(--hn-bg);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6D75' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
    font: 600 14px/1 var(--font-body); color: var(--hn-ink); cursor: pointer;
}
body.hn-devpage .op-af-select[disabled] { opacity: .45; }
body.hn-devpage .op-af-select:focus { outline: none; border-color: var(--hn-red); box-shadow: 0 0 0 3px var(--hn-red-soft); }
body.hn-devpage .op-af-lbl { font: 700 12.5px/1 var(--font-body); color: var(--hn-ink); margin-bottom: 8px; display: block; }
body.hn-devpage .op-stars-input { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; }
body.hn-devpage .op-stars-input input { position: absolute; opacity: 0; width: 0; height: 0; }
body.hn-devpage .op-stars-input label { font-size: 27px; line-height: 1; color: #D8D8D3; cursor: pointer; transition: color .1s ease; }
body.hn-devpage .op-stars-input label:hover,
body.hn-devpage .op-stars-input label:hover ~ label,
body.hn-devpage .op-stars-input input:checked ~ label { color: #E8A013; }
body.hn-devpage .op-af-input { box-sizing: border-box; width: 100%; border: 1.5px solid var(--hn-line); border-radius: var(--hn-radius); background: var(--hn-bg); padding: 11px 14px; font: 500 14px/1.4 var(--font-body); color: var(--hn-ink); margin-bottom: 12px; }
body.hn-devpage .op-af-input:focus { outline: none; border-color: var(--hn-red); background: var(--hn-paper); box-shadow: 0 0 0 3px var(--hn-red-soft); }
body.hn-devpage .op-af-ta { box-sizing: border-box; width: 100%; border: 1.5px solid var(--hn-line); border-radius: var(--hn-radius); background: var(--hn-bg); padding: 12px 14px; font: 500 14px/1.5 var(--font-body); color: var(--hn-ink); min-height: 90px; resize: vertical; margin: 6px 0 14px; }
body.hn-devpage .op-af-ta:focus { outline: none; border-color: var(--hn-red); background: var(--hn-paper); box-shadow: 0 0 0 3px var(--hn-red-soft); }
body.hn-devpage .op-af-consent { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 14px; font: 500 12px/1.55 var(--font-body); color: var(--hn-muted); }
body.hn-devpage .op-af-consent input { margin-top: 3px; flex: none; accent-color: var(--hn-red); }
body.hn-devpage .op-af-consent a { color: var(--hn-ink); text-decoration: underline; }
body.hn-devpage .op-af-www { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
body.hn-devpage .op-af-submit { background: var(--hn-red); color: #fff; border: 0; border-radius: var(--hn-radius); padding: 13px 24px; font: 700 14px/1 var(--font-body); cursor: pointer; }
body.hn-devpage .op-af-submit:hover { background: var(--hn-red-dark); }
body.hn-devpage .op-af-submit[disabled] { opacity: .6; cursor: default; }
body.hn-devpage .op-af-msg { margin-top: 12px; font: 600 13px/1.5 var(--font-body); }
body.hn-devpage .op-af-msg.is-error { color: var(--hn-red); }
body.hn-devpage .op-af-msg.is-success { color: #1F8A4C; }

body.hn-devpage .op-af-photos { margin: 2px 0 16px; }
body.hn-devpage .op-af-thumbs { display: flex; flex-wrap: wrap; gap: 8px; }
body.hn-devpage .op-af-thumbs .th { position: relative; width: 74px; height: 74px; border-radius: 6px; overflow: hidden; border: 1px solid var(--hn-line); }
body.hn-devpage .op-af-thumbs .th img { width: 100%; height: 100%; object-fit: cover; }
body.hn-devpage .op-af-thumbs .th button {
    position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 50%;
    background: rgba(13, 14, 17, .72); color: #fff; border: 0; cursor: pointer;
    font: 700 13px/1 var(--font-body); display: grid; place-items: center;
}
body.hn-devpage .op-af-thumbs .th button:hover { background: var(--hn-red); }
body.hn-devpage .op-af-add {
    width: 74px; height: 74px; border: 1.5px dashed var(--hn-line); border-radius: 6px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    color: var(--hn-muted); cursor: pointer; font: 700 10.5px/1 var(--font-body); background: var(--hn-bg);
    transition: border-color .15s ease, color .15s ease;
}
body.hn-devpage .op-af-add:hover { border-color: var(--hn-muted-2); color: var(--hn-ink); }
body.hn-devpage .op-af-add svg { width: 18px; height: 18px; }
body.hn-devpage .op-af-add.is-hidden { display: none; }
body.hn-devpage .op-af-photos-err { display: block; margin-top: 8px; font: 600 12px/1.4 var(--font-body); color: var(--hn-red); }

body.hn-devpage .rr-photos { display: none; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
body.hn-devpage .rev-row.is-open .rr-photos { display: flex; }
body.hn-devpage .rr-photos img {
    width: 104px; height: 78px; object-fit: cover; border-radius: 6px; border: 1px solid var(--hn-line);
    cursor: pointer; transition: transform .15s ease;
}
body.hn-devpage .rr-photos img:hover { transform: scale(1.03); }

body.hn-devpage .rev-lightbox {
    position: fixed; inset: 0; z-index: 9999; background: rgba(13, 14, 17, .86);
    display: none; align-items: center; justify-content: center; padding: 40px; cursor: zoom-out;
}
body.hn-devpage .rev-lightbox.is-open { display: flex; }
body.hn-devpage .rev-lightbox img { max-width: 92vw; max-height: 88vh; border-radius: 8px; box-shadow: 0 24px 70px rgba(0, 0, 0, .55); }

body.hn-devpage .contact-card { background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: 14px; box-shadow: 0 18px 44px -32px rgba(13,14,17,.18); overflow: hidden; }
body.hn-devpage .contact-card-head { background: var(--hn-bg); color: var(--hn-ink); padding: 26px 28px 24px; border-bottom: 1px solid var(--hn-line); }
body.hn-devpage .contact-card-head .kicker { color: var(--hn-red); font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; display: block; margin-bottom: 12px; }
body.hn-devpage .contact-card-head h3 { font-family: var(--font-head); font-size: 21px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--hn-ink); margin: 0; text-wrap: balance; }
body.hn-devpage .contact-card-head p { margin: 10px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--hn-muted); }
body.hn-devpage .contact-card-body { padding: 24px 28px 28px; }

body.hn-devpage .contact-card-body input[type="text"],
body.hn-devpage .contact-card-body input[type="email"],
body.hn-devpage .contact-card-body input[type="tel"],
body.hn-devpage .contact-card-body input[type="number"],
body.hn-devpage .contact-card-body textarea,
body.hn-devpage .contact-card-body select {
    width: 100%; height: auto; border: 1.5px solid transparent; border-radius: var(--hn-radius); background: #EEEDE8;
    padding: 13px 15px; font: 600 14.5px/1.4 var(--font-body); color: var(--hn-ink);
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; margin-bottom: 0;
}
body.hn-devpage .contact-card-body textarea { resize: none; height: 124px; overflow-y: auto; }

body.hn-devpage .contact-card-body select {
    appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6D75' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
}

body.hn-devpage .contact-card-body .c-form-sidebar__financing span::after { content: none; }
body.hn-devpage .contact-card-body select:has(option[value=""]:checked) { color: var(--hn-muted); font-weight: 500; }
body.hn-devpage .contact-card-body select option { color: var(--hn-ink); }
body.hn-devpage .contact-card-body input::placeholder,
body.hn-devpage .contact-card-body textarea::placeholder { color: var(--hn-muted); font-weight: 500; }
body.hn-devpage .contact-card-body input:focus,
body.hn-devpage .contact-card-body textarea:focus,
body.hn-devpage .contact-card-body select:focus { outline: none; border-color: var(--hn-red); background: var(--hn-paper); box-shadow: 0 0 0 3px var(--hn-red-soft); }
body.hn-devpage .contact-card-body .wpcf7-form-control-wrap { display: block; margin-bottom: 0; position: relative; }
body.hn-devpage .contact-card-body p { margin: 0 0 12px; }

body.hn-devpage .contact-card-body .wpcf7-form { display: flex; flex-wrap: wrap; gap: 0 4%; width: 100%; }
body.hn-devpage .contact-card-body .wpcf7-form > .uk-margin { margin: 0 0 16px !important; }

body.hn-devpage .contact-card-body .c-form-sidebar__submit { order: 1; width: 100%; margin: 0 !important; }
body.hn-devpage .contact-card-body .regulaminField,
body.hn-devpage .contact-card-body .requiredField {
    order: 2; display: block; width: 100%; text-align: left;
    font: 500 11.5px/1.5 var(--font-body); color: var(--hn-muted-2);
    margin: 0;
}
body.hn-devpage .contact-card-body .regulaminField + .regulaminField { margin-top: 6px; }
body.hn-devpage .contact-card-body .regulaminField a,
body.hn-devpage .contact-card-body .requiredField a { color: var(--hn-muted); text-decoration: underline; }
body.hn-devpage .contact-card-body .regulaminField a:hover,
body.hn-devpage .contact-card-body .requiredField a:hover { color: var(--hn-red); }

body.hn-devpage .contact-card-body .kredyt-zgoda-info {
    display: block !important; order: 3; width: 100%; text-align: left;
    font: 500 11.5px/1.5 var(--font-body); color: var(--hn-muted-2);
    margin: 6px 0 0;
}
body.hn-devpage .contact-card-body .kredyt-see-more { color: var(--hn-muted); cursor: pointer; font-weight: 500; text-decoration: underline; white-space: nowrap; }
body.hn-devpage .contact-card-body .kredyt-see-more:hover { color: var(--hn-red); }

body.hn-devpage .modal-kredyt-info {
    border: 1px solid var(--hn-line); border-radius: 12px; padding: 12px 24px 20px;
    box-shadow: 0 24px 60px -12px rgba(13, 14, 17, .28);
}
body.hn-devpage .modal-kredyt-info h3 { font-family: var(--font-head); font-size: 19px; font-weight: 700; }
body.hn-devpage .modal-kredyt-info h4 { font-size: 14px; font-weight: 700; margin: 14px 0 6px; }
body.hn-devpage .modal-kredyt-info p { font-size: 13.5px; line-height: 1.6; color: var(--hn-ink-2); }
body.hn-devpage .modal-kredyt-info-body { max-height: min(420px, 60vh); overflow-y: auto; padding: 6px 10px 0 0; }
body.hn-devpage .close-modal-kredyt {
    top: 10px; right: 12px; width: 32px; height: 32px; display: grid; place-items: center;
    font-size: 18px; border-radius: 50%; color: var(--hn-muted); transition: background .15s ease, color .15s ease;
}
body.hn-devpage .close-modal-kredyt:hover { background: var(--hn-bg); color: var(--hn-ink); }
body.hn-devpage .contact-card-body .wpcf7-submit,
body.hn-devpage .contact-card-body input[type="submit"],
body.hn-devpage .contact-card-body button[type="submit"] {
    width: 100%; height: 54px; border: 0; border-radius: var(--hn-radius); background: var(--hn-red); color: #fff;
    font: 800 13.5px/1 var(--font-body); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;
    margin: 0 !important; transition: background .15s ease;
}
body.hn-devpage .contact-card-body .wpcf7-submit:hover,
body.hn-devpage .contact-card-body input[type="submit"]:hover,
body.hn-devpage .contact-card-body button[type="submit"]:hover { background: var(--hn-red-dark); }
body.hn-devpage .contact-card-body .wpcf7-not-valid-tip { position: absolute; left: 15px; top: calc(100% + 1px); margin: 0; color: var(--hn-red); font: 600 11px/1.2 var(--font-body); }
body.hn-devpage .contact-card-body .wpcf7-response-output { border-radius: var(--hn-radius); font: 600 13px/1.5 var(--font-body); width: 100%; margin: 0 0 12px; padding: 12px 14px; }

body.hn-devpage .dev-nearby { padding: 76px 0; background: var(--hn-band); border-top: 1px solid var(--hn-line); }
body.hn-devpage .dev-nearby .section-head { margin-bottom: 36px; }
body.hn-devpage .dev-nearby .section-title { font-size: 34px; font-weight: 700; letter-spacing: -.015em; line-height: 1.2; text-wrap: pretty; margin: 0; padding: 0; text-align: left; color: var(--hn-ink); text-transform: none; }
body.hn-devpage .dev-nearby .dev-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
body.hn-devpage .dev-nearby .dev-card { background: var(--hn-paper); min-width: 0; border: 1px solid var(--hn-line); border-radius: var(--hn-radius); padding: 28px 24px 24px; display: flex; flex-direction: column; box-shadow: var(--hn-shadow-card); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
body.hn-devpage .dev-nearby .dev-card:hover { transform: translateY(-4px); box-shadow: var(--hn-shadow-hover); border-color: transparent; }
body.hn-devpage .dev-nearby .dev-card h3 { font-size: 18px; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; margin: 0 0 6px; color: var(--hn-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
body.hn-devpage .dev-rate { display: flex; align-items: center; gap: 8px; font: 700 13px/1 var(--font-body); margin-bottom: 16px; }
body.hn-devpage .dev-rate .stars { color: #E8A013; letter-spacing: 2px; font-size: 13px; }
body.hn-devpage .dev-rate .n { font-weight: 800; }
body.hn-devpage .dev-rate .cnt { color: var(--hn-muted); font-weight: 600; }
body.hn-devpage .dev-rate--empty .stars { color: var(--hn-muted-2); }
body.hn-devpage .dev-meta { border-top: 1px solid var(--hn-line); padding-top: 12px; display: flex; flex-direction: column; gap: 7px; font: 600 13px/1.45 var(--font-body); color: var(--hn-muted); }
body.hn-devpage .dev-meta b { color: var(--hn-ink); font-weight: 800; }
body.hn-devpage .dev-cta { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border: 1.5px solid var(--hn-red); border-radius: var(--hn-radius); color: var(--hn-red); font: 700 12.5px/1 var(--font-body); letter-spacing: .08em; text-transform: uppercase; transition: background .15s ease, color .15s ease; }
body.hn-devpage .dev-cta:hover { background: var(--hn-red); color: #fff; }

@media (max-width: 1240px) {
    body.hn-devpage .dev-layout { grid-template-columns: 1fr; gap: 44px; }
    body.hn-devpage .dev-aside { position: static; max-width: 520px; margin-top: 0; }
    body.hn-devpage .dev-nearby .dev-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
    body.hn-devpage .dvh { flex-wrap: wrap; gap: 24px 28px; }
    body.hn-devpage .dvh-sep { display: none; }
    body.hn-devpage .dvh-score { text-align: left; min-width: 0; }
    body.hn-devpage .dvh-main { flex-basis: 100%; }
    body.hn-devpage .dvh-actions { margin-left: 0; align-self: flex-start; align-items: flex-start; padding-left: 0; flex-basis: 100%; }
}

@media (max-width: 900px) {

    body.hn-devpage .inv-row { grid-template-columns: 112px minmax(0, 1fr); gap: 4px 16px; padding: 0 14px 12px 0; }
    body.hn-devpage .inv-row .inv-media { align-self: stretch; grid-row: 1 / span 3; min-height: 132px; }
    body.hn-devpage .inv-row .inv-info { padding: 12px 0 0; grid-column: 2; }
    body.hn-devpage .inv-row .inv-specs { grid-column: 2; width: auto; padding: 0; }
    body.hn-devpage .inv-row .inv-actions { grid-column: 2; justify-self: stretch; margin-left: 0; padding-top: 4px; }
}
@media (max-width: 640px) {

    body.hn-devpage .dev-offer-grid {
        flex-direction: row;
        align-items: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        margin: 0 -20px;
        padding: 4px 20px 14px;
        scroll-padding-left: 20px;
        scrollbar-width: thin;
        scrollbar-color: var(--hn-red) rgba(13, 14, 17, 0.08);
        -webkit-overflow-scrolling: touch;
    }
    body.hn-devpage .dev-offer-grid::-webkit-scrollbar { height: 4px; }
    body.hn-devpage .dev-offer-grid::-webkit-scrollbar-track { background: rgba(13, 14, 17, 0.08); }
    body.hn-devpage .dev-offer-grid::-webkit-scrollbar-thumb { background: var(--hn-red); }
    body.hn-devpage .dev-offer-grid > * { flex: 0 0 84%; scroll-snap-align: start; }
    body.hn-devpage .inv-row { display: flex; flex-direction: column; align-items: stretch; padding: 0; }
    body.hn-devpage .dev-offer-grid .dev-hidden.is-shown { display: flex; }
    body.hn-devpage .inv-row .inv-media { aspect-ratio: 16 / 9; min-height: 0; flex: none; }
    body.hn-devpage .inv-row .inv-name { max-width: none; white-space: normal; }
    body.hn-devpage .inv-row .inv-info { padding: 14px 16px 0; }
    body.hn-devpage .inv-row .inv-specs { padding: 8px 16px 0; }
    body.hn-devpage .inv-row .inv-actions { margin-top: auto; padding: 14px 16px 16px; }
    body.hn-devpage .inv-row .inv-cta, body.hn-devpage .inv-row .inv-cta-ghost { width: 100%; box-sizing: border-box; }
}
@media (max-width: 720px) {
    body.hn-devpage .dev-profile--dark { padding: 18px 0 26px; }
    body.hn-devpage .dev-profile--dark .hn-container { display: flex; flex-direction: column; }
    body.hn-devpage .dev-profile-bar { display: contents; }
    body.hn-devpage .dev-profile-bar .breadcrumb { order: 1; margin-bottom: 20px; flex-wrap: nowrap; min-width: 0; }
    body.hn-devpage .dev-profile-bar .breadcrumb a,
    body.hn-devpage .dev-profile-bar .breadcrumb .sep { flex: none; white-space: nowrap; }
    body.hn-devpage .dev-profile-bar .breadcrumb .here { flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    body.hn-devpage .dvh-claim { order: 3; width: 100%; margin-top: 20px; padding: 18px 0 0; border-top: 1px solid var(--hn-line); white-space: normal; text-align: left; font-size: 13.5px; font-weight: 600; line-height: 1.6; color: var(--hn-ink); }
    body.hn-devpage .dvh-claim b { display: inline; white-space: normal; }
    body.hn-devpage .dev-profile-bar .dev-claim-panel { position: static; order: 4; width: 100%; margin-top: 14px; }
    body.hn-devpage .dvh { order: 2; gap: 14px 18px; }
    body.hn-devpage .dvh-logo-tile { width: 84px; height: 84px; padding: 12px; border-radius: 12px; }
    body.hn-devpage .dvh-score { flex: 1; }
    body.hn-devpage .dvh-score .num { font-size: 48px; line-height: 1; }
    body.hn-devpage .dvh-score .num small { font-size: 20px; }
    body.hn-devpage .dvh-score .num--empty { font-size: 20px; line-height: 1.2; font-weight: 800; }
    body.hn-devpage .dvh-score .stars { font-size: 17px; letter-spacing: 2px; margin-top: 6px; }
    body.hn-devpage .dvh-score .cnt { margin-top: 6px; }
    body.hn-devpage .dvh-main { flex-basis: auto; width: 100%; }
    body.hn-devpage .dvh-main h1 { font-size: 28px; }
    body.hn-devpage .dvh-split { flex-direction: column; gap: 14px; margin-top: 14px; }
    body.hn-devpage .dvh-actions { flex-basis: auto; width: 100%; }
    body.hn-devpage .dvh-cta { width: 100%; }
    body.hn-devpage .dev-layout { padding-top: 40px; padding-bottom: 32px; }
    body.hn-devpage .dev-data-row { grid-template-columns: 1fr; gap: 6px; padding: 16px 18px; }
    body.hn-devpage .op-dist { gap: 24px; }
    body.hn-devpage .op-add-btn { display: none; }
    body.hn-devpage .rev-row { grid-template-columns: 40px 1fr; }
    body.hn-devpage .rev-row .rr-side { grid-column: 2; flex-direction: row; align-items: center; }
    body.hn-devpage .rev-row .rr-toggle.show { text-align: left; }
    body.hn-devpage .op-seg { width: 100%; }
    body.hn-devpage .op-seg button { flex: 1; min-width: 0; }
    body.hn-devpage .rev-invfilter { margin-left: 0; width: 100%; }
    body.hn-devpage .dev-nearby { padding: 52px 0; }
    body.hn-devpage .dev-nearby .section-head { margin-bottom: 24px; }
    body.hn-devpage .dev-nearby .section-title { font-size: 26px; }
    body.hn-devpage .dev-nearby .dev-grid {
        display: flex;
        align-items: stretch;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        margin: 0 -20px;
        padding: 4px 20px 14px;
        scroll-padding-left: 20px;
        scrollbar-width: thin;
        scrollbar-color: var(--hn-red) rgba(13, 14, 17, 0.08);
        -webkit-overflow-scrolling: touch;
    }
    body.hn-devpage .dev-nearby .dev-grid::-webkit-scrollbar { height: 4px; }
    body.hn-devpage .dev-nearby .dev-grid::-webkit-scrollbar-track { background: rgba(13, 14, 17, 0.08); }
    body.hn-devpage .dev-nearby .dev-grid::-webkit-scrollbar-thumb { background: var(--hn-red); }
    body.hn-devpage .dev-nearby .dev-grid > * { flex: 0 0 78%; scroll-snap-align: start; }
    body.hn-devpage .dev-nearby .dev-card .dev-cta { margin-top: auto; }
    body.hn-devpage .dev-nearby .dev-card .dev-meta { margin-bottom: 18px; }
    body.hn-devpage .dev-block-head h2 { font-size: 22px; }
}

body.hn-devpage .invB-hero { position: relative; height: min(58vh, 500px); min-height: 380px; overflow: hidden; }
body.hn-devpage .invB-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.hn-devpage .invB-hero .shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,14,17,.58) 0%, rgba(13,14,17,.18) 30%, rgba(13,14,17,.10) 48%, rgba(13,14,17,.80) 100%); }
body.hn-devpage .invB-hero .hero-top { position: absolute; top: 22px; left: 0; right: 0; text-shadow: 0 1px 8px rgba(13,14,17,.5); }
body.hn-devpage .invB-hero .breadcrumb, body.hn-devpage .invB-hero .breadcrumb a { color: rgba(255,255,255,.82); }
body.hn-devpage .invB-hero .breadcrumb a:hover { color: #fff; }
body.hn-devpage .invB-hero .breadcrumb .here { color: #fff; }
body.hn-devpage .invB-hero .breadcrumb .sep { color: rgba(255,255,255,.5); }
body.hn-devpage .invB-hero .hero-bottom { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 30px; color: #fff; text-shadow: 0 1px 12px rgba(13,14,17,.45); }
body.hn-devpage .invB-hero h1 { font-family: var(--font-head); font-size: clamp(30px, 3.6vw, 46px); font-weight: 800; letter-spacing: -.02em; line-height: 1.06; color: #fff; padding: 0; margin: 0; max-width: none; text-transform: none; }
body.hn-devpage .invB-hero .inv-sub { margin-top: 10px; display: flex; align-items: center; gap: 8px; font-size: 14.5px; color: rgba(255,255,255,.88); }

body.hn-devpage .invB-hero .inv-sub span { color: inherit; }
body.hn-devpage .invB-hero .inv-sub svg { width: 15px; height: 15px; flex: none; }
body.hn-devpage .invB-hero .hero-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
body.hn-devpage .invB-hero .hero-top-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
body.hn-devpage .invB-hero .hero-top-row .breadcrumb { margin-bottom: 0; }
body.hn-devpage .invB-hero .hero-claim { flex: none; background: none; border: 0; padding: 0; cursor: pointer; font: 700 12.5px/1 var(--font-body); color: rgba(255,255,255,.78); white-space: nowrap; }
body.hn-devpage .invB-hero .hero-claim b { color: #fff; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.45); padding-bottom: 2px; }
body.hn-devpage .invB-hero .hero-claim:hover b { border-color: #fff; }
body.hn-devpage .invB-hero .hero-claim-panel { position: absolute; top: calc(100% + 12px); right: 0; z-index: 20; width: min(380px, 90vw); box-sizing: border-box; margin: 0; text-align: left; text-shadow: none; }
body.hn-devpage .invB-hero .hero-claim-panel.is-open { display: block; }
body.hn-devpage .invB-hero .hero-claim-mob { display: none; font: 700 12px/1.5 var(--font-body); color: rgba(255,255,255,.78); }
body.hn-devpage .invB-hero .hero-claim-mob b { color: #fff; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.45); padding-bottom: 2px; white-space: nowrap; }

body.hn-devpage .invB-hero .hero-arch { margin-top: 10px; }
body.hn-devpage .invB-hero .hero-arch span { display: inline-flex; font: 800 11px/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; background: var(--hn-ink); color: #fff; padding: 8px 12px; border-radius: 5px; text-shadow: none; }
body.hn-devpage .invB-hero .favorite-button-container { position: absolute; top: 64px; right: max(32px, calc((100% - var(--hn-container)) / 2 + 32px)); z-index: 6; }

body.hn-devpage .invB-hero .favorite-button {
    position: static;
    width: 44px !important; height: 44px !important;
    border-radius: 50% !important; border: 0 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    display: flex; align-items: center; justify-content: center;
    padding: 0 !important; margin: 0; font-size: 0 !important; line-height: 1;
    color: var(--hn-ink);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14) !important;
    transition: color .15s ease, transform .15s ease;
}
body.hn-devpage .invB-hero .favorite-button:hover { color: var(--hn-red); transform: scale(1.08); }
body.hn-devpage .invB-hero .favorite-button svg { width: 20px !important; height: 20px !important; }
body.hn-devpage .invB-hero .favorite-button .bi-heart-fill { color: var(--hn-red); }

body.hn-devpage .rating-pill { display: inline-flex; align-items: center; gap: 8px; background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: 999px; padding: 9px 16px; line-height: 1.6; box-shadow: var(--hn-shadow-card); transition: border-color .15s ease, box-shadow .15s ease; }
body.hn-devpage .rating-pill .rp-stars { color: #E8A013; letter-spacing: 1px; font-size: 14px; }
body.hn-devpage .rating-pill b { font-size: 16px; font-weight: 800; }
body.hn-devpage .rating-pill .rp-cnt { color: var(--hn-muted); font-weight: 600; font-size: 13.5px; }
body.hn-devpage .invB-hero .inv-ratings { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; flex-wrap: wrap; }
body.hn-devpage .invB-hero .rate-lbl { font: 800 10.5px/1 var(--font-body); letter-spacing: .09em; text-transform: uppercase; color: rgba(255,255,255,.72); }
body.hn-devpage .invB-hero .rate-row { display: flex; align-items: stretch; gap: 8px; flex-wrap: wrap; }
body.hn-devpage .invB-hero .rating-pill { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.28); backdrop-filter: blur(6px); color: #fff; box-shadow: none; border-radius: 10px; }
body.hn-devpage .invB-hero .rating-pill b { color: #fff; }
body.hn-devpage .invB-hero .rating-pill .rp-cnt { color: rgba(255,255,255,.78); }
body.hn-devpage .invB-hero .rating-pill:hover { border-color: rgba(255,255,255,.55); box-shadow: none; }
body.hn-devpage .invB-hero .hero-addrev { display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(6px); border-radius: 10px; padding: 0 16px; color: #fff; font: 700 13.5px/1 var(--font-body); transition: background .15s ease, border-color .15s ease; }
body.hn-devpage .invB-hero .hero-addrev svg { width: 14px; height: 14px; }
body.hn-devpage .invB-hero .hero-addrev:hover { background: rgba(255,255,255,.26); border-color: rgba(255,255,255,.5); color: #fff; }

html { scroll-behavior: smooth; }
body.hn-devpage [id] { scroll-margin-top: 132px; }
body.hn-devpage .sec-nav { position: sticky; top: 77px; z-index: 40; background: rgba(255,255,255,.94); backdrop-filter: blur(8px); border-bottom: 1px solid var(--hn-line); }
body.hn-devpage .sec-nav .inner { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; }
body.hn-devpage .sec-nav .inner::-webkit-scrollbar { display: none; }
body.hn-devpage .sec-nav a { flex: none; padding: 15px 15px 13px; font: 700 14px/1 var(--font-body); color: var(--hn-muted); border-bottom: 2.5px solid transparent; transition: color .15s ease, border-color .15s ease; white-space: nowrap; }
body.hn-devpage .sec-nav a:hover { color: var(--hn-ink); }
body.hn-devpage .sec-nav a.on { color: var(--hn-ink); border-color: var(--hn-red); }

body.hn-devpage .inv-specs-table { border: 1px solid var(--hn-line); border-radius: 10px; overflow: hidden; margin: 0; }
body.hn-devpage .inv-specs-table .row { display: grid; grid-template-columns: 240px 1fr; gap: 16px; padding: 14px 20px; font-size: 14.5px; }
body.hn-devpage .inv-specs-table .row:nth-child(odd) { background: var(--hn-bg); }
body.hn-devpage .inv-specs-table .row dt { color: var(--hn-muted); font-weight: 600; }
body.hn-devpage .inv-specs-table .row dd { font-weight: 700; color: var(--hn-ink); }

body.hn-devpage .inv-specs-note { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--hn-muted); }
body.hn-devpage .inv-specs-note .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--hn-red); flex: none; }
body.hn-devpage .inv-specs-note .info-icon { display: inline-flex; cursor: pointer; }
body.hn-devpage .inv-report-link {
    margin: 0; display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 16px; border: 1.5px solid var(--hn-line); border-radius: 999px;
    background: var(--hn-paper); font: 700 12.5px/1 var(--font-body); color: var(--hn-muted);
    cursor: pointer; transition: color .15s ease, border-color .15s ease, background .15s ease;
}
body.hn-devpage .inv-report-link svg { width: 13px; height: 13px; flex: none; }
body.hn-devpage .inv-report-link:hover { color: var(--hn-red); border-color: var(--hn-red); background: var(--hn-red-soft); }

body.hn-devpage .inv-specs-foot { position: relative; margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px 24px; flex-wrap: wrap; }
body.hn-devpage .inv-specs-foot .info-box-report { top: calc(100% - 2px); left: 0; margin: 0; border-radius: 10px; border: 1px solid var(--hn-line); box-shadow: 0 12px 32px -8px rgba(13, 14, 17, .18); }
body.hn-devpage .inv-specs-foot:has(.info-icon:hover) .info-box-report { opacity: 1; }
@media (max-width: 860px) {
    body.hn-devpage .inv-specs-foot { display: block; }

    body.hn-devpage .inv-specs-foot .inv-report-link { margin-top: 12px; }
}

body.hn-devpage .report-form-modal .report-form-overlay { display: block; }
body.hn-devpage .report-form-content { border: 1px solid var(--hn-line); border-radius: 12px; padding: 14px 26px 22px; box-shadow: 0 24px 60px -12px rgba(13, 14, 17, .28); }
body.hn-devpage .report-form-modal h3 { font-family: var(--font-head); font-size: 19px; font-weight: 700; }
body.hn-devpage .report-form-close {
    width: 32px; height: 32px; display: grid; place-items: center; font-size: 18px;
    border-radius: 50%; color: var(--hn-muted); transition: background .15s ease, color .15s ease;
}
body.hn-devpage .report-form-close:hover { background: var(--hn-bg); color: var(--hn-ink); }

body.hn-devpage .ga-mosaic { display: grid; grid-template-columns: 1.9fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; aspect-ratio: 16 / 8.4; }
body.hn-devpage .ga-mosaic .cell { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--hn-line); background: var(--hn-bg); padding: 0; cursor: pointer; }
body.hn-devpage .ga-mosaic .cell.big { grid-row: 1 / 3; }
body.hn-devpage .ga-mosaic .cell img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
body.hn-devpage .ga-mosaic .cell:hover img { transform: scale(1.03); }
body.hn-devpage .ga-mosaic .more-badge { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(13,14,17,.45); color: #fff; font: 700 14.5px/1 var(--font-body); }
.gal-overlay { position: fixed; inset: 0; z-index: 500; display: none; background: rgba(13,14,17,.94); align-items: center; justify-content: center; }
.gal-overlay.is-open { display: flex; }
.gal-overlay figure { margin: 0; max-width: min(1100px, 86vw); text-align: center; }
.gal-overlay img { max-width: 100%; max-height: 78vh; border-radius: 10px; display: block; margin: 0 auto; }
.gal-overlay figcaption { margin-top: 14px; color: rgba(255,255,255,.75); font: 700 13px/1 var(--font-body); letter-spacing: .04em; }
.gal-overlay .go-close { position: absolute; top: 20px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; border: 0; font-size: 26px; line-height: 1; cursor: pointer; }
.gal-overlay .go-close:hover { background: rgba(255,255,255,.24); }
.gal-overlay .go-prev, .gal-overlay .go-next { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; border: 0; font-size: 30px; line-height: 1; cursor: pointer; }
.gal-overlay .go-prev { left: 26px; }
.gal-overlay .go-next { right: 26px; }
.gal-overlay .go-prev:hover, .gal-overlay .go-next:hover { background: rgba(255,255,255,.24); }

body.hn-devpage .inv-desc p { font-size: 15px; line-height: 1.75; color: var(--hn-ink-2); margin: 0 0 12px; }
body.hn-devpage .inv-desc p:last-child { margin-bottom: 0; }
body.hn-devpage .inv-desc h3, body.hn-devpage .inv-desc h4 { font-family: var(--font-head); font-size: 16px; font-weight: 700; margin: 26px 0 8px; }
body.hn-devpage .inv-desc ul, body.hn-devpage .inv-desc ol { margin: 0 0 12px 20px; font-size: 15px; line-height: 1.75; color: var(--hn-ink-2); }
body.hn-devpage .inv-desc a { color: var(--hn-red); text-decoration: underline; text-underline-offset: 2px; }
body.hn-devpage .inv-map { position: relative; aspect-ratio: 16 / 7; border-radius: 12px; overflow: hidden; border: 1px solid var(--hn-line); margin-bottom: 22px; }
body.hn-devpage .inv-map .map-container-inwestycja, body.hn-devpage .inv-map #map-inwestycja { position: absolute; inset: 0; height: 100%; width: 100%; z-index: 1; }
body.hn-devpage .inv-map .map-btn { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 5; display: inline-flex; align-items: center; gap: 8px; background: var(--hn-red); color: #fff; border: 0; border-radius: var(--hn-radius); padding: 12px 22px; font: 700 13.5px/1 var(--font-body); cursor: pointer; box-shadow: 0 6px 18px -6px rgba(13,14,17,.4); }
body.hn-devpage .inv-map .map-btn:hover { background: var(--hn-red-dark); color: #fff; }

body.hn-devpage .inv-units table.dataTable { border-collapse: collapse; width: 100% !important; }
body.hn-devpage .inv-units table.dataTable thead th { font: 700 12.5px/1.3 var(--font-body); letter-spacing: .04em; text-transform: uppercase; color: var(--hn-muted); background: var(--hn-bg); border-bottom: 1px solid var(--hn-line); padding: 12px 14px; text-align: left; }
body.hn-devpage .inv-units table.dataTable tbody td { padding: 12px 14px; font-size: 14px; font-weight: 600; border-bottom: 1px solid var(--hn-line); }
body.hn-devpage .inv-units table.dataTable tbody tr { cursor: pointer; transition: background .12s ease; }
body.hn-devpage .inv-units table.dataTable tbody tr:hover { background: var(--hn-red-soft); }

body.hn-devpage .invC-dev { display: flex; align-items: center; gap: 14px; background: var(--hn-paper); border: 1px solid var(--hn-line); border-radius: 10px; padding: 14px 16px; margin: 0 0 14px; }
body.hn-devpage .invC-dev .lg { flex: none; width: 46px; height: 46px; border-radius: 8px; background: var(--hn-bg); border: 1px solid var(--hn-line); display: grid; place-items: center; font: 800 13px/1 var(--font-head); color: var(--hn-red); overflow: hidden; }
body.hn-devpage .invC-dev .lg img { max-width: 100%; max-height: 100%; object-fit: contain; }
body.hn-devpage .invC-dev .nm { font: 700 14px/1.3 var(--font-head); display: block; color: var(--hn-ink); }
body.hn-devpage .invC-dev .rt { margin-top: 3px; font-size: 12.5px; color: var(--hn-muted); font-weight: 600; display: block; }
body.hn-devpage .invC-dev .rt .stars { color: #E8A013; letter-spacing: 1px; }
body.hn-devpage .invC-dev .go { margin-left: auto; flex: none; color: var(--hn-muted); font: 700 13px/1 var(--font-body); }
body.hn-devpage .invC-dev:hover .go { color: var(--hn-red); }

body.hn-devpage .inv-nearby { background: var(--hn-bg); border-top: 1px solid var(--hn-line); padding: 64px 0 84px; }
body.hn-devpage .inv-nearby .dev-block-head { margin-bottom: 24px; }
body.hn-devpage .inv-near-dist { position: absolute; left: 12px; top: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; background: rgba(13,14,17,.82); color: #fff; backdrop-filter: blur(3px); padding: 5px 10px; border-radius: 999px; font: 700 11.5px/1 var(--font-body); }
body.hn-devpage .inv-near-dist svg { width: 12px; height: 12px; }
body.hn-devpage .inv-nearby .hn-nearby-empty { color: var(--hn-muted); font-weight: 600; }

body.hn-devpage .mob-cta { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 350; background: var(--hn-paper); border-top: 1px solid var(--hn-line); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); box-shadow: 0 -8px 24px -12px rgba(13,14,17,.25); transform: translateY(110%); transition: transform 0.25s ease; }
body.hn-devpage .mob-cta.is-visible { transform: none; }
body.hn-devpage .mob-cta a { display: block; text-align: center; background: var(--hn-red); color: #fff; border-radius: var(--hn-radius); padding: 14px; font: 700 15px/1 var(--font-body); }

body.hn-devpage .wd-form-close,
body.hn-devpage .wd-form-backdrop { display: none; }

@keyframes wd-form-slide {
    from { transform: translateY(28%); opacity: .4; }
    to { transform: none; opacity: 1; }
}

body.single-inwestycja .dev-aside, body.single-dom .dev-aside { margin-top: 0; }

body.single-inwestycja .dev-layout, body.single-dom .dev-layout { padding-top: 48px; }

body.single-inwestycja > header, body.single-dom > header {
    box-shadow: none;
    border-bottom: 1px solid var(--hn-line);
}

@media (max-width: 1200px) {
    body.hn-devpage .invB-hero h1 { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width: 1160px) {
    body.hn-devpage [id] { scroll-margin-top: 112px; }
    body.hn-devpage .sec-nav { top: 60px; }
}
@media (max-width: 860px) {
    body.hn-devpage .ga-mosaic { grid-template-columns: 1fr; grid-template-rows: none; aspect-ratio: auto; }
    body.hn-devpage .ga-mosaic .cell.big { grid-row: auto; aspect-ratio: 16 / 10; }
    body.hn-devpage .ga-mosaic .cell:not(.big) { display: none; }
    body.hn-devpage .mob-cta { display: block; }

    body.single-deweloper .dev-aside { display: none; }
    body.single-deweloper.wd-form-open .dev-aside { display: block; }

    body.hn-devpage.wd-form-open { overflow: hidden; }
    body.hn-devpage.wd-form-open .wd-form-backdrop { display: block; position: fixed; inset: 0; background: rgba(13, 14, 17, 0.55); z-index: 380; }
    body.hn-devpage.wd-form-open #contactCard {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 400;
        margin: 0;
        max-height: 86vh;
        max-height: 86dvh;
        overflow-y: auto;
        background: var(--hn-paper);
        border-radius: 14px 14px 0 0;
        box-shadow: 0 -18px 48px -12px rgba(13, 14, 17, 0.4);
        animation: wd-form-slide 0.28s ease;
    }
    body.hn-devpage.wd-form-open .wd-form-close {
        display: grid;
        place-items: center;
        position: sticky;
        top: 8px;
        margin: 8px 8px 0 auto;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 50%;
        background: var(--hn-bg);
        color: var(--hn-ink);
        font-size: 15px;
        line-height: 1;
        cursor: pointer;
        z-index: 2;
    }
    body.hn-devpage.wd-form-open .mob-cta { display: none; }
}
@media (max-width: 720px) {
    body.hn-devpage .inv-specs-table .row { grid-template-columns: 1fr; gap: 4px; }
    body.hn-devpage .invB-hero .hero-claim { display: none; }
    body.hn-devpage .invB-hero { min-height: 320px; height: 46vh; }
    body.hn-devpage .invB-hero .favorite-button-container { top: 14px; right: 14px; }
    body.hn-devpage .invB-hero .hero-claim-mob { display: inline-block; margin-top: 12px; }
}


body.hn-devpage .report-form-overlay { background: rgba(13, 14, 17, .6); }
body.hn-devpage .report-form-content {
    max-width: 480px; width: calc(100% - 32px);
    border: 1px solid var(--hn-line); border-radius: 14px; padding: 18px 24px 24px;
    box-shadow: 0 24px 60px -12px rgba(13, 14, 17, .28);
}
body.hn-devpage .report-form-modal-top { padding: 0 0 12px; border-bottom: 1px solid var(--hn-line); }
body.hn-devpage .report-form-modal h3 { font: 700 19px/1.3 var(--font-head) !important; color: var(--hn-ink); }
body.hn-devpage .report-form-close {
    width: 32px; height: 32px; display: grid; place-items: center;
    font-size: 17px; font-weight: 400; border-radius: 50%; color: var(--hn-muted);
    transition: background .15s ease, color .15s ease;
}
body.hn-devpage .report-form-close:hover { background: var(--hn-bg); color: var(--hn-ink); }
body.hn-devpage .report-form-modal-content { padding: 4px 0 0; }

body.hn-devpage .report-form-modal-content input[type="email"],
body.hn-devpage .report-form-modal-content select,
body.hn-devpage .report-form-modal-content textarea {
    width: 100%; border: 1.5px solid transparent; border-radius: var(--hn-radius); background: #EEEDE8;
    padding: 13px 15px !important; font: 600 14.5px/1.4 var(--font-body); color: var(--hn-ink);
    margin-top: 14px; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
body.hn-devpage .report-form-modal-content input::placeholder,
body.hn-devpage .report-form-modal-content textarea::placeholder { color: var(--hn-muted); font-weight: 500; }
body.hn-devpage .report-form-modal-content input[type="email"]:focus,
body.hn-devpage .report-form-modal-content select:focus,
body.hn-devpage .report-form-modal-content textarea:focus {
    outline: none; border-color: var(--hn-red); background: var(--hn-paper); box-shadow: 0 0 0 3px var(--hn-red-soft);
}
body.hn-devpage .report-form-modal-content select {
    appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6D75' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
}
body.hn-devpage .report-form-modal-content select:has(option[value=""]:checked) { color: var(--hn-muted); font-weight: 500; }
body.hn-devpage .report-form-modal-content select option { color: var(--hn-ink); }
body.hn-devpage .report-form-modal-content textarea { min-height: 110px; resize: none; }

body.hn-devpage .report-form-modal-content .wpcf7-submit {
    width: 100%; height: 50px; border: 0; border-radius: var(--hn-radius); background: var(--hn-red); color: #fff;
    font: 800 13.5px/1 var(--font-body); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;
    margin-top: 16px; padding: 0; transition: background .15s ease;
}
body.hn-devpage .report-form-modal-content .wpcf7-submit:hover { background: var(--hn-red-dark); }
body.hn-devpage .report-form-modal-content .wpcf7-submit:focus { outline: none; box-shadow: 0 0 0 3px var(--hn-red-soft); }
body.hn-devpage .report-form-modal-content .wpcf7-not-valid-tip { color: var(--hn-red); font: 600 12px/1.3 var(--font-body); margin-top: 4px; }
body.hn-devpage .report-form-modal-content .wpcf7-response-output {
    border-radius: var(--hn-radius); font: 600 13px/1.5 var(--font-body); margin: 12px 0 0 !important; padding: 12px 14px;
}

@media (max-width: 601px) {
    body.hn-devpage .report-form-content { max-width: 480px; }
}
