/* ===== ДЕЛАЕМ ВСЮ СЕКЦИЮ ПОЛНОСТЬЮ БЕЛОЙ ===== */

.box_shadow,
.box_shadow.page_speed_1670659727,
.box_shadow .container-fluid,
.box_shadow .projecthome {
    background: #ffffff !important;
}

/* Убираем возможные overlay / затемнения */
.box_shadow::before,
.box_shadow::after,
.projecthome::before,
.projecthome::after {
    display: none !important;
    background: none !important;
}

/* Убираем возможный серый фон у row */
.box_shadow .row {
    background: transparent !important;
}

/* =====================================
   TOP BAR — ГЛУБОКИЙ ТЕМНЫЙ (#182649 darker)
===================================== */

.bravo_topbar{
    background: #141f3a !important; /* темнее и глубже */
    border-bottom: none !important;
}


/* =====================================
   MAIN BAR — ГЛУБОКИЙ ГРАДИЕНТ
   (богатый темный переход)
===================================== */

.bravo_header,
.main-header,
.header,
.navbar{
    background: linear-gradient(
        to bottom,
        #182649 0%,
        #1a2c54 55%,
        #213a6f 100%
    ) !important;

    border-top: none !important;
    margin-top: 0 !important;
    position: relative;
}


/* =====================================
   УБИРАЕМ overlay и затемнения
===================================== */

.bravo_topbar::before,
.bravo_header::before,
.main-header::before,
.navbar::before{
    display: none !important;
    content: none !important;
}

/* убираем затемняющий слой меню */
.main-menu-darken{
    display: none !important;
}


/* =====================================
   Отключаем blur и лишние эффекты
===================================== */

.bravo_topbar,
.bravo_header,
.main-header,
.header{
    backdrop-filter: none !important;
    box-shadow: none !important;
}
 
/* ---------- MAIN MENU: links hover (underline + soft highlight) ---------- */
.navbar-nav .menu-item > a{
    color: rgba(255,255,255,0.92) !important;
    position: relative;
    padding: 10px 12px !important;
    border-radius: 10px;
}

/* подсветка при наведении */
.navbar-nav .menu-item > a:hover{
    color: #ffffff !important;
    background: rgba(255,255,255,0.10) !important;
    transform: translateY(-1px);
}

/* аккуратное подчеркивание */
.navbar-nav .menu-item > a::after{
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 2px;
    border-radius: 2px;
    background: rgba(255,255,255,0.65);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s ease;
}

.navbar-nav .menu-item > a:hover::after{
    transform: scaleX(1);
}

/* иконка рядом с текстом тоже реагирует */
.navbar-nav .menu-item > a i{
    color: rgba(255,255,255,0.85) !important;
    transition: transform .22s ease, color .22s ease, opacity .22s ease;
}

.navbar-nav .menu-item > a:hover i{
    color: #ffffff !important;
    transform: scale(1.08);
    opacity: 1;
}

/* активный пункт (если есть класс active) */
.navbar-nav .menu-item.active > a{
    background: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
}

/* ===================================================
   SMALLER “LUXURY” SPACING (FIX BIG GAPS)
   RU • EN • TR • PL — одинаково на всех страницах
=================================================== */

/* 1) Компактный базовый ритм */
:root{
  --sec-gap: 14px;         /* между секциями (desktop) */
  --sec-gap-mobile: 10px;  /* между секциями (mobile) */
  --title-gap: 6px;        /* h2 -> текст */
  --text-gap: 12px;        /* текст -> сетка/слайдер */
}

/* 2) Секции: НЕ огромные отступы, а аккуратные */
.box_shadow,
.homehouse,
.projecthome,
.locationhome{
  margin-top: var(--sec-gap) !important;
  margin-bottom: var(--sec-gap) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 3) Если у блока есть padtop70 — уменьшаем его сильно */
.padtop70{
  padding-top: var(--sec-gap) !important;
  padding-bottom: var(--sec-gap) !important;
  margin: 0 !important;
}

/* 4) Убираем “двойной” зазор, когда блоки идут подряд */
.box_shadow + .box_shadow,
.locationhome + .box_shadow,
.box_shadow + .locationhome,
.projecthome + .box_shadow,
.box_shadow + .projecthome,
.homehouse + .box_shadow,
.box_shadow + .homehouse{
  margin-top: 0 !important;
}

/* 5) Заголовки/описания — компактнее */
.locationhome h2,
.projecthome h2,
.homehouse h2{
  margin: 0 0 var(--title-gap) 0 !important;
}

.locationhome p,
.projecthome p,
.homehouse p{
  margin: 0 0 var(--text-gap) 0 !important;
}

