.feedback-form__success {

    text-align: center;

    width: 100%;

}



.pagination {

  display: flex;

  justify-content: center; /* центрируем */

  align-items: center;

  gap: 10px;

  margin: 30px auto 0;

  flex-wrap: wrap; /* если их много */

}

.pagination a, .pagination b {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 45px; /* задаем фиксированный размер */

  height: 45px;

  border: 1px solid #ccc;

  border-radius: 50%; /* кружки, если хочешь */

  text-decoration: none;

  font-weight: 600;

  color: #000;

  transition: all 0.2s ease;

}





.pagination a.page {

    position: relative;

    flex: 0 0 45px;

}



.block-default__content img {

    max-width: 100%;

    width: 100%;

    height: auto;

}





.agent-tabs { margin: 16px 0 24px; }

.agent-tabs__list { display:flex; gap:8px; list-style:none; padding:0; margin:0; flex-wrap:wrap; }

.agent-tabs__list.OFF li a{

  display:inline-block; padding:10px 14px; border:1px solid #eee; border-radius:999px;

  text-decoration:none; font-weight:600;

}

.agent-tabs__list.OFF li.is-active a{

  border-color:#111; box-shadow:0 2px 10px rgba(0,0,0,.06);

}

	

.agent-tabs__list li a{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 10px 15px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 700;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.agent-tabs__list li.is-active a, .agent-tabs__list li:hover a{

      background: #000;

    color: #fff;

}

	

	

	

	

	

	.project__title {margin-bottom:0px;}



input.error::placeholder {

  color: red; /* або будь-який інший колір для помилки */

}



.error-messages {

    color: red;

    padding: 5px;

}

.form-send {

  

    padding: 5px;

}



.feedback-form__success .success-text {

  padding-top: 20px;

  line-height: 1.6;

}





.portfolio__grid .item__img img {aspect-ratio: 2 / 3;}



.services__grid .service_header {padding: 20px 30px 20px 30px;}





.lang-dropdown a:last-child{display:none;}

			

			

.filter_box[data-tv-name="flat_kind"] .box__radio label:has(> input[value="Ostatní"]) {

    display: none;

}



.filter_box[data-tv-name="flat_kind_en"] .box__radio label:has(> input[value="Other"]),

.filter_box[data-tv-name="flat_kind_ru"] .box__radio label:has(> input[value="Другое"]) {

    display: none;

}



/* растянуть следующий блок на всю ширину (2 колонки) */

#eFiltr #eFiltr_info + .filter_box > .box__subtitle + .fltr_block--country-scope {

  grid-column: 1 / -1;

}

			

			

			.project { position: relative; }

.project__img {

  position: relative;

  overflow: hidden;            /* важно, чтобы лента обрезалась скруглением */



}

			

/* диагональная плашка */

.project__ribbon{

  position: absolute;

  top: 40px;                   /* подвинь при необходимости */

  left: -46px;                 /* минусом выводим из угла */

  transform: rotate(-45deg);

  z-index: 2;

  background: #e53935;

  color: #fff;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .06em;

  padding: 6px 56px;           /* длина ленты — меняется шириной паддинга */

  font-size: 13px;

  line-height: 1.2;

  box-shadow: 0 2px 8px rgba(0,0,0,.25);

  pointer-events: none;        /* чтобы не мешала клику по карточке */

  text-shadow: 0 1px 1px rgba(0,0,0,.35);

}







.project__badge {

  position: absolute;

  top: 10px;

  left: -40px;

  background: red;

  color: #fff;

  font-weight: bold;

  padding: 5px 50px;

  transform: rotate(-45deg);

  font-size: 14px;

  text-transform: uppercase;

  box-shadow: 0 2px 6px rgba(0,0,0,0.2);

}

	

/* красный квадрат */

