/* OLX.bg · единая сетка 860px, без правок логотипа */

:root {

  --olx-ink: #002f34;

  --olx-muted: #406367;

  --olx-soft: #5a7376;

  --olx-line: #d8e0e0;

  --olx-bg: #eef1f2;

  --olx-card: #fff;

  --olx-accent: #23e5db;

  --olx-font: Geomanist, "Segoe UI", Arial, Helvetica, sans-serif;

  --olx-col: 860px;

  --olx-gap: 24px;

  --olx-pad: 24px;

  --olx-side: 20px;

  --olx-header-h: 64px;

  --olx-after-header: 8px;

  --olx-radius: 12px;

  --olx-shadow: 0 1px 2px rgba(0, 47, 52, 0.05);

  --olx-bar-h: 70px;

  --olx-bar-space: calc(var(--olx-bar-h) + env(safe-area-inset-bottom, 0px));

}



html {

  font-size: 16px;

  scroll-padding-top: calc(var(--olx-header-h) + 12px);

  overflow-x: hidden;

}

body, #hydrate-root {

  background: var(--olx-bg) !important;

  font-family: var(--olx-font) !important;

  color: var(--olx-ink) !important;

  font-size: 16px !important;

  line-height: 1.5 !important;

  overflow-x: hidden !important;

}



/* Шапка: только высота контейнера — логотип не трогаем */

#hydrate-root {

  padding-top: calc(var(--olx-header-h) + var(--olx-after-header)) !important;

}

/* крошки и пустой nav под fixed-шапкой не занимают место */
nav:has(> [data-testid="breadcrumbs"]),
[data-testid="breadcrumbs"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

[data-testid="app-header"] {

  height: var(--olx-header-h) !important;

  min-height: var(--olx-header-h) !important;

}

[data-testid="app-header"] > div {

  height: var(--olx-header-h) !important;

  min-height: var(--olx-header-h) !important;

  max-width: var(--olx-col) !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding-left: var(--olx-side) !important;

  padding-right: var(--olx-side) !important;

  box-sizing: border-box !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 12px !important;

}

/* Правый блок хедера: только Твоят профил + Добави обява */
[data-testid="app-header"] > div > div.flex.items-center {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
}
[data-testid="header-chat-button"],
[data-testid="observed-page-link"],
[data-testid="notification-hub"] {
  display: none !important;
}
[data-testid="qa-user-dropdown"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  text-decoration: none !important;
  font: 600 14px/1 Geomanist, Arial, sans-serif !important;
  padding: 0 8px !important;
  min-height: 40px !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}
[data-testid="qa-user-dropdown"] span {
  color: #fff !important;
  white-space: nowrap !important;
}
[data-testid="post-new-ad-button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #002f34 !important;
  font: 700 13px/1 Geomanist, Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}



/* Общая сетка */

.olx-shell,

[data-testid="breadcrumbs"],

.css-1d90tha:has(> [data-testid="main"]),

.css-1d90tha[data-olx-layout="ad"],

#footerContent > .mx-auto {

  max-width: var(--olx-col) !important;

  width: 100% !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: var(--olx-side) !important;

  padding-right: var(--olx-side) !important;

  box-sizing: border-box !important;

}



[data-testid="breadcrumbs"] {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  margin-bottom: 12px !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}

[data-testid="breadcrumbs"] li,

[data-testid="breadcrumbs"] a,

[data-testid="breadcrumbs"] span {

  font-size: 13px !important;

  line-height: 1.3 !important;

}



/* Нав: назад + якоря */

.olx-page-nav {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0;

  margin: -8px 0 0;

  padding: 0;

  font-family: var(--olx-font);

}

.olx-back-link {

  display: none;

  align-items: center;

  align-self: flex-start;

  min-height: 32px;

  margin: 0 0 2px;

  padding: 0;

  border: 0;

  background: none;

  color: var(--olx-muted);

  font: 600 14px/1.3 var(--olx-font);

  text-decoration: none;

  cursor: pointer;

}

.olx-back-link:hover { color: var(--olx-ink); }