/* 6) Контейнеры внутри — без лишних паддингов */
.box_shadow > .container,
.box_shadow > .container-fluid,
.locationhome > .container,
.locationhome > .container-fluid,
.projecthome > .container,
.projecthome > .container-fluid,
.homehouse > .container,
.homehouse > .container-fluid{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 7) Чуть уменьшить gap под слайдером локаций (если тема добавляет) */
.locationhome .row{
  margin-bottom: 0 !important;
}

/* 8) Мобильная версия — ещё компактнее */
@media (max-width: 768px){
  .box_shadow,
  .homehouse,
  .projecthome,
  .locationhome{
    margin-top: var(--sec-gap-mobile) !important;
    margin-bottom: var(--sec-gap-mobile) !important;
  }

  .padtop70{
    padding-top: var(--sec-gap-mobile) !important;
    padding-bottom: var(--sec-gap-mobile) !important;
  }

  .locationhome p,
  .projecthome p,
  .homehouse p{
    margin-bottom: 10px !important;
  }
}

/* ===================================================
   DUBAI LUXURY REVEAL (SAFE)
   - Cards appear one-by-one (JS)
   - Premium blur-fade + gentle photo zoom
   - Safe fallback (no JS = visible)
=================================================== */

/* 1) Luxury spacing between sections (neat & expensive) */
.box_shadow,
.padtop70,
.homehouse,
.projecthome{
  margin: 22px 0 !important;          /* меньше и ровнее */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Sections reveal */
.lux-reveal{
  opacity: 0;
  transform: translateY(22px);
  filter: blur(10px);
  transition:
    opacity .95s cubic-bezier(.16,1,.3,1),
    transform .95s cubic-bezier(.16,1,.3,1),
    filter .95s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform, filter;
}
.lux-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* 3) SAFE MODE: by default cards are visible */
.projecthome .colm10,
.homehouse .colm10{
  opacity: 1;
  transform: none;
  filter: none;
}

/* 4) JS-enabled mode: prepare cards for reveal */
html.lux-anim .projecthome .colm10,
html.lux-anim .homehouse .colm10{
  opacity: 0;
  transform: translateY(18px) scale(.985);
  filter: blur(10px);
  transition:
    opacity .80s cubic-bezier(.16,1,.3,1),
    transform .80s cubic-bezier(.16,1,.3,1),
    filter .80s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform, filter;
}

/* visible card */
html.lux-anim .projecthome .colm10.card-visible,
html.lux-anim .homehouse .colm10.card-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* 5) Premium card look */
.projecthome .item,
.homehouse .item{
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,0.08) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.10) !important;
  transition:
    transform .55s cubic-bezier(.2,.8,.2,1),
    box-shadow .55s cubic-bezier(.2,.8,.2,1);
  position: relative !important;
}

/* subtle “sheen” like luxury showcase */
.projecthome .item::before,
.homehouse .item::before{
  content:"";
  position:absolute;
  inset:-30%;
  background: linear-gradient(115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 46%,
    rgba(255,255,255,.22) 56%,
    rgba(255,255,255,0) 100%
  );
  transform: translateX(-60%) rotate(8deg);
  transition: transform 1s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
  z-index: 2;
}

/* hover lift */
.projecthome .item:hover,
.homehouse .item:hover{
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.16) !important;
}

/* sheen moves */
.projecthome .item:hover::before,
.homehouse .item:hover::before{
  transform: translateX(60%) rotate(8deg);
}

/* 6) Image zoom (premium) */
.projecthome .item .img,
.homehouse .item .img{
  overflow: hidden !important;
  position: relative !important;
}

.projecthome .item .img img,
.homehouse .item .img img{
  transform: scale(1.00);
  transition:
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter 1.05s cubic-bezier(.16,1,.3,1);
  will-change: transform, filter;
}

/* Hover zoom */
.projecthome .item:hover .img img,
.homehouse .item:hover .img img{
  transform: scale(1.06);
  filter: saturate(1.05) contrast(1.03);
}

/* 7) On-reveal zoom-in micro effect (when card becomes visible) */
html.lux-anim .projecthome .colm10.card-visible .item .img img,
html.lux-anim .homehouse .colm10.card-visible .item .img img{
  transform: scale(1.02);
}
html.lux-anim .projecthome .colm10.card-visible .item:hover .img img,
html.lux-anim .homehouse .colm10.card-visible .item:hover .img img{
  transform: scale(1.06);
}

/* 8) nicer inner spacing for text */
.projecthome .item .description,
.homehouse .item .description{
  padding: 14px 16px 16px !important;
}
/* =========================================
   CARD IMAGE FIX (no white gap, strict edges)
   works for your: .item > .blii > .img > img.thumb
========================================= */

