/* === PDM V26.92.3.35 REAL GLOBAL UI 1.5X === */
/* final global layer: readable font + compact geometry everywhere */

:root {
  --pdm35-fs-base: 18px;
  --pdm35-fs-small: 15px;
  --pdm35-fs-label: 14px;
  --pdm35-fs-value: 18px;
  --pdm35-fs-title: 25px;
  --pdm35-fs-h1: 34px;
  --pdm35-gap: 6px;
  --pdm35-radius: 11px;
}

html,
body {
  font-size: var(--pdm35-fs-base) !important;
  line-height: 1.06 !important;
}

body,
main,
section,
article,
div,
p,
span,
b,
strong,
label,
input,
select,
textarea,
button,
a {
  line-height: 1.06 !important;
}

h1 {
  font-size: var(--pdm35-fs-h1) !important;
  line-height: .98 !important;
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  letter-spacing: -0.04em !important;
}

h2 {
  font-size: 29px !important;
  line-height: .98 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  letter-spacing: -0.035em !important;
}

h3,
.title,
.card-title,
.section-title,
.order-title h3,
.pdm-v92332-title h3,
.pdm-v92317-title {
  font-size: var(--pdm35-fs-title) !important;
  line-height: .98 !important;
  margin-top: 0 !important;
  margin-bottom: 3px !important;
  letter-spacing: -0.035em !important;
}

p,
.meta,
.muted,
.hint,
.help,
small,
.order-meta,
.admin-subtitle,
.card-kicker {
  font-size: var(--pdm35-fs-small) !important;
  line-height: 1.04 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.container,
.admin-content,
.panel,
.card,
.section-card,
.main-head,
.hero,
.detail-card,
.order-card,
.classified-detail-card,
.auth-panel,
.v26-dashboard,
.v26-dash-panel,
.v26-customer-section,
.v26-promo-form,
.quick-card,
.cart-item,
.checkout-form,
.pdm-v92317-row {
  padding: 7px 9px !important;
  border-radius: 13px !important;
  margin-bottom: 7px !important;
}

.grid,
.list,
.cards,
.orders-board,
.admin-list,
.cart-list,
.quick-actions,
.stats,
.kpi,
.customer-grid,
.form-grid,
.product-edit-grid,
.checkout-grid,
.v26-dashboard-grid,
.v26-promo-grid,
#classifieds-list,
#orders-list,
#products-list,
#cart-items {
  gap: var(--pdm35-gap) !important;
}

.btn,
button,
.admin-link,
.back,
.link-btn,
.status-btn,
.chip,
.quick-card,
.pill,
.tag,
.badge,
.status-badge {
  font-size: 16px !important;
  line-height: 1 !important;
  min-height: 34px !important;
  padding: 5px 9px !important;
  border-radius: var(--pdm35-radius) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
}

.btn.small,
button.small,
.small.btn,
.status-actions .btn,
.row-actions .btn,
.order-actions .btn,
.pdm-v92317-actions .btn,
.pdm-v92332-actions .btn {
  font-size: 15px !important;
  min-height: 31px !important;
  padding: 4px 7px !important;
}

input,
select,
.search,
.admin-input,
.stock-input {
  font-size: 16px !important;
  line-height: 1 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 5px 8px !important;
  border-radius: 9px !important;
}

textarea,
textarea.admin-input {
  font-size: 16px !important;
  line-height: 1.05 !important;
  min-height: 50px !important;
  padding: 6px 8px !important;
  border-radius: 9px !important;
}

label,
.admin-field,
.form-field,
.checkout-grid label,
.v26-promo-grid label {
  gap: 3px !important;
  margin: 3px 0 !important;
  font-size: var(--pdm35-fs-label) !important;
}

label > span,
.admin-field > span,
.form-field > span,
.customer-grid span,
.stat span,
.stats span,
.card-kv-grid span,
.pdm-v92332-field span {
  font-size: var(--pdm35-fs-label) !important;
  line-height: .98 !important;
  margin-bottom: 1px !important;
  font-weight: 900 !important;
}

.customer-grid b,
.stat b,
.stats b,
.card-kv-grid b,
.pdm-v92332-field b {
  font-size: var(--pdm35-fs-value) !important;
  line-height: 1 !important;
}

.customer-grid div,
.card-kv-grid > div,
.stat,
.stats div,
.pdm-v92332-field {
  padding: 5px 7px !important;
  border-radius: 9px !important;
}

.toolbar,
.admin-toolbar,
.admin-tools,
.filters,
.tabs,
.admin-tabs,
.subtabs,
.row-actions,
.order-actions,
.status-actions,
.btn-row,
.chips,
.card-pill-row,
.promo-actions,
.pdm-v92317-actions,
.pdm-v92332-actions {
  gap: var(--pdm35-gap) !important;
}