.olx-back-link[hidden] { display: none !important; }

.olx-section-links {

  display: flex;

  flex-wrap: wrap;

  gap: 4px 4px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.olx-section-links a {

  display: inline-flex;

  align-items: center;

  min-height: 44px;

  padding: 0 10px;

  color: var(--olx-muted);

  font: 500 14px/1.2 var(--olx-font);

  text-decoration: none;

  border-radius: 8px;

}

.olx-section-links a:hover,

.olx-section-links a:focus-visible {

  color: var(--olx-ink);

  background: rgba(0, 47, 52, 0.05);

  outline: none;

}

.olx-section-links a.is-active {
  color: var(--olx-ink);
  font-weight: 700;
  background: rgba(35, 229, 219, 0.22);
}



.css-1d90tha:has(> [data-testid="main"]),

.css-1d90tha[data-olx-layout="ad"] {

  display: flex !important;

  flex-direction: column !important;

  gap: var(--olx-gap) !important;

  grid-template-columns: none !important;

  padding-top: 0 !important;

  padding-bottom: var(--olx-gap) !important;

}

[data-testid="main"],

[data-testid="aside"] {

  width: 100% !important;

  max-width: 100% !important;

  position: static !important;

  display: flex !important;

  flex-direction: column !important;

  gap: var(--olx-gap) !important;

  padding: 0 !important;

  margin: 0 !important;

  height: auto !important;

}

.css-1d90tha:has(> [data-testid="main"]) > .css-1d90tha,

.css-1d90tha[data-olx-layout="ad"] > .css-1d90tha:not(:has([data-testid="main"])) {

  display: none !important;

}

[data-testid="aside"] { display: none !important; }

[data-testid="seller_card"],

[data-cy="seller_card"],

[data-testid="phones-container"],

#olxTermsSection .css-zts8oz,

[data-testid="ad-parameters-container"],

[data-testid="ad-promotion-actions"],

[data-testid="main"] > .css-1cz2bo3 {

  display: none !important;

}



/* Карточки */

.olx-listing-head,

.olx-about-card,

.olx-terms-card,

.olx-status-card,

.olx-rights-card,

.olx-pay-hero-card,

.olx-gallery-block {

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

  box-sizing: border-box !important;

}

.olx-listing-head,

.olx-about-card,

.olx-terms-card,

.olx-status-card,

.olx-rights-card,

.olx-pay-hero-card {

  background: var(--olx-card) !important;

  border: 1px solid var(--olx-line) !important;

  border-radius: var(--olx-radius) !important;

  box-shadow: var(--olx-shadow) !important;

  padding: var(--olx-pad) !important;

  background-image: none !important;

}



#olxTermsSection,

#olxTermsSection.olx-terms-card,
#olxTermsSection .olx-terms-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch !important;
}

#olxGalleryBlock,

#olxAboutCard,

#olxTermsSection,

#olxStatusCard,

#olxRightsCard,

.olx-pay-hero-card,

.olx-listing-head {

  scroll-margin-top: calc(var(--olx-header-h) + 12px);

}



/* Заголовок */

.olx-listing-head__title {

  margin: 0 0 10px;

  font-size: 27px;

  font-weight: 700;

  line-height: 1.25;

  letter-spacing: -0.02em;

  color: var(--olx-ink);

}

.olx-listing-head__loc {

  margin: 0 0 10px;

  font-size: 15px;

  line-height: 1.4;

  color: var(--olx-muted);

  font-weight: 500;

}

.olx-listing-head__rent {

  margin: 0 0 10px;

  font-size: 18px;

  font-weight: 700;

  color: var(--olx-ink);

}

.olx-listing-facts {

  margin: 0 0 12px;

  font-size: 14px;

  line-height: 1.4;

  color: var(--olx-muted);

  font-weight: 500;

}

.olx-listing-more {

  display: inline-block;

  margin: 0;

  font-size: 14px;

  font-weight: 500;

  color: #3a77ff;

  text-decoration: none;

  min-height: 44px;

  line-height: 44px;

}