/* сама карточка */
.projecthome .item,
.homehouse .item{
  overflow: hidden !important;
}

/* блок-контейнер изображения */
.projecthome .item .blii,
.homehouse .item .blii{
  padding: 0 !important;
  margin: 0 !important;
}

/* именно твой div.img */
.projecthome .item .blii > .img,
.homehouse .item .blii > .img{
  display: block !important;
  width: 100% !important;

  /* зафиксируй высоту превью (можешь менять) */
  height: 230px !important;

  overflow: hidden !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

/* именно твой img.thumb */
.projecthome .item .blii > .img > img.thumb,
.homehouse .item .blii > .img > img.thumb{
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* на всякий случай: чтобы svg/иконки внутри не ломали высоту */
.projecthome .item .blii img,
.homehouse .item .blii img{
  vertical-align: middle !important;
}

/* адаптив */
@media (max-width: 1200px){
  .projecthome .item .blii > .img,
  .homehouse .item .blii > .img{ height: 210px !important; }
}
@media (max-width: 768px){
  .projecthome .item .blii > .img,
  .homehouse .item .blii > .img{ height: 190px !important; }
}
/* ===================================================
   Пользовательский CSS — Локации
   Жёсткий фикс: иконка/фото НЕ выходит за границы при hover
   Targets: .areahome / #project-city-slides / .itemarea
=================================================== */

html { scroll-behavior: smooth; }

/* 1) Reveal анимация (только локации) */
.areahome .itemarea{
  opacity: 1;
  transform: none;
  filter: none;
}

html.lux-anim .areahome .itemarea{
  opacity: 0;
  transform: translateY(14px) scale(0.998);
  filter: blur(5px);
  transition:
    opacity .7s cubic-bezier(.16,1,.3,1),
    transform .8s cubic-bezier(.16,1,.3,1),
    filter .8s cubic-bezier(.16,1,.3,1);
}

html.lux-anim .areahome .itemarea.loc-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* 2) ЖЁСТКОЕ ограничение границ карусели и карточек */
.areahome .owl-carousel,
.areahome .owl-stage-outer,
.areahome .owl-stage,
.areahome .owl-item,
.areahome .itemarea,
.areahome .itemarea a{
  overflow: hidden !important;
}

/* карточка фиксированной формы */
.areahome .itemarea{
  position: relative;
  border-radius: 16px;
  isolation: isolate;
  contain: paint;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: box-shadow .35s cubic-bezier(.16,1,.3,1);
}

.areahome .itemarea a{
  display: block;
}

/* фото всегда в пределах карточки */
.areahome .itemarea img{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  aspect-ratio: 410 / 270;
  object-fit: cover;
  transform: scale(1) translateZ(0) !important;
  transform-origin: center center;
  transition: filter .35s cubic-bezier(.16,1,.3,1);
}

/* КЛЮЧЕВОЕ: блок не двигается, увеличивается только картинка внутри */
.areahome .itemarea:hover,
.areahome .itemarea:focus-within{
  transform: none !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.12);
}

.areahome .itemarea:hover img,
.areahome .itemarea:focus-within img{
  transform: scale(1.05) translateZ(0) !important;
  filter: saturate(1.04) contrast(1.02);
}

/* 3) Зеркальный/стеклянный эффект сохранён */
.areahome .itemarea::after{
  content:"";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(135deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.10) 35%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.08) 65%,
    rgba(255,255,255,0.00) 100%
  );
  mix-blend-mode: screen;
  transform: translateX(-24%) translateY(10%) rotate(12deg);
  transition:
    opacity .45s cubic-bezier(.16,1,.3,1),
    transform .75s cubic-bezier(.16,1,.3,1);
}

.areahome .itemarea:hover::after,
.areahome .itemarea:focus-within::after{
  opacity: 1;
  transform: translateX(24%) translateY(-10%) rotate(12deg);
}

.areahome .itemarea::before{
  content:"";
  position: absolute;
  inset: -45%;
  border-radius: inherit;
  pointer-events: none;
  opacity: .95;
  background: linear-gradient(115deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.08) 40%,
    rgba(255,255,255,0.26) 50%,
    rgba(255,255,255,0.08) 60%,
    rgba(255,255,255,0.00) 100%
  );
  mix-blend-mode: screen;
  transform: translateX(-70%) rotate(8deg);
  transition: transform .95s cubic-bezier(.16,1,.3,1);
}

.areahome .itemarea:hover::before,
.areahome .itemarea:focus-within::before{
  transform: translateX(70%) rotate(8deg);
}

.areahome .itemarea h4{
  transition: color .3s ease;
}

