/*
 * Elan səhifəsi (includes/estate-detail-page.php, estate-gone-page.php) — saytın dizaynı (estate_about, Farhad
 * 2026-10-15): ağ fon, açıq yaşıl breadcrumb zolağı, qırıq xətli başlıq; solda qalereya (əsas şəkil + oxlar + sayğac,
 * altında miniatürlər) və qırıq xətli bölmələr (✔ siyahılar, xəritə, əməliyyat düymələri); sağda qiymət cədvəli və
 * əlaqə qutusu (zolaqlı cədvəllər). ≥ 992px — iki sütun (sağ ~ 36%), daha dar — alt-alta, telefonda altda sabit zolaq.
 * Dizayndan düzəlişlər (AA): breadcrumb zolağının ağ mətni (2.1) → tünd (--color-crumbs-text, 2026-10-22); qiymət başlığı #68b7c6 (2.29) →
 * --color-card-price (4.94); satıcı başlığı #9aba95 (2.14) → --color-primary (4.84); telefon zolağı — narıncı fonda ağ
 * mətn (1.71) → sarı-narıncı fonda tünd mətn (9.09); cədvəlin dəyərləri → #6b6b6b zolaqlı fonda (4.97).
 * Sinif adları neytraldır — "ad" sözü yoxdur (reklam bloklayıcıları).
 */
.estate-detail {
  padding-top: 0;
  padding-bottom: var(--space-xl);
}

/* Breadcrumb zolağı — dizayn bire-bir (breadcrumbs__section, 2026-10-22): açıq yaşıl zolaq (32px), mətn konteynerdən
   içəri, keçid nöqtəli alt xətli, ayırıcı sarı ox; mətn tünd (AA — tokens.css --color-crumbs-text) */
.estate-crumbs {
  margin-bottom: var(--space-md);
  background: var(--color-crumbs);
}

.estate-crumbs .breadcrumbs {
  margin: 0;
  padding: 7px 0 7px 37px;
  line-height: 18px;
}

.estate-crumbs .breadcrumbs__item,
.estate-crumbs .breadcrumbs__link {
  color: var(--color-crumbs-text);
}

.estate-crumbs .breadcrumbs__item + .breadcrumbs__item::before {
  margin: 0 6px;
  color: var(--color-accent);
  font-weight: var(--weight-bold);
  content: "❯";
}

.estate-crumbs .breadcrumbs__link {
  font-weight: var(--weight-medium);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

.estate-crumbs .breadcrumbs__link:hover {
  text-decoration-style: solid;
}

.estate-crumbs .breadcrumbs__link:focus-visible {
  outline: 2px solid var(--color-crumbs-text);
  outline-offset: 2px;
}

@media (max-width: 991.98px) {
  .estate-crumbs .breadcrumbs {
    padding-left: 0;
  }
}

/* Başlıq — qırıq xətli zolaq (dizayn: section_header__estate) */
.estate-detail__title-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs) var(--space-sm);
  margin: 0 10px var(--space-md);   /* dizayn: section_header__container — konteynerdən 10px içəri */
  padding: 7px 15px;
  border-top: 2px dashed var(--color-dashed);
  border-bottom: 2px dashed var(--color-dashed);
}

.estate-detail__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-heading);
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
  line-height: 1.3;
}

.estate-detail__title-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: var(--color-title-icon);
}

.estate-detail__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: var(--radius-sm);
  background: var(--color-card-badge-bg);
  color: var(--color-on-primary);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.estate-detail__badge--elite .icon {
  color: var(--color-card-elite);
}

.estate-detail__badge--vip .icon {
  color: var(--color-card-vip);
}

/* İki sütun */
.estate-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 36%);
  align-items: start;
  gap: var(--space-lg);
}