.order-card,
.classified-detail-card,
#classifieds-list .classified-detail-card,
#classifieds-list .order-card {
  grid-template-columns: minmax(0,1fr) 214px !important;
  gap: 7px !important;
}

.order-title,
.pdm-v92332-title {
  gap: 6px !important;
  margin: 0 !important;
}

.order-meta,
.pdm-v92332-meta {
  gap: 4px !important;
  margin: 4px 0 !important;
}

.order-meta span,
.pdm-v92332-meta span,
.card-pill,
.chip {
  font-size: 15px !important;
  padding: 3px 7px !important;
  line-height: 1 !important;
}

.thumb,
.ad-thumb {
  height: 170px !important;
  border-radius: 12px !important;
  margin-bottom: 7px !important;
}

.detail-img {
  max-height: 380px !important;
  border-radius: 14px !important;
}

.classified-photos,
.gallery-strip {
  gap: 4px !important;
  margin: 4px 0 !important;
}

.classified-photos img,
.gallery-strip img {
  max-height: 54px !important;
}

table {
  font-size: 16px !important;
  line-height: 1.04 !important;
}

th,
td {
  padding: 5px 7px !important;
  line-height: 1.04 !important;
}

.topbar {
  padding: 10px 14px !important;
}

.brand {
  gap: 9px !important;
}

.brand b {
  font-size: 21px !important;
  line-height: 1 !important;
}

.brand span {
  font-size: 14px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.logo {
  width: 46px !important;
  height: 46px !important;
  border-radius: 13px !important;
  font-size: 20px !important;
}

.logo.small {
  width: 40px !important;
  height: 40px !important;
  font-size: 17px !important;
}

.bottom-nav {
  height: 66px !important;
}

.bottom-nav a {
  font-size: 20px !important;
  gap: 2px !important;
}

.bottom-nav a span {
  font-size: 12px !important;
  line-height: 1 !important;
}

#pdm-v92317-subtabs {
  gap: 6px !important;
  margin: 6px 0 8px !important;
}

#pdm-v92317-subtabs button {
  height: 36px !important;
  min-height: 36px !important;
  font-size: 16px !important;
  padding: 0 8px !important;
}

#pdm-v92317-panel .pdm-v92317-toolbar {
  gap: 7px !important;
  margin-bottom: 6px !important;
}

#pdm-v92317-panel .pdm-v92317-toolbar > div:first-child > b {
  font-size: 27px !important;
  line-height: .98 !important;
}

#pdm-v92317-panel .pdm-v92317-row {
  padding: 6px 8px !important;
  min-height: 44px !important;
  gap: 7px !important;
}

#pdm-v92317-panel .pdm-v92317-meta {
  font-size: 14px !important;
  line-height: 1 !important;
}

#pdm-v92317-panel .pdm-v92317-row .pdm-v92317-actions button {
  height: 34px !important;
  min-height: 34px !important;
  font-size: 15px !important;
  padding: 0 7px !important;
  min-width: 86px !important;
}

@media (max-width: 900px) {
  html,
  body {
    font-size: 17px !important;
  }

  h1 { font-size: 29px !important; }
  h2 { font-size: 25px !important; }

  h3,
  .title,
  .card-title,
  .section-title,
  .order-title h3,
  .pdm-v92332-title h3,
  .pdm-v92317-title {
    font-size: 22px !important;
  }

  .container {
    padding: 8px !important;
  }

  .panel,
  .card,
  .section-card,
  .main-head,
  .hero,
  .detail-card,
  .order-card,
  .classified-detail-card,
  .quick-card {
    padding: 6px 7px !important;
    margin-bottom: 6px !important;
  }

  .btn,
  button,
  .admin-link,
  .back,
  .chip {
    font-size: 15px !important;
    min-height: 32px !important;
    padding: 4px 7px !important;
  }

  input,
  select,
  .search,
  .admin-input {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 15px !important;
  }

  textarea,
  textarea.admin-input {
    min-height: 46px !important;
    font-size: 15px !important;
  }

  .order-card,
  .classified-detail-card,
  #classifieds-list .classified-detail-card,
  #classifieds-list .order-card {
    grid-template-columns: 1fr !important;
  }

  .customer-grid,
  .form-grid,
  .checkout-grid,
  .product-edit-grid,
  .pdm-v92332-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 4px !important;
  }

  .order-actions,
  .status-actions,
  .pdm-v92332-actions,
  #pdm-v92317-panel .pdm-v92317-toolbar .pdm-v92317-actions,
  #pdm-v92317-panel .pdm-v92317-row .pdm-v92317-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 5px !important;
    margin-top: 5px !important;
  }

  #pdm-v92317-subtabs {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  #pdm-v92317-panel .pdm-v92317-row,
  #pdm-v92317-panel .pdm-v92317-toolbar {
    display: block !important;
  }
}