/* mobile/tablet — полностью стабильная геометрия */
@media (max-width: 992px){
  .areahome .itemarea,
  .areahome .itemarea:hover,
  .areahome .itemarea img,
  .areahome .itemarea:hover img,
  .areahome .itemarea:focus-within img{
    transform: none !important;
  }
}
/* ===================================================
   Пользовательский CSS — Новостные карточки (глобально)
   Применение: везде, где есть .blog-container > .row > .container-grid
   (главная, /news, похожие посты и другие news-блоки)
=================================================== */

:root{
  --news-radius: 14px;
  --news-gap-y: 26px;
  --news-card-bg: #f7f8fb;
  --news-shadow: 0 10px 26px rgba(20, 24, 44, .10);
  --news-shadow-hover: 0 14px 34px rgba(20, 24, 44, .16);
  --news-title-bg: linear-gradient(135deg, rgba(8, 12, 30, .96), rgba(67, 78, 182, .92));
  --news-title-color: #fff;
  --news-meta: #8e95a9;
  --news-text: #a1a9bb;
}

/* общий контейнер news-карточек */
.blog-container > .row{ row-gap: var(--news-gap-y); }
.blog-container > .row > .container-grid{ margin-bottom: 0; }
.blog-container > .row > .container-grid .grid-in{ height: 100%; }

/* карточка */
.blog-container > .row > .container-grid .grid-shadow{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: var(--news-radius);
  background: var(--news-card-bg);
  box-shadow: var(--news-shadow);
  transform: translateY(0) scale(1);
  transition:
    transform .32s cubic-bezier(.16,1,.3,1),
    box-shadow .32s cubic-bezier(.16,1,.3,1);
  isolation: isolate;
  contain: paint;
}

.blog-container > .row > .container-grid:hover .grid-shadow,
.blog-container > .row > .container-grid:focus-within .grid-shadow{
  transform: translateY(-6px) scale(1.005);
  box-shadow: var(--news-shadow-hover);
}

/* фикс геометрии превью */
.blog-container > .row > .container-grid .hourseitem,
.blog-container > .row > .container-grid .blii{
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
}

.blog-container > .row > .container-grid .img{
  position: relative !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  overflow: hidden;
  aspect-ratio: 410 / 270;
}

.blog-container > .row > .container-grid .img .thumb{
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1) translateZ(0);
  transform-origin: center center;
  transition: transform .48s cubic-bezier(.16,1,.3,1), filter .42s cubic-bezier(.16,1,.3,1);
}

/* приближается только картинка */
.blog-container > .row > .container-grid:hover .img .thumb,
.blog-container > .row > .container-grid:focus-within .img .thumb{
  transform: scale(1.06) translateZ(0);
  filter: saturate(1.05) contrast(1.03);
}

.blog-container > .row > .container-grid .linkdetail{
  position: absolute;
  inset: 0;
  z-index: 3;
}

/* заголовок на изображении */
.blog-container > .row > .container-grid .img .pname{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  margin: 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--news-title-bg);
  color: var(--news-title-color);
  text-align: center;
  font-size: clamp(22px, 1.15vw, 34px);
  line-height: 1.27;
  font-weight: 500;
  box-shadow: 0 10px 24px rgba(17, 22, 58, .30);
  transition: transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s cubic-bezier(.16,1,.3,1);
}

.blog-container > .row > .container-grid:hover .img .pname,
.blog-container > .row > .container-grid:focus-within .img .pname{
  transform: translateY(-2px);
}
/* контент */
.blog-container > .row > .container-grid .grid-h{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 14px 18px;
}