.estate-detail__aside {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* Qalereya (dizayn — image-slider + image-mini-slider): şəkillər bir zolaqda (scroll-snap — barmaq/trackpad sürüşdürür,
   siçanla sürükləmə — JS), ağ oxlar və sayğac şəklin üstündə; altında çərçivəli miniatür zolağı (4 ədəd, sürüşür) */
.estate-gallery__stage {
  position: relative;
  padding: 5px;
  border: 1px solid var(--color-border-card);
  background: var(--color-bg);
}

.estate-gallery__track {
  display: flex;
  aspect-ratio: 4 / 3;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  background: var(--color-surface);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.estate-gallery__track::-webkit-scrollbar,
.estate-gallery__thumbs::-webkit-scrollbar {
  display: none;
}

.estate-gallery__slide {
  flex: 0 0 100%;
  overflow: hidden;
  cursor: zoom-in;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.estate-gallery__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.estate-gallery__slide:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: -3px;
}

/* Siçanla sürükləmə zamanı (JS) — zolaq əl ilə hərəkət edir, snap buraxanda qayıdır */
.estate-gallery__track--drag,
.estate-gallery__thumbs--drag {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

.estate-gallery__track--drag .estate-gallery__slide,
.estate-gallery__thumbs--drag .estate-gallery__thumb {
  cursor: grabbing;
}

/* Oxlar — fonsuz ağ işarə (dizayn), açıq şəkildə də görünsün deyə kölgə */
.estate-gallery__arrow {
  position: absolute;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 64px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-on-primary);
  cursor: pointer;
  filter: drop-shadow(0 1px 3px rgb(0 0 0 / 70%));
  opacity: 0.9;
  transform: translateY(-50%);
  transition: opacity var(--transition), transform var(--transition);
}

.estate-gallery__arrow .icon {
  width: 40px;
  height: 40px;
  stroke-width: 2.5;
}

.estate-gallery__arrow:hover {
  opacity: 1;
}

.estate-gallery__arrow--prev:hover {
  transform: translate(-3px, -50%);
}

.estate-gallery__arrow--next:hover {
  transform: translate(3px, -50%);
}

.estate-gallery__arrow:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: -3px;
}

.estate-gallery__arrow--prev {
  left: 5px;
}

.estate-gallery__arrow--next {
  right: 5px;
}

.estate-gallery__counter {
  position: absolute;
  right: 25px;
  bottom: 20px;
  color: var(--color-on-primary);
  font-size: var(--text-base);
  text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
  pointer-events: none;
}

.estate-gallery__thumbs {
  position: relative;   /* miniatürün offsetLeft-i zolağa görə (JS — birinci yerə) */
  display: grid;
  grid-auto-columns: 25%;
  grid-auto-flow: column;
  margin-top: -1px;
  border: 1px solid var(--color-border-card);
  background: var(--color-bg);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.estate-gallery__thumbs li {
  scroll-snap-align: start;
}

.estate-gallery__thumb {
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  padding: 5px;
  opacity: 0.7;
  transition: opacity var(--transition);
}

.estate-gallery__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Aktiv miniatür — tam görünür, altında yaşıl xətt */
.estate-gallery__thumb::after {
  position: absolute;
  right: 5px;
  bottom: 5px;
  left: 5px;
  height: 3px;
  background: var(--color-primary);
  content: "";
  transform: scaleX(0);
  transition: transform var(--transition);
}

.estate-gallery__thumb:hover,
.estate-gallery__thumb--active {
  opacity: 1;
}

.estate-gallery__thumb--active::after {
  transform: scaleX(1);
}

.estate-gallery__thumb:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: -3px;
}

.estate-gallery--empty {
  display: flex;
  border: 1px solid var(--color-border-card);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  aspect-ratio: 4 / 3;
  color: var(--color-muted);
}

/* Bölmə — qırıq xətli başlıq (dizayn: section_header__estate) */
.estate-block {
  margin-top: var(--space-lg);
  padding-inline: 10px;
}

.estate-block__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  padding: 7px 5px;
  border-top: 1px dashed var(--color-dashed);
  border-bottom: 1px dashed var(--color-dashed);
  color: var(--color-heading);
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
}

.estate-block__icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: var(--color-primary);
}

.estate-block__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: 0 10px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

/* ✔ siyahı — dizayn: 4 sütun, qırmızı işarə (dekorativ), qalın boz mətn */
.estate-checks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 10px;
  padding: 0 5px;
}

.estate-checks__item {
  position: relative;
  padding-left: 18px;
  color: var(--color-heading);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.estate-checks__item::before {
  position: absolute;
  left: 0;
  color: #e53000;
  content: "✔";
}

/* Yerləşmə */
.estate-map {
  height: 320px;
  margin-bottom: var(--space-sm);
  overflow: hidden;
  border: 1px solid var(--color-border-card);
  background: var(--color-surface);
}

.estate-place {
  display: grid;
  gap: var(--space-xs);
  padding: 0 5px;
}

.estate-place li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.estate-place .icon {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--color-primary);
}

