/* Start:/local/templates/2026/components/bitrix/breadcrumb/breader/style.css?1775979997560*/
.bx-bread {
	{display: block;
margin-bottom: -22px;}


	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none; color:#fff;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/local/templates/2026/components/bitrix/news.detail/portfolio-detail/style.css?17775720204256*/
.sticky-top {
    top: 20px !important;

}

.overlay
{width:100%;
height:100%;
background-color: rgba(0, 0, 0, 0.4);
background-image: url('/local/templates/2026/images/squared-rotated.png');
  background-repeat: repeat-x;
  background-position: top;

}


.description-box
{border: solid 1px #8E8792;
border-radius: 24px;
font-weight: 300;
font-size: 18px;
background-color: rgba(0, 0, 0, 0.2);
background-image: url('/local/templates/2026/images/ellipse1.png'),url('/local/templates/2026/images/ellipse2.png');
  background-repeat: no-repeat, no-repeat;
  background-position: left 0 top 0px, left 76px top 14px ;}



.description-box h2
{display: block;
margin: auto;
max-width: 280px;}


.description-box .anounce p

{margin-top: 14px;}



.description-box b
{margin-right: 17px;
color:#B4AFB6;
font-weight: 300;}



.detailz

{color: #211E1E;
font-weight: 300;
font-size: 1rem;
}



.detailz h3

{
font-weight: 600;
font-size: 24px;
}


.detailz b

{
font-weight: 300;
color: #B4AFB6;
margin-right: 17px;

}

.detailz p

{
margin-top: 17px;
}





.sostav

{color:#fff;
font-size: 1rem;
font-weight: 300;}

.sostav ul, .sostav ol

{color:#fff;
font-size: 1rem;
font-weight: 300;}



.sostav h3

{
font-size: 36px;
font-weight: 400;}

.sostav h4

{
font-size: 24px;
font-weight: 600;}









                .property-photoz-advanced-grid {
                    display: flex;
                    flex-direction: column;
                    gap: 6px;
                }

                .grid-block {
                    display: flex;
                    gap: 6px;
                    width: 100%;
margin-bottom:1px;
                }

                .grid-block a {
                    display: block;
                    text-decoration: none;
                    overflow: hidden;
                    border-radius: 8px;
                }

                .square-div {
                    width: 100%;
                    padding-bottom: 100%;
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;
                    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                    transition: transform 0.4s ease;
                    border-radius: 8px;
                }

                /* Эффект зума при наведении */
                .grid-block a:hover .square-div {
                    transform: scale(1.17);
                }

                .grid-items-vertical {
                    display: flex;
                    flex-direction: column;
                    gap: 5px;
                }

                .grid-item-vertical,
                .grid-item-horizontal,
                .grid-item-large-left,
                .grid-item-large-right,
                .grid-item-single {
                    display: flex;
                    flex-direction: column;
                }

                .photo-description {
                    margin-top: 8px;
                    font-size: 0.9em;
                    color: #666;
                    line-height: 1.4;
                    text-align: center;
                }

                .photo-description.small {
                    font-size: 0.8em;
                }

                /* Адаптивность для мобильных устройств */
                @media (max-width: 768px) {
                    /* Меняем только порядок колонок через Bootstrap классы */
                }


.hearts-block{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.heart-icon{
    font-size:20px;
}

.hearts-liked{
    color:#fff;
}




.hearts-block{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
    position:relative;
}

.heart-icon{
    font-size:22px;
    transition:transform .2s;
}

.heart-burst{
    position:absolute;
    left:10px;
    top:10px;
    font-size:12px;
    color:red;
    pointer-events:none;
    animation:heartFly 800ms ease-out forwards;
}

@keyframes heartFly{

    0%{
        opacity:1;
        transform:translate(0,0) scale(0.5);
    }

    100%{
        opacity:0;
        transform:translate(var(--x),var(--y)) scale(1.6);
    }

}
/* End */
/* /local/templates/2026/components/bitrix/breadcrumb/breader/style.css?1775979997560 */
/* /local/templates/2026/components/bitrix/news.detail/portfolio-detail/style.css?17775720204256 */