.blog-container > .row > .container-grid .grid-h .post-meta,
.blog-container > .row > .container-grid .grid-h .post-meta a,
.blog-container > .row > .container-grid .grid-h .post-meta p{
  color: var(--news-meta);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.blog-container > .row > .container-grid .grid-h .post-meta a:hover{ color: #6674cf; }

.blog-container > .row > .container-grid .blog-excerpt p{
  margin: 0;
  color: var(--news-text);
  font-size: 17px;
  line-height: 1.56;
}

.blog-container > .row > .container-grid .grid-h .blog-excerpt{ flex: 1; }

/* зеркальный блик */
.blog-container > .row > .container-grid .grid-shadow::before{
  content: "";
  position: absolute;
  inset: -42%;
  pointer-events: none;
  opacity: .92;
  background: linear-gradient(115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 43%,
    rgba(255,255,255,.20) 50%,
    rgba(255,255,255,.07) 57%,
    rgba(255,255,255,0) 100%);
  transform: translateX(-72%) rotate(8deg);
  transition: transform .9s cubic-bezier(.16,1,.3,1);
  mix-blend-mode: screen;
  z-index: 1;
}

.blog-container > .row > .container-grid:hover .grid-shadow::before,
.blog-container > .row > .container-grid:focus-within .grid-shadow::before{
  transform: translateX(72%) rotate(8deg);
}

/* адаптив */
@media (max-width: 1199.98px){
  .blog-container > .row > .container-grid .img .pname{
    font-size: clamp(18px, 1.6vw, 28px);
  }
}

@media (max-width: 991.98px){
  .blog-container > .row{ row-gap: 18px; }

  .blog-container > .row > .container-grid .img .pname{
    font-size: clamp(18px, 2.2vw, 24px);
  }
}

@media (max-width: 767.98px){
  .blog-container > .row{ row-gap: 14px; }

  .blog-container > .row > .container-grid .img .pname{
    left: 10px;
    right: 10px;
    bottom: 9px;
    padding: 11px 12px;
    font-size: clamp(17px, 4.7vw, 22px);
    line-height: 1.24;
  }

  .blog-container > .row > .container-grid:hover .grid-shadow,
  .blog-container > .row > .container-grid:focus-within .grid-shadow{
    transform: none;
  }

  .blog-container > .row > .container-grid:hover .img .thumb,
  .blog-container > .row > .container-grid:focus-within .img .thumb{
    transform: none;
  }
}
/*
  Готовый 1 код для "Пользовательский CSS" под ваш блок:
  
  Эффект: мягкое растворение картинки внизу в белый блок без резкой границы.
*/

#bannerSlider.home_banner {
  position: relative !important;
  overflow: hidden !important;
}

#bannerSlider.home_banner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  height: clamp(120px, 14vw, 220px);
  pointer-events: none;
  z-index: 3;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.04) 22%,
    rgba(255, 255, 255, 0.10) 40%,
    rgba(255, 255, 255, 0.20) 58%,
    rgba(255, 255, 255, 0.34) 74%,
    rgba(255, 255, 255, 0.52) 86%,
    rgba(255, 255, 255, 0.74) 94%,
    #ffffff 100%
  );
}

/* Весь контент баннера (поиск и т.д.) остаётся над картинкой и над фейдом */
#bannerSlider.home_banner > * {
  position: relative;
  z-index: 4;
}

/*
 * Home hero redesign for existing #bannerSlider markup.
 * Include this file AFTER the theme styles.
 */

#bannerSlider.home_banner {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(92px, 10vh, 120px) 24px clamp(42px, 6vh, 64px);
  
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

/* Minimal overlay to keep photo bright */
#bannerSlider.home_banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(8, 16, 33, 0.12) 0%, rgba(8, 16, 33, 0.2) 55%, rgba(8, 16, 33, 0.28) 100%);
  pointer-events: none;
}

#bannerSlider .topsearch {
  position: relative;
  z-index: 2;
  width: min(1120px, 100%);
  margin-inline: auto;
  color: #fff;
  display: flex;
  justify-content: center;
  transform: translateY(-72px);
}

#bannerSlider #frmhomesearch {
  width: min(980px, 100%);
  margin-inline: auto;
}

/* Tabs */
#bannerSlider #hometypesearch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 0 16px;
  flex-wrap: wrap;
}

#bannerSlider #hometypesearch a {
  position: relative;
  min-width: 148px;
  padding: 12px 20px;
  border: 1px solid #182649;
  border-radius: 2px;
  background: #182649;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-align: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}

#bannerSlider #hometypesearch a + a {
  margin-left: 22px;
}

#bannerSlider #hometypesearch a + a::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 50%;
  width: 1px;
  height: 24px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
}

#bannerSlider #hometypesearch a.active,
#bannerSlider #hometypesearch a:active {
  border-color: #d9242b;
  background: #d9242b;
  transform: translateY(-1px) scale(1.03);
}

#bannerSlider #hometypesearch a:hover {
  border-color: #d9242b;
  background: #d9242b;
  transform: translateY(-1px) scale(1.04);
}

/* Search panel sizing + spacing optimization */
#bannerSlider #frmhomesearch > .input-group {
  display: flex;
  align-items: stretch;
  gap: 8px;
  padding: 10px;
  background: rgba(12, 18, 30, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 10px;
  box-shadow: 0 16px 34px rgba(7, 14, 30, 0.28);
}

#bannerSlider .input-group > .input-group-prepend,
#bannerSlider .input-group > .input-group-append,
#bannerSlider .input-group > .keyword-input,
#bannerSlider .input-group > .location-input {
  margin: 0;
}

#bannerSlider .input-group > .input-group-prepend > .input-group-text {
  width: 52px;
  height: 52px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

#bannerSlider .keyword-input,
#bannerSlider .location-input {
  flex: 1 1 320px;
  min-width: 220px;
  display: flex;
  align-items: center;
}

