/**
 * LATEST PROPERTIES — .front-latest-properties (TOP only)
 * @package Axihub-salon
 */


/* ============================================================
   LATEST PROPERTIES — subtle hover + deal-in (PC only)
   ============================================================ */
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .front-latest-properties .card-scroll,
  .front-latest-properties .prop-grid {
    overflow: visible;
  }

  .front-latest-properties .prop-card {
    position: relative;
    z-index: 1;
    transition:
      transform var(--dur-base) var(--ease-standard),
      box-shadow var(--dur-base) var(--ease-standard),
      border-color var(--dur-base) var(--ease-standard),
      opacity var(--dur-base) var(--ease-standard);
  }

  /* 一覧カードと同程度 — 業種アイコンだけホバー時は持ち上げない（ガタつき防止） */
  .front-latest-properties .prop-card:hover:not(:has(.prop-salon-type:hover)),
  .front-latest-properties .prop-card:focus-within:not(:has(.prop-salon-type:focus-visible)) {
    z-index: 4;
    transform: translateY(-4px);
    box-shadow: var(--shadow-card);
    border-color: var(--color-ink-main);
  }

  /* Deal-in: 初期は非表示にしない（表示漏れ防止）— 軽い持ち上げのみ */
  .front-latest-properties.js-animate .prop-card:not(.is-dealt) {
    opacity: 1;
    transform: translateY(14px);
    transition: transform 0.5s var(--ease-soft);
  }

  .front-latest-properties.js-animate .prop-card.is-dealt {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .front-latest-properties .prop-card {
    transition: none !important;
  }
  .front-latest-properties.js-animate .prop-card {
    opacity: 1 !important;
    transform: none !important;
  }
}

.front-latest-properties .fp-panels__nav--sp {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .front-latest-properties .fp-panels__nav--sp {
    display: none;
  }
}