.olx-listing-more:hover { text-decoration: underline; }



/* Галерея */

.olx-gallery-block {

  display: flex;

  flex-direction: column;

  gap: 8px;

  margin-bottom: 0;

  padding-bottom: 0;

}

.olx-gallery-block::after {

  content: "";

  display: block;

  height: calc(20px - 8px);

}

[data-testid="image-galery-container"] {

  background: #f2f4f5 !important;

  border: 1px solid var(--olx-line) !important;

  border-radius: var(--olx-radius) !important;

  overflow: hidden !important;

  margin: 0 !important;

  position: relative;

  height: 320px !important;

  box-shadow: var(--olx-shadow);

}

[data-testid="image-galery-container"] .swiper,

[data-testid="image-galery-container"] .swiper-wrapper,

[data-testid="image-galery-container"] .swiper-slide,

[data-testid="image-galery-container"] .swiper-zoom-container {

  height: 100% !important;

  background: #f2f4f5 !important;

  margin: 0 !important;

}

[data-testid="image-galery-container"] img[data-testid="swiper-image"],

[data-testid="image-galery-container"] img[data-testid="swiper-image-lazy"],

[data-testid="image-galery-container"] .css-1n977oc {

  width: 100% !important;

  height: 100% !important;

  max-height: none !important;

  object-fit: contain !important;

  object-position: center !important;

  display: block !important;

  margin: 0 auto !important;

  background: #f2f4f5 !important;

}

[data-testid="image-galery-container"] .swiper-button-prev,

[data-testid="image-galery-container"] .swiper-button-next {

  width: 44px !important;

  height: 44px !important;

  min-width: 44px !important;

  min-height: 44px !important;

  margin: 0 !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  border-radius: 10px !important;

  background: #fff !important;

  border: 1px solid var(--olx-line) !important;

  box-shadow: none !important;

  left: 8px !important;

}

[data-testid="image-galery-container"] .swiper-button-next {

  left: auto !important;

  right: 8px !important;

}

#gallery-open-button {

  right: 10px !important;

  bottom: 10px !important;

  width: 44px !important;

  height: 44px !important;

  background: #fff !important;

  border: 1px solid var(--olx-line) !important;

  box-shadow: none !important;

}

.olx-gallery-meta {

  position: absolute;

  left: 12px;

  bottom: 12px;

  z-index: 5;

  background: rgba(0, 47, 52, 0.78);

  color: #fff;

  font: 600 13px/1 var(--olx-font);

  padding: 6px 10px;

  border-radius: 6px;

}

.olx-thumbs {

  display: flex;

  gap: 8px;

  overflow-x: auto;

  margin: 0;

  padding: 0;

  -webkit-overflow-scrolling: touch;

}

.olx-thumbs button {

  flex: 0 0 72px;

  width: 72px;

  height: 56px;

  padding: 0;

  border: 2px solid transparent;

  border-radius: 8px;

  overflow: hidden;

  cursor: pointer;

  background: #ddd;

}

.olx-thumbs button.is-on { border-color: var(--olx-ink); }

.olx-thumbs button:focus-visible {

  outline: 3px solid var(--olx-accent);

  outline-offset: 2px;

}

.olx-thumbs img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.olx-photo-strip {

  display: none;

  gap: 8px;

  width: 100%;

}

.olx-photo-strip button {

  flex: 1 1 0;

  min-width: 0;

  height: 280px;

  padding: 0;

  border: 0;

  border-radius: var(--olx-radius);

  overflow: hidden;

  cursor: pointer;

  background: #e8eeef;

}

.olx-photo-strip img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



@media (min-width: 768px) {

  .olx-photo-strip { display: flex; }

  [data-testid="image-galery-container"],

  .olx-thumbs,

  .olx-gallery-meta { display: none !important; }

}

@media (max-width: 767px) {

  .olx-photo-strip { display: none !important; }

  [data-testid="image-galery-container"] {

    display: block !important;

    height: 260px !important;

  }

}



/* О квартире */