/* Elan tənzimləri — düymələr (dizayn: 3 sütun, çərçivəli) */
.estate-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.estate-actions__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 var(--space-sm);
  border: 1px solid #a8a8a8;
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  color: var(--color-text);
  font: inherit;
  cursor: pointer;
  transition: border-color var(--transition), background-color var(--transition);
}

.estate-actions__button:hover {
  border-color: var(--color-primary);
  background: var(--color-surface);
}

.estate-actions__button:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

.estate-actions__button[hidden] {
  display: none;
}

.estate-actions__icon {
  width: 20px;
  height: 20px;
  color: #2b7ec9;
}

.estate-actions__fav-on,
.estate-actions__button[aria-pressed="true"] .estate-actions__fav-off {
  display: none;
}

.estate-actions__button[aria-pressed="true"] .estate-actions__fav-on {
  display: block;
  color: #d0021b;
}

/* Kabinet düymələri (Düzəliş et, Elanı sil) — kabinet 2-ci mərhələdədir, hələ aparmır */
.estate-actions__button[aria-disabled="true"] {
  border-style: dashed;
  color: var(--color-subtle);
  cursor: default;
}

.estate-actions__button[aria-disabled="true"]:hover {
  border-color: #a8a8a8;
  background: var(--color-bg);
}

.estate-actions__button[aria-disabled="true"] .estate-actions__icon {
  color: var(--color-subtle);
}

/* Paylaşma paneli — "Paylaş" düyməsinin altında; ikon şəbəkənin rəngində (mətn yanındadır — dekorativ) */
.estate-share {
  margin-top: 10px;
  padding: 10px;
  border: 1px dashed var(--color-dashed);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.estate-share__title {
  margin-bottom: 8px;
  color: var(--color-heading);
  font-weight: var(--weight-bold);
}

.estate-share__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.estate-share__list li[hidden] {
  display: none;
}

.estate-share__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--color-border-card);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  color: var(--color-text);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--transition);
}

.estate-share__link:hover {
  border-color: var(--color-primary);
}

.estate-share__link:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

.estate-share__icon {
  width: 20px;
  height: 20px;
  color: var(--color-subtle);
}