.project_header .reserved-badge{

  position:absolute;

  left:50%;

  top:58%;               /* примерно там, где у тебя красная рамка */

  transform:translate(-50%,-50%);

  background:#e10600;

  color:#fff;

  padding:14px 18px;

  border-radius:8px;     /* можно 0, если нужен жесткий квадрат */

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:.05em;

  box-shadow:0 10px 30px rgba(0,0,0,.25);

  z-index:5;             /* выше затемнений/оверлеев */

  pointer-events:none;   /* чтобы не мешал кликам по слайдеру */

  white-space:nowrap;

}	

	

	

	.services__grid .service_header {background:#fff; color:#000;}

	.services__grid .service .service__icon {background: var(--primary-color);}

	.services__grid .service .service__title {color:#000;}

	.services__grid .service {box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}

	

	.services__grid .service .service__icon img {

  filter: brightness(0) saturate(100%) invert(100%); /* белый */

  transition: filter 0.3s ease;

}

	





@media (min-width: 601px) {	

	

.services__grid .service:hover .service__icon img {

  filter: brightness(0) invert(0);

}

	

	.services__grid .service:hover {box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}

	.services__grid .service:hover .service_header {background: var(--primary-color); border-radius: 25px;}

	.services__grid .service:hover .service__title {color:#fff;}

	.services__grid .service:hover .service__icon {background: #fff;}

	

	} /*end media 601*/	

	

	.filter_box .box__radio {flex-wrap:wrap; border:0px;}

	

	.filter_box .box__radio label {width:auto; border: 1px solid #e0e0e0; border-radius: 10px; margin: 0px 5px 5px 0px;}

	



	.projects .project__meta {

    gap: 10px!important;

}

	

	

	form#filter_form {

    display: none;

}

	

	

	.projects-page .project__meta {



    gap: 10px;

}

	

	 .project__img {



    border: 1px solid #8080804a;



}

	

	.portfolio-open__author img {aspect-ratio: auto;}

	

	

	/* «Prodej» / «Pronájem» — тонкий красный */

.project_title_red{

    font-size: .78rem;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .03em;

    color: var(--primary-color);

}



/* «Byt, 3+kk» — жирный чёрный */

.project_title_bold{

    font-size: 1.05rem;

    font-weight: 700;

    color: #000;

    line-height: 1.2;

}



/* площадь + адрес (серые) */

.project__address{

    font-size: .85rem;

    line-height: 1.3;

    word-break: break-word;

}



.project_m_red{

    color: var(--primary-color);

    font-weight: 500;

}

	

	.portfolio__grid .item__img img {border-radius: 25px;}

	

/* 	.services__grid .service:hover .service_header {box-shadow:#a91e22 5px 5px 30px 0px;} */

	

	.contacts_form .form__textarea textarea {padding-top:10px;}



	.login_form__logo {margin:0px auto;}

	.login_form__logo img {max-width:100%;}

	

	.projects-page .content__list {

    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

		

}

	

	.projects-page .content__list.content__list_small {

    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

}

	

	

	/*.projects-page .project__img img {    scale: 1.2;}*/

	

	.projects-page .project__title {line-height:160%;}	

	



.block-default__content ul, .block-default__content ul li {

  list-style-type: disc !important; 

	line-height: 1.3;



}





.block-default__content ul ul, .block-default__content ul li ul li {

  list-style-type: circle !important;

	line-height: 1.3;



}

	

	.blog__link {background:#a91e22;}

	

	.project_big_text {font-size:16px;}

	

	.project__title {max-width:80%;}

	.project__box .box__text.project_big_text {font-size:16px;}

	

	.big_text_price {font-size: calc(30px + 10*((100vw - 320px) / 1600));}

	

	.block-default__content img {max-width:100%;}

	

	.block-default__content p {font-size:16px;}





.intro__title {font-size: calc(28px + 14*((100vw - 320px) / 1600));}	



.intro__title span {

    color: var(--primary-color);

    font-size: 1.3em; 

    font-weight: bold;

}

	

	

	

	.footer_top {grid-template-columns: repeat(5, 1fr);}

	

	

	.services__grid {grid-template-columns: repeat(3, 1fr);}

	

	@media (max-width: 1517px) {

.services__grid {grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));}

}

	

	

	

	.services__grid .service {border-radius: 25px;}

	.services__grid .service:hover .service_content {display:none}

	

/* 	.services__grid .service:hover .service_header {

		background: #fff;

		border-radius: 25px;

	    border-bottom-right-radius: 25px;

	     	border-bottom-left-radius: 25px;

	} */

	

/*.services .service:not(:hover) .service__circle {

    display: none;

}*/

	

	.services .service .service__circle, .services .service:hover .service__circle {

    display: none;

}

	

.footer__bit {

    width: 80px;

    height: 24px;

	}	

	

.google-reviews {

    display: flex;

	flex-wrap: wrap;

    align-items: center;

    font-family: Arial, sans-serif;

    font-size: 16px;

    color: #333;

}



.google-logo {

    width: 90px;

    height: auto;

    margin-right: 5px;

}



.reviews-text {

    font-weight: bold;

    margin-right: 8px;

    color: #5f6368;

}



.rating {

    display: flex;

    align-items: center;

}



.rating-score {

    font-size: 20px;

    font-weight: bold;

    margin-right: 5px;

}



.stars {

    display: flex;

    font-size: 20px;

    color: #fbbc04;

    margin-right: 5px;

}



.star {

    display: inline-block;

}



.star.half {

    position: relative;

    display: inline-block;

    color: #ccc; /* Серый цвет для незаполненной части */

}



.star.half::before {

    content: "★";

    position: absolute;

    color: #fbbc04; /* Золотой цвет для половины звезды */

    width: 70%;

    overflow: hidden;

}

  

.review-count {

    font-size: 14px;

    color: #5f6368;

}



	

	.footer__contact p {line-height: 1.6;}

	

	.article_wrapper h1 {

	

    font-size: 3rem;

    font-weight: 700;

    color: #000;

	margin-bottom: 2rem;

}



.article_wrapper  h1 mark {

    color: #b00000;

	background: none;

}



.article_wrapper  h4 {

	text-trunsform:uppercase;	

    font-size: 1.8rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 1rem;

}



.article_wrapper  p {

    font-size: 1rem;

    font-weight: 400;

    color: #777; /* Серый цвет */

    line-height: 1.5;

	margin-bottom: 1.5rem;

}

	

.article_wrapper ul {

    margin-bottom: 1.5rem;

    padding-left: 1.5rem; /* отступ слева */

}



.article_wrapper li {

    font-size: 1rem;

    font-weight: 400;

    color: #444; /* темнее, чем у p */

    line-height: 1.6;

    margin-bottom: 0.75rem; /* отступ между пунктами */

    list-style-type: disc; /* можно поменять на circle или square */

}

	

	



	.tags {

		 display: flex;

	}

/*.tags a {

    padding: 10px 10px 10px 10px;

    display: flex;

    border: 1px solid black;

    border-radius: 20px;

    width: min-content;

    min-width: 150px;

    margin: 10px;

    justify-content: center;

     margin-top: 10px; 

}*/



	

		.blog .blog__last .item__img {max-width:640px;}

	.pagination ul {display:flex;   justify-content: center;}

	.pagination ul li {margin:0px 10px;}

	.pagination ul li.active a {background: #a91e22; color:#fff;}

	

.tags a {

    /* padding: 10px 10px 10px 10px; */

    display: flex

;

    /* border: 1px solid black; */

    /* border-radius: 20px; */

    width: min-content;

    /* min-width: 150px; */

    margin: 10px 10px 10px 0px;

    justify-content: center;

    font-weight: bold;

    color: #a91e22;

    /* margin-top: 10px; */

}	

	

	

	.google__link {		

    display: flex;

    align-items: center;

    justify-content: center;

    width: max-content;

    padding: 10px 15px;

    border-radius: 50px;

    color: #fff;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;}	

	

	.footer__contact a.tel {

    all: unset; /* Сбрасывает все стили */

    display: inline; /* Можно изменить, если нужно */

    color: inherit; /* Наследует цвет текста */

    background: none; /* Убирает фон */

    padding: 0; /* Убирает отступы */

    border-radius: 0; /* Убирает скругление */

    text-transform: none; /* Отменяет uppercase */

    font-size: inherit; /* Наследует размер шрифта */

    font-weight: normal; /* Сбрасывает жирность */

}

	

	.project_header {height:80%;}

	

	.header__menu {gap: 18px;}

	

	.header__menu a {text-align:center;}



	.header__phone {margin-left:40px;}



	.swiper-slide {cursor: pointer;}

	.header-is-sticky .header__logo.logo img {height:42px; width:auto;}

	.header__phone span {color:#fff;}

	.header__phone:hover span {color:#a91e22;}

	

	.header-is-sticky .header {background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 70%); padding-bottom:10px;}

	.header-is-sticky .header__container {padding-bottom:10px;}

	

	.footer_bottom {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

	

	.footer__copy {line-height: 140%; text-align:center;}

	.footer__copy a {color:white; text-decoration:underline;}

	.footer__copy a:hover {color:white; text-decoration:none;}

	

	.blog__list {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}



	@media (min-width: 1140px) {

	.blog__list {grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));}

	}

	

@media (max-width: 768px) {

    .services .service .service__circle { 

        display: none;

    }

	

	.footer_top {grid-template-columns: repeat(1, 1fr);}

	

    .service:hover {

        all: unset;

    }

/*	

	.services__grid .service:hover .service__title {

     color: #fff; 

}

	

	.services__grid .service:hover .service__icon {

    background: #4f4f4f;

}

	

	.services__grid .service:hover .service_header {

		background: #000000;}*/

	



    .services__grid {

        grid-template-columns: 100%;

    }



}

	

.services__grid .service__icon img {

    height: 40px;	

	}	

	

	@media (max-width: 47.9375em) {

    .services__grid .service__icon img {

        width: 35px;

        height: 30px;

    }

}

	

		/* .header__phone span {color: #a91e22;} */

	

	@media (max-width: 61.9375em) {

    .icon-menu span, .icon-menu::after, .icon-menu::before {

        /* background-color: #a91e22; */

    }

	.block-text_img img {

        aspect-ratio: auto;

    }

		

		.footer__contact a.tel {color: #a91e22;}

		

		

	}

	

	

.partners__slider_grey .swiper-slide img:hover {

    filter: none;

}



.partners__slider_grey .swiper-slide img {

    max-width: 50%;

    height: auto;

    /*filter: grayscale(1);*/

    transition: 1s;

    margin: 0 auto;

    text-align: center;

    display: block;

}	

	

	

.projects-header_wrapper:before {



    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);

}	

	

.page-title_wrapper:before {

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);

}	

	

	

.calendar-weekday {

  text-transform: capitalize;

}	





		.projects-page__select {border:2px solid #a91e22;}



	.services__grid .service__icon img {width:auto;}	





@media (max-width: 47.9375em) {

    .binfo__img {

        position: absolute;

        right: 0px;

        bottom: 0px;

        width: 280px;

        margin-left: auto;

    }

	

	.binfo_wrapper {padding-bottom: 260px;}

	

}	

	

	



	.footer {position:relative; margin-top:40px;}

	.footer__container {padding-top: 40px; }	

	



	

.subscription {

	position:absolute;	

  margin: 0px 20px 0px 20px;

  z-index: 20;

	top:-46px;

	width:calc(100% - 40px);

}

.subscription__inner {

  max-width: 1200px;

  margin: 0 auto;

  background: #F6F6F6;

  border-radius: 15px;

  padding: 20px 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  /* flex-wrap: wrap; */

}

.subscription__text {

  /* flex: 1 1 300px; */

  font-size: 16px;

  font-weight:bold;	

  color: #131313;

  margin-right: 20px;

}

.subscription__form {

  display: flex;

  /* flex: 1 1 300px; */

  max-width: 500px;

}

.subscription__input {

  flex: 1;

  padding: 16px 64px 16px 12px;

  border: 1px solid #a91e22;

  border-radius: 50px;

  font-size: 1rem;

  width: 360px;

}

.subscription__btn {

  padding: 12px 24px;

  border: none;

  background: #a91e22;

  color: #fff;

  font-size: 1rem;

  cursor: pointer;

  border-radius: 50px;

  margin-left: -50px;

  transition: background 0.2s;

}

.subscription__btn:hover {

  /*background: #b71c1c;*/

}





@media (max-width: 768px) {

	

	.subscription {top:-80px;}

	.footer {margin-top:80px;}



  .subscription__inner {

    flex-direction: column;

    text-align: center;

	  width: 100%;

	  padding: 20px 24px 10px 24px;

  }

  .subscription__text {

    margin: 0 0 16px;

  }

  .subscription__form {

    width: 100%;

  }

  .subscription__input,

  .subscription__btn {

    border-radius: 50px;

	/* padding: 8px 80px 8px 12px; */

    font-size: 0.8rem;

  }

	

	.subscription__input {width:100%;}

  .subscription__btn {

   /*  margin-top: 8px; */

  }

}	



.filter_box {margin-bottom:0px;}

		

	/* ====== Токены темы (подгони под свою палитру) ====== */

:root{

  --accent: #B51E23;          /* красная кнопка у тебя */

  --text:   #141414;

  --muted:  #8E8E8E;

  --ring:   rgba(181,30,35,.25);

  --bg:     #fff;

  --chip:   #F6F6F6;

  --border: #E7E7E7;

}



/* ====== Сетка под три селекта ====== */

#eFiltr #eFiltr_info + .filter_box {

  display: grid;

  grid-template-columns: repeat(2, minmax(0,1fr));

  gap: 14px;

  align-items: end;

}



/* 1b) Резерв: если #eFiltr_info вдруг нет, а .filter_box — первый ребёнок */

#eFiltr > .filter_box:first-child {

  display: grid;

  grid-template-columns: repeat(2, minmax(0,1fr));

  gap: 14px;

  align-items: end;

}



/* Мобильная раскладка в колонку */

@media (max-width: 680px){

  #eFiltr #eFiltr_info + .filter_box,

  #eFiltr > .filter_box:first-child {

    grid-template-columns: 1fr;

  }

}



/* Скрыть подзаголовок "address" именно в этом первом блоке */

#eFiltr #eFiltr_info + .filter_box .box__subtitle,

#eFiltr > .filter_box:first-child .box__subtitle {

  display: none;

}



/* ====== Заголовок селекта ====== */

.fltr_block_select .fltr_name{

  display:block;



  line-height:1.2;





	

margin-bottom: 10px;

    font-size: 16px;

    font-weight: 700;	

	

	

}



/* ====== Обёртка для стрелки ====== */

.fltr_block_select{

  position:relative;

	    margin-bottom: 20px;

}



/* ====== Базовый стиль селекта ====== */

.fltr_block_select select{

  -webkit-appearance:none;

  appearance:none;

  width:100%;

  height:44px;

  border-radius:999px;

  padding:0 44px 0 16px;            /* место под стрелку справа */

  background:var(--chip);

  border:1px solid var(--border);

  color:var(--text);

  font:500 14px/44px "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  transition:border-color .2s, box-shadow .2s, background-color .2s;

  cursor:pointer;

}



/* Плейсхолдер-опция (значение 0) — серее */

.fltr_block_select select option[value="0"]{

  color:var(--muted);

}



/* Hover / focus */

.fltr_block_select select:hover{

  background:#EFEFEF;

}

.fltr_block_select select:focus{

  outline:none;

  border-color:var(--accent);

  box-shadow:0 0 0 4px var(--ring);

  background:#fff;

}



/* Disabled */

.fltr_block_select select:disabled{

  opacity:.6;

  cursor:not-allowed;

}



/* ====== Стрелка через псевдоэлемент ====== */

.fltr_block_select::after{

  content:"";

  position:absolute;

  right: 20px;

  top: 65%;

  width:10px; height:10px;

  pointer-events:none;

  transform:translateY(-50%) rotate(45deg);

  border-right:2px solid var(--muted);

  border-bottom:2px solid var(--muted);

  transition:transform .2s, border-color .2s;

}



/* При фокусе — красим стрелку и чуть “раскрываем” */

.fltr_block_select:has(select:focus)::after{

  border-color:var(--accent);

  transform:translateY(-50%) rotate(45deg) scale(1.05);

}



/* ===== ПОИСК ===== */

	

	.form-search {margin-bottom: 20px;}



.form-search__row {

  display: flex;

  align-items: center;

  gap: 8px; /* расстояние между элементами */

}



	.form-search__title {

	margin-bottom: 10px;

    font-size: 16px;

	font-weight: 700;

    display: block;

	}



.efilter-search {

  flex: 1; /* поле растягивается на всю ширину */

  padding: 8px 12px;

  border: 1px solid #ddd;

  border-radius: 8px;

  font-size: 14px;

}



.form-search__btn {

  padding: 8px 14px;

  border: none;

  border-radius: 8px;

  background: #000;

  color: #fff;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

}



.form-search__btn--close {

  background: #e74c3c;

}



.form-search__btn:hover {

  opacity: 0.85;

}





/* Главные заголовки H1 */

.project__title, .projects-page__title, .page-title__title, h1 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 800; /* ExtraBold */

}



