.slider {
          position: relative;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }

        .slides {
          display: flex;
          transition: transform 1s ease-in-out;
        }

        .slides img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          flex-shrink: 0;
        }

        /* Dots Navigation on Slider */
        .dots {
          position: absolute;
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%);
          display: flex;
          gap: 10px;
          z-index: 10;
        }

        .dot {
          width: 12px;
          height: 12px;
          background-color: rgb(193 189 189);
          border-radius: 50%;
          cursor: pointer;
          transition: background-color 0.3s;
        }

        .dot.active {
          background-color: white;
        }

        .dots {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
        }

        .dots span {
            display: block;
            width: 10px;
            height: 10px;
            margin: 5px;
            background: #ddd;
            border-radius: 50%;
            cursor: pointer;
        }

        .dots .active {
            background: #333;
        }

.filters li.active .btn {
    background: linear-gradient(135deg, #d4af37, #f5e6a7);
    color: #000;
    border-radius: 30px;
}

.popup-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center;
  z-index: 9999;
  opacity: 0; pointer-events: none;
  transition: opacity 0.4s ease;
  padding: 1rem;
}
.popup-overlay.active { opacity: 1; pointer-events: all; }

.popup-card {
  width: 100%; max-width: 420px;
  border-radius: 6px; overflow: hidden;
  position: relative;
  transform: translateY(30px) scale(0.96);
  transition: transform 0.45s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(201,168,76,0.3);
}
.popup-overlay.active .popup-card { transform: translateY(0) scale(1); }

.popup-shell {
  background: linear-gradient(to top right, #bf953f, #fcf6ba, #b38728);
  padding: 2.2rem 2rem 2rem;
  text-align: center;
}

.popup-close {
  position: absolute; top: 12px; right: 14px;
  background: none; border: none; font-size: 18px;
  cursor: pointer; color: #000; opacity: 0.5;
  transition: opacity 0.2s, transform 0.2s;
  line-height: 1;
}
.popup-close:hover { opacity: 1; transform: rotate(90deg); }

.popup-brand {
  font-family: Georgia, serif;
  font-size: 2rem; font-weight: 400;
  letter-spacing: 0.12em; color: #000; line-height: 1;
}
.popup-brand span { font-style: italic; font-weight: 300; }

.popup-location {
  font-size: 0.6rem; font-weight: 700;
  letter-spacing: 0.35em; color: rgba(0,0,0,0.55);
  margin-top: 4px;
}

.popup-headline {
  font-size: 0.68rem; font-weight: 700;
  letter-spacing: 0.15em; color: #000;
  margin-top: 1.3rem; text-transform: uppercase;
}

.popup-body {
  background: #000;
  margin-top: 1.2rem;
  border-radius: 4px;
  padding: 1.5rem 1.3rem 1.7rem;
}

.popup-field { margin-bottom: 0.9rem; }
.popup-field input {
  width: 100%; padding: 0.9rem 1.1rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(201,168,76,0.3);
  border-radius: 40px;
  color: #fff;
  font-size: 0.78rem; font-weight: 500;
  letter-spacing: 0.08em;
  outline: none;
  transition: border-color 0.25s, background 0.25s;
  font-family: inherit;
}
.popup-field input::placeholder { color: rgba(255,255,255,0.4); }
.popup-field input:focus {
  border-color: #c9a84c;
  background: rgba(201,168,76,0.06);
}

.popup-consent {
    font-size: 15px;
    color: rgb(255 255 255 / 71%);
    text-align: center;
    line-height: 1.6;
    margin: 1rem 0 1.3rem;
}
.popup-consent a { color: #c9a84c; text-decoration: none; }

.popup-submit {
  width: 100%; padding: 0.9rem;
  background: linear-gradient(to top right, #bf953f, #fcf6ba, #b38728);
  border: none; border-radius: 40px;
  color: #000; font-weight: 700;
  font-size: 16px; letter-spacing: 1px;
  text-transform: uppercase; cursor: pointer;
  font-family: inherit;
  box-shadow: 0 4px 20px rgba(201,168,76,0.35);
  transition: opacity 0.2s, transform 0.15s;
}

.popup-shell img {
    width: 70%;
}
.popup-submit:hover { opacity: 0.9; transform: translateY(-1px); }

.popup-success {
  display: none; text-align: center; padding: 0.5rem 0;
}
.popup-check {
  width: 48px; height: 48px; border-radius: 50%;
  background: linear-gradient(135deg, #f0d882, #c9a84c);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #000;
  margin: 0 auto 1rem;
}
.popup-success strong { color: #f5e6b0; font-size: 1rem; display: block; margin-bottom: 0.4rem; }
.popup-success p { font-size: 0.75rem; color: rgba(255,255,255,0.6); line-height: 1.6; }

.bk-pill {
    padding: 5px 12px;
    border-radius: 50px;
    border: 1px solid rgb(0 0 0 / 74%);
    background: transparent;
    color: rgb(2 2 2);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
    font-family: inherit;
}
.bk-pill:hover {
    border-color  : #000;
    color         : #000;
}
.bk-pill.active {
    background    : #000;
    border-color  : #000;
    color         : #fcf6ba;
    font-weight   : 700;
}
/* placeholder color on gold bg */
.form-wrapper.style-1 input::placeholder,
.form-wrapper.style-1 select::placeholder { color: rgba(0,0,0,.4); }
.form-wrapper.style-1 select option { background:#fff; color:#000; }

.swiper-button-next, .swiper-button-prev {
  color: #000 !important;
}


.btn-phone-pulse {
   background: #fcb412;
    color: white;
    position: fixed;
    bottom: 16PX;
    right: 6px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 29px;
    text-decoration: none;
    border-radius: 50%;
    z-index: 999;
    font-size: 27px;

    
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    font-size: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 29px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    
    
    z-index: 999;

}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


@-moz-keyframes spin { 
    100% { -moz-transform: rotate(-25deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(-25deg); } 
}45deg
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(-25deg); 
        transform:rotate(-25deg); 
    } 
}

.btn-whatsapp-pulse-border {
        bottom: 90PX;
      right: 6PX;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 35px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-top: 0px;
    margin-left: 0px;
}
.btn-phone-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 35px;
    border: 5px solid #fcb412;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-top: 0px;
    margin-right: 0px;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}