.estate-share__link--whatsapp .estate-share__icon { color: #25d366; }
.estate-share__link--telegram .estate-share__icon { color: #229ed9; }
.estate-share__link--facebook .estate-share__icon { color: #1877f2; }
.estate-share__link--x .estate-share__icon { color: #000; }
.estate-share__link--vk .estate-share__icon { color: #0077ff; }
.estate-share__link--ok-ru .estate-share__icon { color: #ee8208; }
.estate-share__link--instagram .estate-share__icon { color: #e1306c; }

.estate-share__status {
  min-height: 1.5em;
  margin-top: 6px;
  color: var(--color-primary-hover);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

/* "Şikayət et" göndərilib — düymə bağlıdır */
.estate-actions__button:disabled {
  border-style: dashed;
  color: var(--color-subtle);
  cursor: default;
}

/* Şikayət pəncərəsi (<dialog>) — səbəblər (radio), şərh, göndər; tələ xanası ekrandan kənarda */
.estate-complaint {
  width: min(560px, calc(100% - 2 * var(--gutter)));
  max-height: calc(100dvh - 2 * var(--space-lg));
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-bg);
  box-shadow: var(--shadow-md);
  color: var(--color-text);
}

.estate-complaint::backdrop {
  background: rgb(37 43 66 / 55%);
}

.estate-complaint__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  padding: 10px 16px;
  border-bottom: 2px dashed var(--color-dashed);
}

.estate-complaint__title {
  color: var(--color-heading);
  font-size: 1.25rem;
  font-weight: var(--weight-bold);
}

.estate-complaint__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--color-text);
  cursor: pointer;
}

.estate-complaint__close:hover {
  background: var(--color-surface);
}

.estate-complaint__form,
.estate-complaint__done {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: 16px;
}

.estate-complaint__reasons {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
}

.estate-complaint__legend {
  margin-bottom: 6px;
  padding: 0;
  font-weight: var(--weight-bold);
}

.estate-complaint__reason {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid var(--color-border-card);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

.estate-complaint__reason:hover {
  border-color: var(--color-primary);
}

.estate-complaint__reason input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--color-primary);
}

.estate-complaint__reason:has(input:checked) {
  border-color: var(--color-primary);
  background: var(--color-surface);
}

.estate-complaint__label {
  font-weight: var(--weight-bold);
}

.estate-complaint__hint {
  color: var(--color-subtle);
  font-weight: var(--weight-regular);
}

.estate-complaint__comment {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--color-border-input);
  border-radius: var(--radius-sm);
  font: inherit;
  resize: vertical;
}

.estate-complaint__reason input:focus-visible,
.estate-complaint__comment:focus-visible,
.estate-complaint__send:focus-visible,
.estate-complaint__cancel:focus-visible,
.estate-complaint__close:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

.estate-complaint__trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.estate-complaint__error {
  padding: 6px 10px;
  border-left: 4px solid #c62828;
  background: #fdecea;
  color: #8a1c12;
  font-size: var(--text-sm);
}

.estate-complaint__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.estate-complaint__send,
.estate-complaint__cancel {
  min-height: 44px;
  padding: 0 var(--space-lg);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-sm);
  font: inherit;
  font-weight: var(--weight-bold);
  cursor: pointer;
}

.estate-complaint__send {
  background: var(--color-primary);
  color: var(--color-on-primary);
}

.estate-complaint__send:hover {
  background: var(--color-primary-hover);
}

.estate-complaint__send:disabled {
  opacity: 0.6;
  cursor: progress;
}

.estate-complaint__cancel {
  background: var(--color-bg);
  color: var(--color-primary-hover);
}

.estate-complaint__done {
  align-items: center;
  text-align: center;
}

.estate-complaint__done-icon {
  width: 40px;
  height: 40px;
  color: var(--color-primary);
}

/* Sağ qutular — başlıq + zolaqlı cədvəl */
.estate-box {
  border: 1px solid var(--color-border-card);
  background: var(--color-bg);
}

.estate-box__price {
  padding: 8px 10px;
  background: var(--color-card-price);
  color: var(--color-on-primary);
  font-size: 1.75rem;
  font-weight: var(--weight-bold);
  line-height: 1.3;
  text-align: center;
}

.estate-box__period {
  margin-left: 4px;
  font-size: var(--text-base);
  font-weight: var(--weight-medium);
}

.estate-table__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border-top: 1px solid var(--color-border-card);
  font-size: var(--text-sm);
}

.estate-table__row:nth-child(odd) {
  background: #f7f7f7;
}

.estate-table__row dt,
.estate-table__row dd {
  margin: 0;
  padding: 4px 6px;
  overflow-wrap: anywhere;
}

.estate-table__row dt {
  border-right: 1px solid var(--color-border-card);
  color: #333;
  font-weight: var(--weight-bold);
}

.estate-table__row dd {
  color: var(--color-subtle);
}

.estate-table--wide .estate-table__row {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

/* Əlaqə qutusu */
.estate-contact__name {
  padding: 6px 10px;
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
  line-height: 1.3;
  text-align: center;
  overflow-wrap: anywhere;
}

.estate-contact__bar {
  display: flex;
  align-items: stretch;
  background: #ffc937;
}

.estate-contact__icon,
.estate-contact__reveal,
.estate-contact__phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 var(--space-sm);
  border: 0;
  background: transparent;
  color: var(--color-text);
  font: inherit;
  font-weight: var(--weight-bold);
  text-decoration: none;
  cursor: pointer;
}

.estate-contact__icon {
  flex: 0 0 64px;
  border-right: 1px solid rgb(37 43 66 / 20%);
}

.estate-contact__icon .icon,
.estate-contact__reveal .icon,
.estate-contact__phone .icon {
  width: 22px;
  height: 22px;
}

.estate-contact__reveal,
.estate-contact__phone {
  flex: 1 1 auto;
  flex-wrap: wrap;
  font-size: var(--text-lg);
}

.estate-contact__mask {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  letter-spacing: 1px;
}

.estate-contact__icon:hover,
.estate-contact__reveal:hover,
.estate-contact__phone:hover {
  background: rgb(255 255 255 / 30%);
}

.estate-contact__icon:focus-visible,
.estate-contact__reveal:focus-visible,
.estate-contact__phone:focus-visible {
  outline: 3px solid var(--color-text);
  outline-offset: -3px;
}