@media (max-width: 420px) {
  html,
  body {
    font-size: 16px !important;
  }

  h1 { font-size: 25px !important; }
  h2 { font-size: 23px !important; }

  h3,
  .title,
  .card-title,
  .section-title,
  .order-title h3,
  .pdm-v92332-title h3,
  .pdm-v92317-title {
    font-size: 21px !important;
  }

  .btn,
  button,
  .admin-link,
  .back,
  .chip {
    min-height: 30px !important;
    padding: 4px 6px !important;
    font-size: 14px !important;
    border-radius: 9px !important;
  }

  input,
  select,
  .search,
  .admin-input {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 14px !important;
    padding: 4px 6px !important;
  }

  textarea,
  textarea.admin-input {
    min-height: 42px !important;
    font-size: 14px !important;
    padding: 4px 6px !important;
  }

  label > span,
  .admin-field > span,
  .form-field > span,
  .customer-grid span,
  .stat span,
  .stats span,
  .pdm-v92332-field span {
    font-size: 13px !important;
  }

  .badge,
  .status-badge,
  .pill,
  .tag {
    font-size: 13px !important;
    padding: 3px 6px !important;
  }

  .panel,
  .card,
  .section-card,
  .main-head,
  .hero,
  .detail-card,
  .order-card,
  .classified-detail-card,
  .quick-card {
    padding: 5px 6px !important;
    margin-bottom: 5px !important;
  }

  .orders-board,
  .cards,
  .list,
  .admin-list,
  #orders-list,
  #classifieds-list,
  .grid {
    gap: 5px !important;
  }

  .thumb,
  .ad-thumb {
    height: 145px !important;
  }

  #pdm-v92317-subtabs button {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 14px !important;
  }

  #pdm-v92317-panel .pdm-v92317-toolbar > div:first-child > b {
    font-size: 23px !important;
  }

  #pdm-v92317-panel .pdm-v92317-meta {
    font-size: 13px !important;
  }
}
/* === /PDM V26.92.3.35 REAL GLOBAL UI 1.5X === */



/* V26.92.3.47: сайт + Mini App, пошук і сортування в одній строкі */
#view-ads .toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 145px !important;
  gap: 8px !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
}
#view-ads .toolbar #ad-search,
#view-ads .toolbar #ad-sort {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}
#view-ads .toolbar #ad-sort {
  padding-left: 8px !important;
  padding-right: 8px !important;
}


  .pdm-brand-home {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .pdm-brand-home:active {
    opacity: 0.88;
  }

  .top-nav [data-nav="favorites"] {
    white-space: nowrap;
  }

  .top-nav [data-nav="favorites"] > span {
    white-space: nowrap;
  }

  /*
   * САЙТ:
   * обычная горизонтальная навигация.
   * Обране находится между Кошик и Оголошення.
   */
  @media (min-width: 701px) {
    .top-nav [data-nav="home"]       { order: 1; }
    .top-nav [data-nav="shop"]       { order: 2; }
    .top-nav [data-nav="cart"]       { order: 3; }
    .top-nav [data-nav="favorites"]  { order: 4; }
    .top-nav [data-nav="ads"]        { order: 5; }
    .top-nav [data-nav="profile"]    { order: 6; }
    .top-nav [data-nav="about"]      { order: 7; }
  }

  /*
   * MINI APP:
   *
   * Верхний ряд:
   * Кабінет | Про нас | Обране
   *
   * Нижний ряд:
   * Магазин | Оголошення | Кошик
   *
   * Кнопка Головна скрыта.
   * PDM + название выполняют функцию Главной.
   */
  @media (max-width: 700px) {
    .topbar {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 8px !important;
      padding-bottom: 9px !important;
    }

    .pdm-brand-home {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      min-width: 0 !important;
      padding: 0 4px !important;
    }

    .pdm-brand-home > div:last-child {
      min-width: 0 !important;
    }

    .pdm-brand-home b {
      display: block !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    .top-nav {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 7px !important;
      width: 100% !important;
      overflow: visible !important;
      padding: 0 !important;
    }

    .top-nav > a {
      width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      box-sizing: border-box !important;
      justify-content: center !important;
      overflow: hidden !important;
    }

    .top-nav > a > span {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    /* Головна теперь логотип и название */
    .top-nav [data-nav="home"] {
      display: none !important;
    }

    /* Верхний ряд */
    .top-nav [data-nav="profile"] {
      order: 1 !important;
      grid-column: 1 !important;
      grid-row: 1 !important;
    }

    .top-nav [data-nav="about"] {
      order: 2 !important;
      grid-column: 2 !important;
      grid-row: 1 !important;
    }

    .top-nav [data-nav="favorites"] {
      order: 3 !important;
      grid-column: 3 !important;
      grid-row: 1 !important;
    }

    /* Нижний ряд */
    .top-nav [data-nav="shop"] {
      order: 4 !important;
      grid-column: 1 !important;
      grid-row: 2 !important;
    }

    .top-nav [data-nav="ads"] {
      order: 5 !important;
      grid-column: 2 !important;
      grid-row: 2 !important;
    }

    .top-nav [data-nav="cart"] {
      order: 6 !important;
      grid-column: 3 !important;
      grid-row: 2 !important;
    }
  }

  @media (max-width: 390px) {
    .top-nav {
      gap: 5px !important;
    }

    .top-nav > a {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }

    .top-nav > a > span {
      font-size: 12px !important;
    }
  }


  .top-nav [data-nav="favorites"] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .pdm-nav-favorites-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 18px;
    color: currentColor;
    min-width: 18px;
  }

  .top-nav [data-nav="favorites"].pdm-nav-favorites-active
  .pdm-nav-favorites-icon {
    color: #e1262f;
    font-size: 21px;
    font-weight: 900;
  }

  @media (max-width: 700px) {
    .pdm-nav-favorites-icon {
      font-size: 17px;
      min-width: 17px;
    }

    .top-nav [data-nav="favorites"].pdm-nav-favorites-active
    .pdm-nav-favorites-icon {
      font-size: 20px;
    }
  }


#pdm-v134c-actions-panel {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 12px;
}

#pdm-v134c-actions-panel .pdm-v134c-row {
  display: grid;
  gap: 10px;
  width: 100%;
}