.olx-about-card h3,

.olx-terms-card__title,

.olx-status-card__title,

.olx-rights-head__title,

.olx-pay-section-title {

  margin: 0 0 16px !important;

  font-size: 21px !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0 !important;

  text-transform: none !important;

  color: var(--olx-ink) !important;

  background: none !important;

  padding: 0 !important;

  display: block !important;

}

.olx-pay-hero__badge { display: none !important; }

.olx-about-sub {

  margin: 16px 0 10px;

  font-size: 16px;

  font-weight: 700;

  color: var(--olx-ink);

}

.olx-about-text {

  margin: 0;

  font-size: 16px;

  line-height: 1.55;

  color: var(--olx-ink);

}

.olx-amenities {

  margin: 0;

  padding: 0;

  list-style: none;

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 8px 20px;

}

.olx-amenities li {

  padding: 0;

  font-size: 15px;

  line-height: 1.4;

  color: var(--olx-muted);

  font-weight: 500;

}

.olx-amenities li::before { content: none !important; display: none !important; }



.olx-more-params {

  margin-top: 16px;

  border-top: 1px solid #e8eeef;

  padding-top: 4px;

}

.olx-more-params summary {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  width: 100%;

  min-height: 48px;

  cursor: pointer;

  font-size: 15px;

  font-weight: 600;

  color: var(--olx-muted);

  list-style: none;

}

.olx-more-params summary::-webkit-details-marker { display: none; }

.olx-more-params summary::after {

  content: "";

  width: 10px;

  height: 10px;

  border-right: 2px solid var(--olx-muted);

  border-bottom: 2px solid var(--olx-muted);

  transform: rotate(45deg);

  transition: transform .15s;

  flex: 0 0 auto;

}

.olx-more-params[open] summary::after {

  transform: rotate(-135deg);

  margin-top: 6px;

}

.olx-more-params summary .olx-more-label {

  font: inherit;

  color: inherit;

}



.olx-specs-table,

.olx-status-rows,

.olx-terms-table {

  width: 100%;

  border-collapse: collapse;

  margin-top: 8px;

  table-layout: fixed;

}

.olx-specs-table th,

.olx-specs-table td,

.olx-status-rows th,

.olx-status-rows td,

.olx-terms-table th,

.olx-terms-table td {

  padding: 12px 12px 12px 0 !important;

  border-bottom: 1px solid #e8eeef;

  vertical-align: top;

  text-align: left !important;

  word-break: break-word;

  overflow-wrap: anywhere;

  height: auto !important;

  min-height: 44px;

}

.olx-specs-table th,

.olx-status-rows th,

.olx-terms-table th {

  width: 38%;

  color: var(--olx-muted);

  font-weight: 500;

  font-size: 14px !important;

}

.olx-specs-table td,

.olx-status-rows td,

.olx-terms-table td {

  font-weight: 600;

  font-size: 16px !important;

  color: var(--olx-ink);

}

.olx-terms-table tr[data-empty="1"] { display: none !important; }



.olx-rights-head {

  padding: 0 !important;

  margin: 0 !important;

  background: transparent !important;

  border: 0 !important;

}

.olx-rights-head__hint {

  display: block;

  margin: -8px 0 16px;

  font-size: 14px;

  font-weight: 500;

  color: var(--olx-muted);

  text-transform: none;

  letter-spacing: 0;

}

.olx-rights-body {

  padding: 0 !important;

  background: transparent !important;

  font-size: 15px !important;

  line-height: 1.5 !important;

  color: var(--olx-muted) !important;

}

.olx-status-pill {

  display: inline-block;

  padding: 4px 8px;

  border-radius: 6px;

  background: #f2f4f5;

  color: var(--olx-ink);

  font-size: 13px;

  font-weight: 600;

}



/* Выплата */

.olx-pay-hero__title {

  margin: 0 0 8px !important;

  font-size: 21px !important;

  font-weight: 700 !important;

  color: var(--olx-ink) !important;

  background: none !important;

  padding: 0 !important;

}