.intro__title {

font-family: 'Playfair Display', serif;

    font-weight: 800;

}	



/* Подзаголовки H2 и H3 */

.contacts__red, .binfo__title,  .partners__title, .projects__title, .block-text__title, .block-text__title, .block-default__title, .blog__title, .contacts__title, .intro__subtitle, h2 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700; /* Bold */

}

h3 {

  font-family: 'Raleway', sans-serif;

  font-weight: 600; /* SemiBold */

}



/* Основной текст */

body, p, li, input, textarea {

  font-family: 'Work Sans', sans-serif;

  font-weight: 400;

}



/* CTA кнопки */

button,

input[type="button"],

input[type="submit"],

a.btn, a.works__more, .projects__link, .cta-button, .block-text__link, .projects-page__select a {

  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-weight: 700;              /* можно 600, если хочется помягче */

  text-transform: uppercase;

  letter-spacing: .04em;         /* капсам чуть воздуха */

  font-size: 14px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;	

	 cursor: pointer;

}



/* Tagline (слоганы, подписи под логотипом или на баннерах) */

.tagline {

  font-family: 'Playfair Display', serif;

  font-style: italic;

}



.block-text__description p {font-size:18px;}





.header__menu a{

  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-weight:600;

  font-size:14px;

  text-transform:uppercase;          /* делаем капсы */

  letter-spacing:.06em;              /* чуть шире для читаемости в капсах */

  font-feature-settings:"cpsp" 1, "case" 1; /* capital spacing + case-sensitive формы */

  -webkit-font-smoothing:antialiased; 

  -moz-osx-font-smoothing:grayscale; /* «корректирующий» рендеринг */

  color:#fff;

  line-height:1;                     /* плотнее вертикально */

}