.estate-contact__error {
  padding: 6px 10px;
  background: #fdecea;
  color: #8a1c12;
  font-size: var(--text-sm);
}

.estate-contact__trust {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-top: 1px solid var(--color-border-card);
  color: var(--color-primary-hover);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

/* Təhlükəsizlik xəbərdarlığı */
.estate-safety {
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--color-border-card);
  border-left: 5px solid var(--color-accent);
  font-size: var(--text-sm);
}

.estate-safety .icon {
  flex-shrink: 0;
  color: var(--color-primary);
}

/* Telefonda alt zolaq */
.estate-callbar {
  display: none;
}

/* Bitmiş elan (410 — estate-gone-page.php) */
.estate-gone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
  max-width: 640px;
  margin: var(--space-lg) auto 0;
  padding: var(--space-xl) var(--space-lg);
  border: 1px solid var(--color-border-card);
  border-radius: var(--radius-md);
  background: var(--color-bg);
  box-shadow: var(--shadow-sm);
  text-align: center;
}

.estate-gone__icon {
  width: 56px;
  height: 56px;
  color: var(--color-title-icon);
}

.estate-gone__title {
  color: var(--color-heading);
  font-size: 1.5rem;
  font-weight: var(--weight-bold);
}

.estate-gone__what {
  font-weight: var(--weight-bold);
}

.estate-gone__link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--space-lg);
  border-radius: var(--radius-md);
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: var(--weight-bold);
  text-decoration: none;
  transition: background-color var(--transition);
}

.estate-gone__link:hover {
  background: var(--color-primary-hover);
}

/* Planşet: alt-alta — başlıq, qalereya, qutular, bölmələr */
@media (max-width: 991.98px) {
  .estate-detail__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .estate-detail__main {
    display: contents;
  }

  .estate-gallery {
    order: 1;
  }

  .estate-detail__aside {
    order: 2;
  }

  .estate-block {
    order: 3;
    margin-top: 0;
  }

  .estate-checks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Telefon */
@media (max-width: 767.98px) {
  .estate-detail {
    padding-bottom: 90px;   /* alt zolaq məzmunu örtməsin */
  }

  .estate-detail__title {
    font-size: var(--text-lg);
  }

  .estate-detail__title-bar {
    margin-inline: 0;
    padding-inline: 5px;
  }

  .estate-gallery {
    margin-inline: calc(var(--gutter) * -1);
  }

  .estate-gallery__stage {
    padding: 0;
    border-inline: 0;
  }

  .estate-gallery__counter {
    right: 15px;
    bottom: 12px;
  }

  /* Telefonda miniatür yoxdur (dizayn) — şəkillər barmaqla sürüşür */
  .estate-gallery__thumbs {
    display: none;
  }

  .estate-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .estate-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .estate-map {
    height: 260px;
  }

  .estate-callbar {
    position: fixed;
    inset: auto 0 0;
    z-index: 40;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px var(--gutter);
    border-top: 4px solid var(--color-accent);
    background: var(--color-bg);
    box-shadow: 0 -4px 16px rgb(37 43 66 / 12%);
  }

  .estate-callbar__price {
    display: grid;
    flex: 1;
    min-width: 0;
  }

  .estate-callbar__price b {
    color: var(--color-card-price);
    font-size: 1.1875rem;
  }

  .estate-callbar__price > span {
    color: var(--color-subtle);
    font-size: var(--text-sm);
  }

  .estate-callbar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 48px;
    padding-inline: 18px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--color-primary);
    color: var(--color-on-primary);
    font: inherit;
    font-weight: var(--weight-bold);
    cursor: pointer;
  }

  .estate-callbar__button--whatsapp {
    background: #ffc937;
    color: var(--color-text);
  }
}

/* Çap: yalnız elanın məzmunu */
@media print {
  .site-header,
  .site-footer,
  .showcase,
  .estate-crumbs,
  .estate-gallery__arrow,
  .estate-gallery__thumbs,
  .estate-actions,
  .estate-share,
  .estate-complaint,
  .estate-contact__bar,
  .estate-map,
  .estate-callbar,
  .estate-section--similar,
  .skip-link {
    display: none !important;
  }

  .estate-detail__layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .estate-gallery__thumb,
  .estate-gallery__thumb::after,
  .estate-gallery__arrow,
  .estate-actions__button {
    transition: none;
  }
}