.olx-pay-hero__sum { font-size: 32px !important; font-weight: 700 !important; }

.olx-pay-hero__meta {

  font-size: 14px !important;

  color: var(--olx-muted) !important;

  margin-bottom: 12px !important;

}

.olx-pay-breakdown { margin: 0 0 16px; }

.olx-bd__row {

  display: flex;

  justify-content: space-between;

  gap: 12px;

  min-height: 40px;

  align-items: flex-start;

  border-bottom: 1px solid #e8eeef;

  font-size: 14px;

  color: var(--olx-ink);

  padding: 8px 0;

}

.olx-bd__row em { font-style: normal; color: var(--olx-soft); }

.olx-bd__row--total { border-bottom: 0; font-size: 16px; }

.olx-bd__note {

  margin: 8px 0 0;

  font-size: 14px;

  color: var(--olx-soft);

  line-height: 1.4;

}



.olx-aside-pay,

#olxMobilePayBtn {

  display: flex !important;

  width: 100%;

  min-height: 50px !important;

  height: 50px;

  align-items: center;

  justify-content: center;

  padding: 0 16px !important;

  border: 0 !important;

  border-radius: 8px !important;

  background: #23e5db !important;

  color: #002f34 !important;

  font: 700 16px/1.2 var(--olx-font) !important;

  cursor: pointer;

  box-shadow: none !important;

  animation: none !important;

  filter: none !important;

}

.olx-aside-pay:hover,

#olxMobilePayBtn:hover { background: #1ed4cb !important; }

.olx-aside-pay.is-disabled,

#olxMobilePayBtn.is-disabled {

  background: #d8e0e0 !important;

  color: #5a7376 !important;

  cursor: not-allowed !important;

}

.olx-pay-secure { color: var(--olx-muted) !important; font-size: 14px !important; }



/* ТП — кружок со знаком OLX O */

#supportFab.olx-support-fab,
.olx-support-fab {
  position: fixed !important;
  right: 16px !important;
  bottom: 20px !important;
  z-index: 2147482700 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: #23e5db !important;
  color: #002f34 !important;
  box-shadow: 0 0 0 2px #002f34, 0 8px 22px rgba(0, 47, 52, 0.28) !important;
  cursor: pointer;
  overflow: hidden;
}

.olx-support-fab > span:not(.olx-support-fab__mark) {
  display: none !important;
}

.olx-support-fab__mark {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible;
}

.olx-support-fab__mark img,
.olx-support-fab__mark svg {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain;
  display: block;
}

#olxBarSupport,
.olx-m-help {
  display: none !important;
}



#supportPanel.olx-tp-panel {
  position: fixed !important;
  z-index: 2147482800 !important;
  left: 12px !important;
  right: 12px !important;
  bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  max-width: 380px !important;
  height: min(520px, 72vh) !important;
  margin: 0 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid #d8e0e0 !important;
  box-shadow: 0 12px 40px rgba(0, 47, 52, 0.18) !important;
}
#supportPanel.olx-tp-panel.hidden {
  display: none !important;
}
@media (min-width: 640px) {
  #supportPanel.olx-tp-panel {
    left: auto !important;
    right: 20px !important;
    bottom: 20px !important;
    width: min(380px, calc(100vw - 24px)) !important;
  }
}