#bannerSlider .form-control {
  width: 100%;
  height: 52px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  box-shadow: none;
}

#bannerSlider .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#bannerSlider .search-button-wrapper,
#bannerSlider .search-button-wrapper .btn {
  flex: 0 0 160px;
}

#bannerSlider .btn.btn-orange {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  background: #182649;
  transition: background 0.2s ease, transform 0.2s ease;
}

#bannerSlider .btn.btn-orange:hover,
#bannerSlider .btn.btn-orange:focus,
#bannerSlider .btn.btn-orange:active {
  background: #d9242b;
  color: #fff;
  transform: translateY(-1px);
}

#bannerSlider .advanced-search {
  width: 100%;
  margin-top: 8px;
}

#bannerSlider .advanced-search-toggler {
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.87rem;
}

#bannerSlider .advanced-search-content {
  margin-top: 8px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(12, 18, 30, 0.74);
}

#bannerSlider .advanced-search-content,
#bannerSlider .property-advanced-search {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

#bannerSlider .advanced-search-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#bannerSlider .advanced-search-content [class*="col-"] {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

#bannerSlider .advanced-search-content .form-control,
#bannerSlider .advanced-search-content .select--arrow,
#bannerSlider .advanced-search-content .input-has-icon {
  width: 100% !important;
  max-width: 100% !important;
}


#bannerSlider .control-label {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
}

#bannerSlider .guideline-edit-link {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  color: rgba(255, 255, 255, 0.72);
}

/* Social icons: collapsed by default, expand by arrow button */
#bannerSlider .social-toggle-arrow {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.65);
  background: rgba(10, 15, 25, 0.78);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 12;
}

#bannerSlider .social-toggle-arrow:active,
#bannerSlider .social-toggle-arrow:focus {
  background: #213a6f;
}

#bannerSlider .social-toggle-arrow::before {
  content: "❯";
  font-size: 16px;
  line-height: 1;
}

#bannerSlider.social-expanded .social-toggle-arrow::before {
  content: "❮";
}

#bannerSlider :is(.social-icons, .social-fixed, .social-share, .list-social, .social-list, .floating-social) {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) translateX(72px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.24s ease, opacity 0.24s ease;
  z-index: 11;
}

#bannerSlider.social-expanded :is(.social-icons, .social-fixed, .social-share, .list-social, .social-list, .floating-social) {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 1199px) {
  #bannerSlider.home_banner {
    align-items: center;
  }

  #bannerSlider #frmhomesearch > .input-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  #bannerSlider .keyword-input,
  #bannerSlider .location-input,
  #bannerSlider .search-button-wrapper,
  #bannerSlider .search-button-wrapper .btn {
    width: 100%;
    flex: auto;
  }
}

@media (max-width: 767px) {
  #bannerSlider.home_banner {
    min-height: 84svh;
    padding: 78px 14px 28px;
  }

  #bannerSlider .topsearch {
    transform: translateY(-20px);
  }

  #bannerSlider #hometypesearch {
    gap: 10px;
    margin-bottom: 12px;
  }

  #bannerSlider #hometypesearch a {
    min-width: 126px;
    padding: 10px 12px;
    font-size: 0.7rem;
  }

  #bannerSlider #hometypesearch a + a {
    margin-left: 10px;
  }

  #bannerSlider #hometypesearch a + a::before {
    left: -10px;
    height: 18px;
  }

  #bannerSlider #frmhomesearch > .input-group {
    grid-template-columns: 1fr;
    padding: 8px;
  }

  #bannerSlider .input-group > .input-group-prepend > .input-group-text,
  #bannerSlider .form-control,
  #bannerSlider .btn.btn-orange {
    height: 48px;
  }

  #bannerSlider .social-toggle-arrow {
    top: auto;
    bottom: 14px;
    transform: none;
  }

  #bannerSlider :is(.social-icons, .social-fixed, .social-share, .list-social, .social-list, .floating-social),
  #bannerSlider.social-expanded :is(.social-icons, .social-fixed, .social-share, .list-social, .social-list, .floating-social) {
    top: auto;
    bottom: 62px;
    transform: translateX(0);
  }
}

/* ===== Hard overrides (in case theme rules are stronger) ===== */
#bannerSlider.home_banner .topsearch,
#bannerSlider.home_banner .topsearch #frmhomesearch {
  width: min(980px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#bannerSlider.home_banner .topsearch {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 34% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
}

#bannerSlider.home_banner #hometypesearch,
#bannerSlider.home_banner .typesearch {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 22px !important;
  margin-bottom: 16px !important;
}

#bannerSlider.home_banner #hometypesearch a,
#bannerSlider.home_banner .typesearch a {
  position: relative !important;
  min-width: 150px !important;
}

