/* Hero wrapper */
.home-hero{
  position: relative;
  z-index: 50; /* რომ შემდეგ სექციებზე მაღლა იდგეს dropdown */
}


/* slider area: responsive height (min 500px) */
.home-hero__viewport{
  position:relative;
  width:100%;
  height: clamp(400px, 62vh, 820px);
}


.home-hero__search {
  max-width: 1380px;
    margin: 0 auto;
    width: 100%;
}
/* track */
.home-hero__track{
  height:100%;
  display:flex;
  transition: transform .45s ease;
  will-change: transform;
}

/* slide */
.home-hero__slide{
  flex: 0 0 100%;
  height:100%;
  position:relative;
  background: var(--hero-bg) center/cover no-repeat;
}

/* overlay like screenshot: dark edges + soft center */
.home-hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(55% 85% at 50% 45%, rgba(0,0,0,.10), rgba(0,0,0,.55)),
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.10) 52%, rgba(0,0,0,.68));
  pointer-events:none;
}

/* Titles bottom-left (responsive offsets) */
.home-hero__titles{
  position:absolute;
  left: max(clamp(18px, 5vw, 90px), calc((100vw - 1380px) / 2));
  bottom: clamp(68px, 11vh, 90px);
  z-index:3;
  color:#fff;
  max-width: min(560px, 62vw);
}

.home-hero__title-geo{
  margin:0;
  font-size: clamp(22px, 2.2vw, 26px);
  line-height:1.1;
  font-weight: 400;
}

.home-hero__title-en{
  margin-top:6px;
  font-size: clamp(14px, 1.3vw, 16px);
  font-weight:400;
  opacity:.9;
}

/* center play button (responsive size) */
.home-hero__play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width: clamp(40px, 7.2vw, 62px);
  height: clamp(40px, 7.2vw, 62px);
  z-index:3;
  display:grid;
  place-items:center;
  text-decoration:none;
  color:#fff;
}

.home-hero__play-ring{
  position:absolute;
  inset:0;
  border-radius:999px;
  border:3px solid rgba(255,255,255,.85);
  background: rgba(0,0,0,.10);
}

.home-hero__play-icon{
  position:relative;
  width: clamp(22px, 2.6vw, 30px);
  height: clamp(22px, 2.6vw, 30px);
}
.home-hero__play-icon path{ fill:#fff; }

/* arrows */
.home-hero__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width: clamp(38px, 4vw, 48px);
  height: clamp(68px, 8vh, 88px);
  border:0;
  background: transparent;
  color: rgba(255,255,255,.85);
  cursor:pointer;
}

.home-hero__nav--prev{ left: clamp(10px, 2vw, 22px); }
.home-hero__nav--next{ right: clamp(10px, 2vw, 22px); }

.home-hero__nav span{
  font-size: clamp(44px, 5vw, 64px);
  line-height: 1;
  display:block;
}

/* dots bottom-right */
/* dots -> right side, above search input */
.home-hero__dots{
  position:absolute;
  right: clamp(18px, 5vw, 90px);


  /* search bottom + search height (30px) + small offset */
  bottom: calc(clamp(14px, 2.2vh, 22px) + 30px + 14px);

  display:flex;
  gap:10px;
  z-index:6;
}

.home-hero__dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  background: rgba(255,255,255,.35);
}
.home-hero__dot.is-active{ background:#fff; }

/* Search bar (overlapping bottom, responsive left/right) */
.home-hero__search{
  position:absolute;
  left: clamp(18px, 5vw, 90px);
  right: clamp(18px, 5vw, 90px);
  bottom: clamp(14px, 2.2vh, 22px);
  z-index:5;
}

/* Search wrapper: input + outside icon button */
.home-hero__search-wrap{
  position:relative;
  display:flex;
  align-items:center; /* icon sits “bottom” aligned */
  gap:10px;
}

/* input container */
.home-hero__search-inner{
  flex:1;
  display:flex;
  align-items:center;
  background: rgba(255,255,255,.65);
  border: 1px solid var(--adjaranet-color);
  backdrop-filter: blur(6px);
  border-radius: 6px;
  height: 30px;
  padding: 0 14px;
}

.home-hero__search-inner input{
  width:100%;
  border:0;
  outline:0;
  background: transparent;
  font-size: 14px;
  color: #2c2c2c;
  text-align:center;
}

/* OUTSIDE icon button (white) */
.home-hero__search-btn{
  width: 30px;
  height: 30px;
  border:0;
  background: transparent;
  cursor:pointer;
  color:#fff;            /* makes svg stroke white (currentColor) */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.home-hero__search-btn svg{
  display:block;
}


.home-hero__search-inner input{
  width:100%;
  border:0;
  outline:0;
  background: transparent;
  font-size: 14px;
  color: #2c2c2c;
  text-align: center;

}

.home-hero__search-btn{
  border:0;
  background: transparent;
  cursor:pointer;
  color:#1a1a1a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* results container */
.search-results.search-results-dt{
  margin-top:10px;
}

/* Mobile: hide desktop search as requested */
@media (max-width: 768px){
  .home-hero__search{ display:none; }
}


@media only screen and (max-width: 1024px){
    .home-hero__search { display: none; }
}




/* arrows: thin chevrons like screenshot */
.home-hero__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;

  width: clamp(40px, 4vw, 54px);
  height: clamp(80px, 12vh, 120px);

  border:0;
  background: transparent;
  cursor:pointer;

  opacity:.9;
}

.home-hero__nav--prev{ left: clamp(14px, 2vw, 26px); }
.home-hero__nav--next{ right: clamp(14px, 2vw, 26px); }

/* build the chevron using 2 lines */
.home-hero__nav::before,
.home-hero__nav::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: clamp(30px, 3.2vw, 44px);
  height: 2px;
  background: rgba(255,255,255,.70);
  transform-origin: left center;
  border-radius:2px;
}

/* LEFT chevron */
.home-hero__nav--prev::before{
  transform: translate(-50%, -50%) rotate(35deg);
}
.home-hero__nav--prev::after{
  transform: translate(-50%, -50%) rotate(-35deg);
}

/* RIGHT chevron (mirror) */
.home-hero__nav--next::before{
  transform-origin: right center;
  transform: translate(-50%, -50%) rotate(-35deg);
}
.home-hero__nav--next::after{
  transform-origin: right center;
  transform: translate(-50%, -50%) rotate(35deg);
}

/* hover state */
.home-hero__nav:hover::before,
.home-hero__nav:hover::after{
  background: rgba(255,255,255,.95);
}




/* anchor the dropdown to the search area */
.home-hero__search{
  position:absolute; /* შენთან ისედაც ასეა */
  z-index: 9999;
}

.home-hero__search-wrap{
  position:relative; /* IMPORTANT: results will be placed under this */
}

/* results dropdown UNDER the input */
.search-results.search-results-dt{
  position:absolute;
  left:0;
  right:0;
  top: calc(100% + 8px);  /* below the bar */
  margin-top:0 !important;

  z-index: 9999;

  background: var(--white);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  overflow:hidden;
}

/* if you use [hidden] to toggle */
.search-results.search-results-dt[hidden]{
  display:none !important;
}