.olx-tp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  color: #fff;
  background: linear-gradient(90deg, #002f34, #0a5c62 55%, #23e5db);
  flex-shrink: 0;
}
.olx-tp-head__left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.olx-tp-head__title {
  font: 700 15px/1.25 Geomanist, Arial, sans-serif;
  color: #fff;
}
.olx-tp-head__sub {
  font: 500 11px/1.3 Arial, sans-serif;
  color: rgba(255, 255, 255, 0.82);
  margin-top: 2px;
}
.olx-tp-ava {
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #23e5db;
  display: grid;
  place-items: center;
  padding: 0;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px #fff, 0 2px 10px rgba(0, 0, 0, 0.2);
  border: 0;
}
.olx-tp-ava img,
.olx-tp-ava svg {
  width: 26px;
  height: 26px;
  max-height: 26px;
  object-fit: contain;
  display: block;
}
.olx-tp-ava__dot {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #22c55e;
  border: 2px solid #fff;
}
.olx-tp-close {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer;
  flex-shrink: 0;
}
.olx-tp-body,
.olx-tp-msgs {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px;
  background: #f2f4f5;
}
.olx-tp-hint {
  border: 1px solid #ffce8a;
  background: #fff4e6;
  color: #5c3d00;
  border-radius: 12px;
  padding: 12px;
  font: 500 13px/1.45 Arial, sans-serif;
}
.olx-tp-compose {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid #d8e0e0;
  background: #fff;
  flex-shrink: 0;
}
.olx-tp-attach,
.olx-tp-send {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid #d8e0e0;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 16px;
}
.olx-tp-send {
  background: #002f34;
  color: #fff;
  border-color: #002f34;
}
.olx-tp-input {
  flex: 1;
  height: 42px;
  border: 1px solid #d8e0e0;
  border-radius: 999px;
  padding: 0 14px;
  background: #f2f4f5;
  font: 500 13px/1 Arial, sans-serif;
  outline: none;
  color: #002f34;
}

.olx-support-fab__mark {
  background: #23e5db !important;
}



/* Mobile bar */

#olxMobilePayBar {

  display: none;

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  z-index: 2147482600;

  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));

  background: #fff;

  border-top: 1px solid var(--olx-line);

  box-shadow: 0 -1px 4px rgba(0, 47, 52, 0.06);

  box-sizing: border-box;

}

#olxMobilePayBar .olx-m-note { display: none; }

#olxMobilePayBtn {

  min-height: 50px !important;

  height: 50px !important;

}

.olx-m-help {

  display: flex;

  align-items: center;

  gap: 10px;

  width: 100%;

  margin-top: 10px;

  padding: 0;

  border: 0;

  background: transparent;

  text-align: left;

  cursor: pointer;

  font-family: var(--olx-font);

  color: var(--olx-ink);

  min-height: 40px;

}

.olx-m-help__ava {

  flex: 0 0 34px;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  background: #e8eeef;

  color: var(--olx-muted);

  display: grid;

  place-items: center;

  font-size: 11px;

  font-weight: 700;

  overflow: hidden;

}

.olx-m-help__ava img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.olx-m-help__txt {

  flex: 1 1 auto;

  font-size: 13px;

  color: var(--olx-muted);

  font-weight: 500;

}

.olx-m-help__txt strong {

  display: block;

  color: var(--olx-ink);

  font-weight: 600;

  font-size: 14px;

}

.olx-m-help__act {

  flex: 0 0 auto;

  font-size: 14px;

  font-weight: 600;

  color: #3a77ff;

  text-decoration: underline;

  text-underline-offset: 2px;

}

#olxPayFab { display: none !important; }



@keyframes olx-cta-pulse { from, to { box-shadow: none; } }



/* Lightbox */

.olx-lightbox {

  position: fixed;

  inset: 0;

  z-index: 2147483600;

  display: none;

  align-items: center;

  justify-content: center;

  background: rgba(0, 47, 52, 0.88);

  padding: 16px;

}

.olx-lightbox.is-open { display: flex; }

.olx-lightbox img {

  max-width: min(960px, 100%);

  max-height: 90vh;

  object-fit: contain;

  border-radius: 8px;

}

.olx-lightbox__close {

  position: absolute;

  top: 12px;

  right: 12px;

  min-width: 44px;

  min-height: 44px;

  border: 0;

  border-radius: 8px;

  background: #fff;

  color: var(--olx-ink);

  font: 700 18px/1 var(--olx-font);

  cursor: pointer;

}



/* Footer — как на OLX.bg */

#footerContent.olx-site-footer,
.olx-site-footer {
  display: block !important;
  margin-top: var(--olx-gap);
  padding: 0;
  background: #f2f4f5 !important;
  border-top: 1px solid #d8e0e0;
  color: #002f34;
  font-family: var(--olx-font);
}