#bannerSlider.home_banner #hometypesearch a + a,
#bannerSlider.home_banner .typesearch a + a {
  margin-left: 22px !important;
}


#bannerSlider.home_banner #hometypesearch a,
#bannerSlider.home_banner .typesearch a {
  background: #d9242b !important;
  border-color: #d9242b !important;
  color: #fff !important;
}

#bannerSlider.home_banner #hometypesearch a:hover,
#bannerSlider.home_banner .typesearch a:hover {
  background: #c41f26 !important;
  border-color: #c41f26 !important;
}
#bannerSlider.home_banner #hometypesearch a + a::before,
#bannerSlider.home_banner .typesearch a + a::before {
  content: "" !important;
  position: absolute !important;
  left: -22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1px !important;
  height: 24px !important;
  background: rgba(255, 255, 255, 0.95) !important;
}

#bannerSlider.home_banner #hometypesearch a.active,
#bannerSlider.home_banner #hometypesearch a:active,
#bannerSlider.home_banner .typesearch a.active,
#bannerSlider.home_banner .typesearch a:active {
  background: #c41f26 !important;
  border-color: #c41f26 !important;
  color: #fff !important;
}

#bannerSlider.home_banner #frmhomesearch > .input-group {
  width: 100% !important;
  margin: 0 auto !important;
}

#bannerSlider.home_banner .btn.btn-orange {
  background: #182649 !important;
  border-color: #182649 !important;
  color: #fff !important;
}

#bannerSlider.home_banner .btn.btn-orange:hover,
#bannerSlider.home_banner .btn.btn-orange:active,
#bannerSlider.home_banner .btn.btn-orange:focus {
  background: #d9242b !important;
  border-color: #d9242b !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  #bannerSlider.home_banner .topsearch {
    top: 30% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}


/* ===== Readable search results dropdown ===== */
#bannerSlider .listsuggest,
#bannerSlider .suggestion,
#bannerSlider .keyword-input .suggestion,
#bannerSlider .location-input .suggestion {
  background: rgba(13, 19, 33, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 34px rgba(7, 14, 30, 0.45) !important;
  color: #c7d2e2 !important;
}

#bannerSlider .listsuggest *,
#bannerSlider .suggestion * {
  color: #c7d2e2 !important;
}

#bannerSlider .listsuggest a,
#bannerSlider .suggestion a {
  color: #d3dceb !important;
}

#bannerSlider .listsuggest a:hover,
#bannerSlider .suggestion a:hover {
  color: #ffffff !important;
  background: rgba(217, 36, 43, 0.18) !important;
}

/* ===== Strong UI overrides for tabs/buttons ===== */
#bannerSlider.home_banner #hometypesearch a,
#bannerSlider.home_banner .typesearch a {
  background: #182649 !important;
  border-color: #182649 !important;
  color: #fff !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

#bannerSlider.home_banner #hometypesearch a:hover,
#bannerSlider.home_banner .typesearch a:hover,
#bannerSlider.home_banner #hometypesearch a.active,
#bannerSlider.home_banner #hometypesearch a:active,
#bannerSlider.home_banner .typesearch a.active,
#bannerSlider.home_banner .typesearch a:active {
  background: #d9242b !important;
  border-color: #d9242b !important;
  transform: translateY(-1px) scale(1.04) !important;
}

#bannerSlider.home_banner .btn.btn-orange {
  background: #182649 !important;
  border-color: #182649 !important;
}

#bannerSlider.home_banner .btn.btn-orange:hover,
#bannerSlider.home_banner .btn.btn-orange:active,
#bannerSlider.home_banner .btn.btn-orange:focus {
  background: #d9242b !important;
  border-color: #d9242b !important;
  transform: translateY(-1px) scale(1.02) !important;
}

/* ===== Additional responsive tune ===== */
@media (max-width: 991px) {
  #bannerSlider.home_banner .topsearch {
    top: 36% !important;
  }

  #bannerSlider.home_banner #hometypesearch a,
  #bannerSlider.home_banner .typesearch a {
    min-width: 132px !important;
    padding: 10px 14px !important;
    font-size: 0.72rem !important;
  }
}

@media (max-width: 575px) {
  #bannerSlider .advanced-search-content {
    padding: 8px !important;
  }

  #bannerSlider .advanced-search-content [class*="col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  #bannerSlider.home_banner .topsearch {
    top: 32% !important;
    width: min(94vw, 980px) !important;
  }

  #bannerSlider.home_banner #hometypesearch,
  #bannerSlider.home_banner .typesearch {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  #bannerSlider.home_banner #hometypesearch a + a::before,
  #bannerSlider.home_banner .typesearch a + a::before {
    height: 16px !important;
  }

  #bannerSlider.home_banner #frmhomesearch > .input-group {
    padding: 8px !important;
    gap: 6px !important;
  }
}