/* ховеры по желанию */

.header__menu a:hover{

  opacity:.85;

}



/* Скоуп переменных шрифтов для блока */

.works{

  --head-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --text-font: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}



/* Заголовок секции */

.works .works__title{

  font-family: var(--head-font) !important;

  font-weight: 800;

  line-height: 1.1;

  letter-spacing: -0.01em;

	font-size:32px;

}



/* Число и заголовок карточки */

.works .work__title span,

.works .work__title p{

  font-family: var(--head-font) !important;

  font-weight: 700;              /* можно 800, если нужно жирнее */

  line-height: 1.05;

  letter-spacing: -0.01em;

	font-size: 24px;

}



/* Число — аккуратные цифры */

.works .work__title span{

  font-variant-numeric: lining-nums tabular-nums;

  font-feature-settings: "lnum" 1, "tnum" 1;

  /* margin-right: 12px; font-size: 1.1em; */

}



/* Описание — Work Sans */

.works .work__description{

  font-family: var(--text-font) !important;

  font-weight: 400;

  line-height: 1.45;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.works__more{

  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;

  font-weight: 600;

  letter-spacing: .02em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.service__title, .page-title__title {

  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-weight: 700;            

  text-transform: uppercase;   /* CAPITALS */

  letter-spacing: .06em;       /* капсам чуть воздуха */

  font-feature-settings: "cpsp" 1, "case" 1; /* capital spacing + case forms */

  line-height: 1.1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.project__box .box__title{

  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;

  font-weight: 700;              /* Bold */

  text-transform: uppercase;     /* CAPS */

  letter-spacing: .04em;         /* капсам чуть воздуха */

  line-height: 1.1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  /* font-size оставляем как в твоём правиле (calc(...)) */

}







.project_info .nav a {text-transform: uppercase;}

.projects-page__title {text-transform: uppercase;}

.agent-tabs__list li a {text-transform: uppercase;     padding: 8px 13px; font-size: 14px;}



.projects-page__title.projects-page__title__makler {text-transform: none;}



.partners .partners__title, .projects .projects__title {

  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;

  font-weight: 700;              /* Bold */

  text-transform: uppercase;     /* CAPS */

  letter-spacing: .06em;         

  font-feature-settings: "cpsp" 1, "case" 1; /* capital spacing + case forms */

  line-height: 1.1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}







/* Контейнер с обрезанным текстом */

.collapsible-intro {

    position: relative;

    overflow: hidden;

    transition: max-height 0.4s ease;

}



/* Градиент + кнопка */

.collapsible-intro__overlay {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    /* высота зоны градиента+кнопки */

    padding: 3rem 1rem 1.5rem;

    box-sizing: border-box;



    display: flex;

    align-items: flex-end;

    justify-content: center;

    text-align: center;



    /* градиент от прозрачного к фону блока (предполагаем белый фон).

       Если фон другой, поменяй #fff */

    background: linear-gradient(

        to bottom,

        rgba(255,255,255,0) 0%,

        rgba(255,255,255,0.85) 40%,

        #fff 100%

    );

    pointer-events: none; /* чтобы не блокировать клик по кнопке (у кнопки будет position:relative; z-index) */

}



/* Кнопка "читать дальше" */

.collapsible-intro__btn {

    position: relative;

    z-index: 2;

    pointer-events: auto;



    appearance: none;

    border: none;

    border-radius: 999px;

    background: #000;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    padding: 0.8rem 1.4rem;

    cursor: pointer;

    box-shadow: 0 10px 24px rgba(0,0,0,.12);

    transition: box-shadow .2s ease, transform .2s ease;

}



.collapsible-intro__btn:hover {

    box-shadow: 0 14px 32px rgba(0,0,0,.18);

    transform: translateY(-2px);

}



/* Когда блок уже раскрыт */

.collapsible-intro--expanded {

    overflow: visible !important;

    max-height: none !important;

}



.collapsible-intro--expanded .collapsible-intro__overlay {

    display: none;

}