.olx-footer-inner {
  max-width: 1238px;
  margin: 0 auto;
  padding: 56px var(--olx-side) 40px;
  box-sizing: border-box;
}

.olx-footer-cols {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 48px;
}

.olx-footer-acc {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 240px;
  flex: 0 1 260px;
}

.olx-footer-acc > summary {
  display: none;
  list-style: none;
}

.olx-footer-acc > summary::-webkit-details-marker { display: none; }

.olx-footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.88;
}

.olx-footer-list a,
.olx-footer-btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #02282c;
  font: 600 16px/1.88 var(--olx-font);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  text-align: left;
}

.olx-footer-list a:hover,
.olx-footer-btn:hover {
  background: #02282c;
  color: #fff;
}

.olx-footer-apps {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 220px;
}

.olx-footer-stores {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.olx-footer-stores img {
  display: block;
  height: 40px;
  width: auto;
}

.olx-footer-apps p {
  margin: 0;
  max-width: 220px;
  color: #406367;
  font: 400 14px/1.4 var(--olx-font);
}

.olx-footer-countries {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 36px;
  padding: 0;
}

.olx-footer-countries a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #002f34;
  font: 500 13px/1.2 var(--olx-font);
  text-decoration: none;
}

.olx-footer-countries a:hover { text-decoration: underline; }

.olx-flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  border-radius: 1px;
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.15);
  flex: 0 0 auto;
  background-size: cover;
}