/* ===== FINAL ENFORCED OVERRIDES (apply last) ===== */
#bannerSlider.home_banner .topsearch,
#bannerSlider.home_banner #frmhomesearch {
  width: min(980px, 94vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#bannerSlider.home_banner .topsearch {
  position: absolute !important;
  left: 50% !important;
  top: 34% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
}

#bannerSlider.home_banner #hometypesearch a,
#bannerSlider.home_banner .typesearch a {
  background: #182649 !important;
  border: 1px solid #182649 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.12em !important;
  transform: none !important;
}

#bannerSlider.home_banner #hometypesearch a:hover,
#bannerSlider.home_banner #hometypesearch a:active,
#bannerSlider.home_banner #hometypesearch a.active,
#bannerSlider.home_banner .typesearch a:hover,
#bannerSlider.home_banner .typesearch a:active,
#bannerSlider.home_banner .typesearch a.active {
  background: #d9242b !important;
  border-color: #d9242b !important;
  transform: translateY(-1px) scale(1.03) !important;
}

#bannerSlider.home_banner .btn.btn-orange {
  background: #182649 !important;
  border: 1px solid #182649 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

#bannerSlider.home_banner .btn.btn-orange:hover,
#bannerSlider.home_banner .btn.btn-orange:focus,
#bannerSlider.home_banner .btn.btn-orange:active {
  background: #d9242b !important;
  border-color: #d9242b !important;
}

#bannerSlider.home_banner .advanced-search-content,
#bannerSlider.home_banner .property-advanced-search {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#bannerSlider.home_banner .advanced-search-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#bannerSlider.home_banner .advanced-search-content [class*="col-"] {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

#bannerSlider.home_banner .advanced-search-content .form-control,
#bannerSlider.home_banner .advanced-search-content .select--arrow,
#bannerSlider.home_banner .advanced-search-content .input-has-icon {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 991px) {
  #bannerSlider.home_banner .topsearch {
    top: 36% !important;
  }
}

@media (max-width: 767px) {
  #bannerSlider.home_banner .topsearch {
    top: 31% !important;
    width: min(95vw, 980px) !important;
  }

  #bannerSlider.home_banner #hometypesearch a,
  #bannerSlider.home_banner .typesearch a {
    min-width: 128px !important;
    padding: 10px 12px !important;
    font-size: 0.7rem !important;
  }

  #bannerSlider.home_banner .advanced-search-content {
    padding: 8px !important;
  }

  #bannerSlider.home_banner .advanced-search-content [class*="col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/*
 * Banner slider responsive fixes.
 * Include AFTER theme/banner styles.
 *
 * Goals:
 * - Phone ( .input-group,
  #bannerSlider.home_banner #frmhomesearch > .input-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  #bannerSlider .keyword-input,
  #bannerSlider .location-input,
  #bannerSlider.home_banner .keyword-input,
  #bannerSlider.home_banner .location-input {
    min-width: 0 !important;
  }

  #bannerSlider .search-button-wrapper,
  #bannerSlider .search-button-wrapper .btn,
  #bannerSlider.home_banner .search-button-wrapper,
  #bannerSlider.home_banner .search-button-wrapper .btn {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1;
  }

  #bannerSlider .form-control,
  #bannerSlider .btn.btn-orange,
  #bannerSlider .input-group > .input-group-prepend > .input-group-text,
  #bannerSlider.home_banner .form-control,
  #bannerSlider.home_banner .btn.btn-orange,
  #bannerSlider.home_banner .input-group > .input-group-prepend > .input-group-text {
    height: 46px !important;
  }
}

/* Phone: remove search UI completely */
@media (max-width: 767px) {
  #bannerSlider .topsearch,
  #bannerSlider #frmhomesearch,
  #bannerSlider #hometypesearch,
  #bannerSlider .typesearch,
  #bannerSlider .advanced-search,
  #bannerSlider .advanced-search-content,
  #bannerSlider .listsuggest,
  #bannerSlider .suggestion,
  #bannerSlider.home_banner .topsearch,
  #bannerSlider.home_banner #frmhomesearch,
  #bannerSlider.home_banner #hometypesearch,
  #bannerSlider.home_banner .typesearch,
  #bannerSlider.home_banner .advanced-search,
  #bannerSlider.home_banner .advanced-search-content,
  #bannerSlider.home_banner .listsuggest,
  #bannerSlider.home_banner .suggestion {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}
ГРАЖДАНСТВО - ИКОНКА НА ЯЧЕЙКАХ С КОМПЛЕКСАМИ