.elementor .chaf-property-card{& {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transform-style: preserve-3d !important;

  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 561px;
  box-sizing: border-box !important;

  --spot-x: 50%;
  --spot-y: 30%;
  --spot-alpha: 0;

  border: 1px solid #E3DDD1 !important;
  border-radius: 24px !important;
  background: #FBFAF7 !important;

  transition:
      transform .35s ease,
      border-color .35s ease,
      box-shadow .35s ease !important;
}

/* Spotlight */
&::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: var(--spot-alpha);

  background: radial-gradient(
      360px circle at var(--spot-x) var(--spot-y),
      rgba(55, 190, 160, .12),
      transparent 62%
  );

  transition: opacity .35s ease;
}

/* Border Glow */
&::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: inherit;

  transition:
      border-color .4s ease,
      box-shadow .4s ease;
}

/* Content Layer */
& > * {
  position: relative;
  z-index: 1;
}

/* Card Hover */
&:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(39, 164, 141, .45) !important;

  box-shadow:
      0 24px 50px rgba(7, 31, 26, .12),
      0 0 0 1px rgba(39, 164, 141, .035) !important;
}

&:hover::after {
  border-color: rgba(39, 164, 141, .24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}

/* Image Container */
& .chaf-property-image {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: 100% !important;
  aspect-ratio: 1.53 / 1 !important;
  flex: 0 0 auto !important;
}

& .chaf-property-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  transition:
      transform .8s cubic-bezier(.2,.7,.2,1),
      filter .4s ease;
}

&:hover .chaf-property-image img {
  transform: scale(1.04);
  filter: saturate(1.08);
}

/* Diagonal Image Shine */
& .chaf-property-image::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -30% auto -30% -80%;
  width: 45%;
  pointer-events: none;

  background: linear-gradient(
      100deg,
      transparent,
      rgba(255,255,255,.19),
      transparent
  );

  transform: translateX(-170%) skewX(-18deg);
  transition: transform 1s cubic-bezier(.19,1,.22,1);
}

&:hover .chaf-property-image::before {
  transform: translateX(450%) skewX(-18deg);
}

/* Image Overlay */
& .chaf-property-image::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 35% 0 0;
  pointer-events: none;

  background: linear-gradient(
      0deg,
      rgba(7,31,26,.42),
      transparent
  );
}

/* Glass Badge */
& .chaf-property-badge {
  position: absolute !important;
  z-index: 3 !important;

  background: rgba(7,31,26,.48) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  border-radius: 999px !important;

  box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 5px 18px rgba(0,0,0,.08) !important;

  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

/* LAND Index */
& .chaf-property-index {
  position: absolute !important;
  z-index: 3 !important;
  color: rgba(255,255,255,.9) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.2);
}

/* Content Container */
& .chaf-property-body {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
  min-height: 326px;
  padding: 22px !important;
  box-sizing: border-box !important;
  background: #FBFAF7 !important;
}

/* Details Link */
& .chaf-property-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;

  transition: color .3s ease;
}

& .chaf-property-link::after {
  content: "↙";
  display: inline-block;
  flex-shrink: 0;
  color: #27A48D;
  font-size: 19px;
  transition: transform .2s ease;
}

&:hover .chaf-property-link {
  color: #27A48D !important;
}

&:hover .chaf-property-link::after {
  transform: translateX(-4px);
}

/* Tablet */
@media (max-width: 1024px) {
  & {
      min-height: 0;
  }

  & .chaf-property-body {
      min-height: 310px;
      padding: 20px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  & {
      border-radius: 20px !important;
  }

  & .chaf-property-body {
      min-height: 300px;
      padding: 18px !important;
  }
}

/* Touch Devices */
@media (hover: none), (pointer: coarse) {
  & {
      --spot-alpha: 0 !important;
  }

  &:hover {
      transform: none !important;
      box-shadow: none !important;
      border-color: #E3DDD1 !important;
  }

  &:hover::after {
      border-color: transparent;
  }

  &::before,
  & .chaf-property-image::before {
      display: none;
  }

  & .chaf-property-image img {
      transform: none !important;
      filter: none !important;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  &,
  & *,
  &::before,
  &::after {
      transition: none !important;
  }

  &:hover {
      transform: none !important;
  }
}\n}.elementor .chaf-property-badge{font-family:Peyda;font-weight:700;font-size:var(--dy-type-body-lg);text-align:center;}.elementor .dy-hero-content{flex-direction:column;gap:20px;}.elementor .chaf-quick-nav{flex-direction:column;}.elementor .chaf-quick-nav-inner{flex-direction:row;}.elementor .chaf-overview-title-wrap{justify-content:center;align-items:center;}.elementor .chaf-geo-info-card{padding:20px;gap:20px;}