.olx-flag--pl { background: linear-gradient(180deg, #fff 50%, #dc143c 50%); }
.olx-flag--ro { background: linear-gradient(90deg, #002b7f 33.3%, #fcd116 33.3% 66.6%, #ce1126 66.6%); }
.olx-flag--ua { background: linear-gradient(180deg, #0057b7 50%, #ffd700 50%); }
.olx-flag--pt { background: linear-gradient(90deg, #006600 40%, #ff0000 40%); }



@media (max-width: 767px) {

  :root {

    --olx-header-h: 56px;

    --olx-after-header: 4px;

    --olx-gap: 16px;

    --olx-pad: 20px;

    --olx-side: 16px;

    --olx-bar-h: 70px;

  }

  body { padding-bottom: var(--olx-bar-space) !important; }

  #hydrate-root {
    padding-top: calc(var(--olx-header-h) + var(--olx-after-header)) !important;
  }

  .olx-listing-head__title { font-size: 23px; }

  nav:has(> [data-testid="breadcrumbs"]),
  [data-testid="breadcrumbs"] { display: none !important; }

  .olx-back-link { display: inline-flex; margin-top: 0; }

  .olx-section-links {

    width: 100%;

    flex-wrap: nowrap;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }

  .olx-section-links a { white-space: nowrap; }



  .olx-amenities {

    grid-template-columns: 1fr 1fr;

  }



  #olxMobilePayBar { display: block !important; }

  .olx-pay-hero .olx-aside-pay,

  .olx-pay-hero .olx-pay-secure { display: none !important; }

  #supportFab.olx-support-fab,
  .olx-support-fab {
    display: inline-flex !important;
    right: 14px !important;
    bottom: calc(var(--olx-bar-space) + 12px) !important;
  }



  /* место под бар уже даёт body padding — футер без второго «хвоста» */
  #footerContent.olx-site-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .olx-footer-inner {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
  }

  .olx-footer-countries {
    margin-top: 16px !important;
  }

  #olxBarSupport,
  .olx-m-help {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .olx-footer-cols {
    flex-direction: column !important;
    gap: 0 !important;
  }

  .olx-footer-acc {
    min-width: 0;
    flex: 1 1 auto;
    width: 100%;
    border-top: 1px solid var(--olx-line);
  }

  .olx-footer-acc > summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 2px;
    font: 600 15px/1.3 var(--olx-font);
    color: var(--olx-ink);
    cursor: pointer;
  }

  .olx-footer-acc > summary::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--olx-muted);
    border-bottom: 2px solid var(--olx-muted);
    transform: rotate(45deg);
    transition: transform .15s;
  }

  .olx-footer-acc[open] > summary::after {
    transform: rotate(-135deg);
    margin-top: 4px;
  }

  .olx-footer-acc:not([open]) .olx-footer-list {
    display: none !important;
  }

  .olx-footer-list a,
  .olx-footer-btn {
    display: flex !important;
    width: 100%;
    min-height: 44px;
    align-items: center;
    white-space: normal;
    font-size: 14px !important;
  }

  .olx-footer-apps {
    margin: 16px 0 0 !important;
    width: 100%;
  }

  .olx-footer-apps p {
    text-align: left !important;
    font-size: 14px !important;
  }

  .olx-footer-countries {
    margin-top: 20px !important;
    gap: 8px 12px !important;
  }

  .olx-footer-countries a {
    font-size: 13px !important;
    white-space: nowrap;
  }

}



@media (max-width: 360px) {

  :root { --olx-pad: 16px; }

  .olx-amenities { grid-template-columns: 1fr; }

}



@media (max-width: 379px) {

  .olx-amenities { grid-template-columns: 1fr; }

}



@media (min-width: 768px) {

  #olxMobilePayBar { display: none !important; }

  .olx-footer-acc > summary { display: none !important; }

  .olx-footer-acc .olx-footer-list { display: flex !important; }

}



.olx-aside-pay,

#olxMobilePayBtn {

  height: auto !important;

  min-height: 50px !important;

}

/* Два профиля · хозяин + жилец */
.olx-parties {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: var(--olx-col);
  margin: 0 auto;
  box-sizing: border-box;
}

.olx-party-card {
  background: var(--olx-card);
  border: 1px solid var(--olx-line);
  border-radius: var(--olx-radius);
  box-shadow: var(--olx-shadow);
  padding: 16px 18px 18px;
}

.olx-party-role {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--olx-soft);
}

.olx-party-row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.olx-party-avatar {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}

.olx-party-avatar svg { display: block; }

.olx-party-meta { min-width: 0; }

.olx-party-name {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--olx-ink);
  line-height: 1.25;
}

.olx-party-since {
  margin: 4px 0 0;
  font-family: var(--olx-font);
  font-size: 14px;
  font-weight: 400;
  color: var(--olx-muted);
  line-height: 1.35;
}

/* Телефон на месте «Последно онлайн» / «Всички обяви» — шрифт OLX */
.olx-party-phone {
  margin: 6px 0 0;
  font-family: var(--olx-font);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--olx-ink);
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
}

[data-testid="lastSeenBox"],
[data-testid="lastSeenBox"] *,
a[name="user_ads"],
a[data-testid="user-profile-link"] p.css-3cz5o2 {
  display: none !important;
}

/* О домене / защита */
.olx-domain-card {
  background: var(--olx-card);
  border: 1px solid var(--olx-line);
  border-radius: var(--olx-radius);
  box-shadow: var(--olx-shadow);
  padding: 20px 22px 18px;
  width: 100%;
  max-width: var(--olx-col);
  margin: 0 auto;
  box-sizing: border-box;
}

.olx-domain-card__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--olx-ink);
}

.olx-domain-card__lead {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--olx-muted);
}

.olx-domain-card__list {
  margin: 0;
  padding: 0 0 0 18px;
  color: var(--olx-ink);
  font-size: 14px;
  line-height: 1.55;
}

.olx-domain-card__list li { margin: 0 0 8px; }

.olx-domain-card__foot {
  margin: 14px 0 0;
  font-size: 13px;
  color: var(--olx-muted);
}

.olx-domain-card__foot a {
  color: #3a77ff;
  text-decoration: none;
  font-weight: 600;
}

.olx-domain-card__foot a:hover { text-decoration: underline; }

.olx-listing-more,
.css-1nv0slz,
a[name="user_ads"],
a[data-testid="user-profile-link"] p.css-3cz5o2 {
  display: none !important;
}

@media (min-width: 720px) {
  .olx-parties {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}