#pdm-v134c-actions-panel .pdm-v134c-two {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

#pdm-v134c-actions-panel .pdm-v134c-one {
  grid-template-columns: minmax(0, 1fr);
}

#pdm-v134c-actions-panel a,
#pdm-v134c-actions-panel button {
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
}

#pdm-v134c-actions-panel .pdm-v134c-main > * {
  width: 100%;
  min-width: 0;
}

#pdm-v134c-actions-panel .pdm-v134c-soft {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 42px;
  padding: 10px 14px !important;
  border: 1px solid #c5d7ff !important;
  border-radius: 12px !important;
  background: #e7f0ff !important;
  color: #2052d6 !important;
  font-weight: 700 !important;
  line-height: 1.15;
  text-decoration: none !important;
}

#pdm-v134c-actions-panel .pdm-v134c-back {
  justify-items: start;
}

#pdm-v134c-actions-panel .pdm-v134c-back > * {
  width: auto !important;
}

@media (max-width: 370px) {
  #pdm-v134c-actions-panel {
    gap: 8px;
  }

  #pdm-v134c-actions-panel .pdm-v134c-row {
    gap: 8px;
  }

  #pdm-v134c-actions-panel .pdm-v134c-soft {
    padding: 9px 7px !important;
    font-size: 14px;
  }
}


/* Сердечко объявления — как в карточке товара */
#adFavBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
}

#adFavBtn .pdm-fav-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  font-size: 28px !important;
  font-weight: 900;
  line-height: 1 !important;
  color: #2052d6 !important;
  transition:
    color 0.15s ease,
    transform 0.15s ease;
}

#adFavBtn[aria-pressed="true"] .pdm-fav-icon,
#adFavBtn.active .pdm-fav-icon,
#adFavBtn.pdm-fav-btn-active .pdm-fav-icon,
#adFavBtn .pdm-fav-icon-active {
  color: #e1262f !important;
  font-size: 30px !important;
  transform: scale(1.03);
}

#adFavBtn[aria-pressed="true"] .pdm-fav-text,
#adFavBtn.active .pdm-fav-text,
#adFavBtn.pdm-fav-btn-active .pdm-fav-text {
  color: #2052d6 !important;
}

@media (max-width: 700px) {
  #adFavBtn {
    gap: 7px !important;
  }

  #adFavBtn .pdm-fav-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 27px !important;
  }

  #adFavBtn[aria-pressed="true"] .pdm-fav-icon,
  #adFavBtn.active .pdm-fav-icon,
  #adFavBtn.pdm-fav-btn-active .pdm-fav-icon,
  #adFavBtn .pdm-fav-icon-active {
    font-size: 29px !important;
  }
}