.realty-card {
        display: flex;
        gap: 20px;
        border-bottom: 1px solid var(--grey--grey80, #D7D7D7);
        padding: 20px 0;
        position: relative;
        max-width: 915px;
    }
    .realty-card:hover .realty-card__title {
        color: var(--azure--azure40, #0056B6);
    }
    .address__part {
        transition: color .2s ease;
    }
    .metro:hover, .address__part:hover {
        color: var(--azure--azure40, #0056B6);
    }
    .realty-card:hover .realty-card__hide-icon,
    .realty-card:focus-within .realty-card__hide-icon {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .realty-card__cover-link{
        position:absolute;
        inset:0;
        z-index:1;
    }
    .realty-card button,
    .realty-card .btn,
    .realty-card .js-toggle-favorite,
    .gallery__main,
    .metro,
    .address,
    .realty-card a:not(.realty-card__cover-link):not(.realty-card__more-overlay) {
        position:relative;
        z-index:2;
    }
    .realty-card__slider,
    .realty-card__body{
        position:relative;
    }
    .realty-card__header {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width:0;
        max-width: 100%;
    }
    .realty-card__slider{
        flex:0 0 220px;
        min-width:220px;
    }
    /*======= GALLERY ==========*/
    .gallery__main{
        position: relative;
        width: 220px;
        height: 200px;
        border-radius: 8px;
        overflow: hidden;
    }
    .realty-card__slider-image{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: opacity .12s ease;
    }
    .realty-card__slider-more{
        display:block;
        text-decoration:none;
        opacity:0;
        z-index:2;
    }
    .realty-card__more-overlay{
        position:absolute;
        inset:0;
        z-index:4;
        display:none;
        text-decoration:none;
    }
    .realty-card__more-overlay.is-active {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
    .realty-card__more-overlay::before{
        content:"";
        position:absolute;
        inset:0;
        background: rgba(0, 0, 0, 0.5);
        z-index:1;
    }
    .realty-card__more-overlay > *{
        position:relative;
        z-index:2;
    }
    .realty-card__more-icon{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        /*width:40px;*/
        /*height:40px;*/
    }
    .realty-card__more-text{
        color: var(--white--white100, #FFFFFF);
        font-weight:700;
        font-size:14px;
        line-height:1.2;
    }
    .realty-card__slider-image.is-active{
        opacity: 1;
    }
    /* dots */
    .realty-card__slider-dots{
        position: absolute;
        left: 50%;
        bottom: 8px;
        transform: translateX(-50%);
        display: flex;
        gap: 6px;
        z-index: 4;
    }
    .realty-card__slider-dot{
        width: 5px;
        height: 5px;
        border-radius: 999px;
        border: 0;
        padding: 0;
        opacity: 0.2;
        background: var(--white--white100, #FFFFFF);
        cursor: pointer;
        transition:
                width .3s ease,
                background-color .3s ease,
                transform .3s ease,
                opacity .3s ease;
    }
    .realty-card__slider-dot.is-active{
        width: 10px;
        opacity: 1;
        transform:none;
    }
    /* +N поверх */
    .gallery__more{
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.60);
        position: absolute;
        right: 8px;
        bottom: 8px;
        z-index: 4;
        padding: 6px 8px;
        color: var(--white--white100, #FFFFFF);
        font-weight: 700;
        opacity: 0.8;
        font-size: 11px;
        pointer-events: none;
    }
    .gallery__thumbs {
        display:flex;
        gap:4px;
        margin-top:4px;
    }
    .thumb {
        width: 108px;
        height: 73px;
        border-radius: 8px;
        overflow: hidden;
        object-fit: cover;
    }
    .realty-card__title {
        display: block;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 22px;
        font-weight: 600;
        color: var(--black--black10, #222324);
        transition: color .2s ease;
    }
    .realty-card__body{
        flex:1 1 auto;
        min-width:0;
        display:flex;
        gap:12px;
    }
    .realty-card__meta {
        display: flex;
        flex-wrap:wrap;
        gap: 8px;
        padding: 4px 0;
    }
    .metro,
    .walk {
        display: flex;
        align-items: center;
        gap: 4px;
        transition: color .2s ease;
    }
    .walk {
        color: var(--grey--grey50, #7F7F7F);
        line-height: 20px; /* 150.376% */
    }
    .realty-card__facts {
        color: var(--black--black10, #222324);
        font-size: 16px;
        font-weight: 500;
        flex-wrap:wrap;
    }
    .realty-card__address{
        font-size:14px;
        color:var(--black--black10, #222324);
    }

    /*======= BODY ==========*/

    .body__main {
        display: flex;
        flex: 1 1 auto;
        gap:8px;
        align-items:flex-start;
        flex-direction: column;
        min-width:0;
    }
    .body__info{
        flex:1 1 auto;
        min-width:0;
        max-width: 100%;
        display:flex;
        flex-direction:column;
        gap:16px;
    }
    .body__side{
        flex:0 0 200px;     /* правая колонка */
        min-width:200px;
        display:flex;
        flex-direction:column;
        gap:16px;
    }
    .realty-card__description {
        max-width: 100%;
        min-width: 0;
    }
    .realty-card__description p {
        display:-webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        text-overflow: ellipsis;
        overflow:hidden;
        color:var(--black--black40, #6b6f76);
        font-size:14px;
        line-height:1.45;
        overflow-wrap: anywhere;
    }
    .realty-card__seller{
        position: relative;
        display:flex;
        align-items:center;
        gap:10px;
    }
    .seller__name{
        display: flex;
        color:var(--azure--azure40, #0056B6);
        text-decoration:none;
        font-weight:500;
    }
    .seller__trigger{
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        z-index: 2;
    }
    .seller__info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--grey--grey80, #D7D7D7);
    }
    .seller__company-number {
        display: flex;
        color: var(--grey--grey50, #7F7F7F);
    }
    .seller__description{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;

        position: absolute;
        left: 0;
        top: 0;              /* вверх от продавца */
        z-index: 50;

        min-width: 290px;
        padding: 16px;
        border-radius: 8px;
        background: var(--white--white100, #FFFFFF);
        box-shadow: 0 6px 10px 0 rgba(34, 35, 36, 0.10), 0 2px 3px 0 rgba(34, 35, 36, 0.15);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .15s ease, visibility .15s ease;
    }
    .seller__trigger:hover + .seller__description,
    .seller__description:hover{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .seller__more {
        color: var(--azure--azure40, #0056B6 );
        font-weight: 500;
    }
    .seller__more:hover,
    .seller__name:hover {
        color: var(--azure--azure50, #006BE2 );

    }

    /*======= PRICE ==========*/

    .realty-card__price{
        /*text-align:right;*/
    }
    .price__main{
        font-size:22px;
        font-weight:600;
        color:var(--black--black10, #222324);
        white-space:nowrap;
    }
    .price__per{
        font-size:16px;
        font-weight:500;
        color:var(--black--black10, #222324);
    }
    .price__sub{
        font-size:14px;
        color:var(--black--black40, #6b6f76);
        margin-top:4px;
    }
    .realty-card__badges{
        display:flex;
        flex-wrap:wrap;
        gap:4px;
    }
    .realty-card__badge{
        padding:4px 6px;
        border-radius: 100px;
        font-size: 12px;
        background: var(--grey--grey90, #F7F7F7);
        color:var(--black--black10, #222324);
    }

    /*======= FOOTER ==========*/

    .body__footer {
        margin-top: auto;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .side__footer {
        height: 48px;
        margin-top:auto;
        display: flex;
        justify-content: space-between;
        align-items: center;

    }
    .realty-card__time{
        display: flex;
        align-items: center;
        font-size:13px;
        color:var(--black--black40, #6b6f76);
        white-space:nowrap;
    }

    /*======= LIKE BUTTON ==========*/
    .realty-card__btn {
        padding: 16px 14px;
        border-radius: 8px;
        border: none;
        background: transparent;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: background .2s ease;
    }
    .realty-card__btn:hover {
        background: var(--grey--grey90, #F7F7F7);
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .realty-card__hide-icon {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
                opacity .18s ease,
                visibility .18s ease;
        z-index: 3;
    }
    .realty-card__favorite-icon,
    .realty-card__hide-icon {
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }