/* Згенеровано css_bundle_v1 20261020_1144. Порядок блоків = порядок у шаблоні. */

/* ===== (без data-ui) (було: index_live.ex, рядок 178) ===== */
#main-content input[type="text"], #main-content input[type="number"], #main-content select {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#main-content input[type="text"]:focus, #main-content input[type="number"]:focus, #main-content select:focus {
  outline: none;
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}

/* ===== (без data-ui) (було: index_live.ex, рядок 200) ===== */
/* ── Банер «Безпечна угода» (головна), v3 ip-grid ── */
#main-content .info-banner-wrap .info-panel {
  width: 100%; max-width: 760px; padding: 20px 22px; border-radius: 16px;
  background: var(--color-card-bg); border: 1px solid rgba(124,58,237,0.22);
  box-shadow: 0 6px 24px rgba(51,20,94,0.08);
}
#main-content .info-panel-title { font-size: 24px; line-height: 1.25; margin: 0 0 8px; }
#main-content .info-panel-body { font-size: 15px; line-height: 1.5; }
#main-content .info-panel-body a { color: #7c3aed; }
.ip-lead { margin: 0 0 12px; font-size: 16px; opacity: 0.9; }
.ip-h { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #7c3aed; margin: 0 0 10px; }
.ip-steps { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ip-steps li { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 12px; background: rgba(124,58,237,0.07); font-size: 14px; line-height: 1.45; }
.ip-num { width: 28px; height: 28px; border-radius: 50%; background: #7c3aed; color: #fff; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ip-steps strong { display: block; font-size: 15px; margin-bottom: 2px; }
.ip-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 12px; }
.ip-note { margin: 0; padding-left: 12px; border-left: 3px solid #7c3aed; font-size: 14px; line-height: 1.45; }
.ip-note strong { display: block; font-size: 15px; }
.ip-fine { margin: 0; padding-top: 10px; border-top: 1px solid var(--color-border); font-size: 12px; line-height: 1.5; color: var(--color-text-muted); }
.ip-fine a { font-weight: 600; }
/* ≥1280 px: сітка — ліворуч заголовок/пошук/фільтри, праворуч банер.
   Банер займає місце в потоці, тож ніколи не наїжджає на картки. */
@media (min-width: 1280px) {
  #main-content { display: grid; grid-template-columns: 624px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 32px; }
  #main-content > * { grid-column: 1 / -1; }
  #main-content > h1:first-of-type { grid-column: 1; grid-row: 1; margin-top: 0; }
  #main-content > form:first-of-type { grid-column: 1; grid-row: 2; }
  #main-content > .listings-filter-row { grid-column: 1; grid-row: 3; align-self: start; }
  #main-content > .info-banner-wrap { grid-column: 2; grid-row: 1 / span 3; position: static; display: flex; justify-content: flex-end; align-self: start; margin-bottom: 32px; }
  #main-content .info-banner-wrap .info-panel { max-width: 900px; }
}
/* Планшети й вузькі ноутбуки: банер над заголовком на всю ширину */
@media (min-width: 768px) and (max-width: 1279px) {
  #main-content .info-banner-wrap { position: static; display: flex; margin-bottom: 24px; }
  #main-content .info-banner-wrap .info-panel { max-width: none; }
}
/* Телефон: компактно, кроки один під одним */
@media (max-width: 767px) {
  #main-content .info-banner-wrap { display: flex; margin-bottom: 16px; }
  #main-content .info-banner-wrap .info-panel { padding: 16px; }
  #main-content .info-panel-title { font-size: 20px; }
  .ip-lead { font-size: 15px; margin-bottom: 12px; }
  .ip-steps, .ip-notes { grid-template-columns: 1fr; gap: 8px; }
  .ip-steps li { flex-direction: row; align-items: flex-start; gap: 12px; padding: 10px 12px; }
}

/* ===== ip-toggle (було: index_live.ex, рядок 247) ===== */
          .ip-toggle, .ip-slogan { display: none; }
          @media all {
            .ip-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border: 1px solid rgba(124,58,237,0.35); border-radius: 12px; background: var(--color-card-bg); color: #7c3aed; font-weight: 700; font-size: 15px; line-height: 1.3; cursor: pointer; font-family: inherit; text-align: left; }
            .ip-chev { transition: transform 0.15s ease; }
            #ip-panel.ip-open .ip-chev { transform: rotate(180deg); }
.ip-slogan { display: block; margin: 0 0 10px; font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--color-text); }
html:not([data-theme="dark"]) .ip-slogan { color: #33145e; }
            #main-content .info-banner-wrap { display: flex !important; position: static !important; margin-bottom: 16px !important; }
            #main-content .info-banner-wrap #ip-panel { max-width: none !important; padding: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; }
            #ip-panel .info-panel-title, #ip-panel .ip-h { display: none !important; }
            #ip-panel:not(.ip-open) .info-panel-body > :not(style) { display: none !important; }
            #ip-panel.ip-open .info-panel-body { margin-top: 10px; padding: 14px; border-radius: 12px; background: var(--color-card-bg); border: 1px solid rgba(124,58,237,0.22); }
          }

/* ===== (без data-ui) (було: index_live.ex, рядок 309) ===== */
.info-panel {
  background: var(--color-card-bg);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 16px 20px;
  box-sizing: border-box;
}
.info-panel-title {
  font-weight: 700;
  font-size: 28px;
  color: var(--color-text);
  margin-bottom: 16px;
}
.info-panel-body {
  font-size: 18px;
  line-height: 1.9;
  color: var(--color-text);
}
.info-panel-title,
.info-panel-body {
  text-align: left;
}
.info-panel-body a {
  color: var(--color-link);
  font-weight: 600;
  text-decoration: none;
}
.info-panel-body a:hover {
  text-decoration: underline;
}
html:not([data-theme="dark"]) .info-panel-title,
html:not([data-theme="dark"]) .info-panel-body {
  color: #33145e;
}
html:not([data-theme="dark"]) .info-panel {
  background: var(--color-bg);
  border-color: var(--color-bg);
}
.info-banner-wrap {
  display: none;
}
@media (min-width: 768px) {
  .listings-filter-row {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 32px;
  }
  .listings-filter-col {
    flex: 0 0 320px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .listings-filter-col form {
    margin-bottom: 0 !important;
  }
  .info-banner-wrap {
    display: flex;
    position: absolute;
    top: 0;
    left: 632px;
    right: 0;
    justify-content: center;
  }
  .info-banner-wrap .info-panel {
    width: fit-content;
    max-width: 780px;
  }
  .filter-banner-card {
    flex: 0 1 280px;
    max-width: 280px;
    box-sizing: border-box;
  }
}

/* ===== flt-toggle (було: index_live.ex, рядок 387) ===== */
.flt-toggle { display: none; }
@media all {
  body:has(#ip-panel) .site-back-bar { display: none !important; }
  .flt-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; margin: 0 0 12px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-card-bg); color: var(--color-text); font-weight: 700; font-size: 15px; line-height: 1.3; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; }
  .flt-dot { color: #7c3aed; font-size: 11px; margin-left: 6px; }
  .flt-chev { transition: transform 0.15s ease; }
  #main-content.flt-open .flt-chev { transform: rotate(180deg); }
  #main-content:not(.flt-open) .listings-filter-col, #main-content:not(.flt-open) .flt-facets { display: none !important; }
  #main-content .listings-filter-col { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
  #main-content .listings-filter-col form { gap: 8px !important; }
  #main-content .listings-filter-col input[type=number] { width: 0 !important; flex: 1 1 0; min-width: 0; }
  #main-content .listings-filter-col select[name=region], #main-content .listings-filter-col select[name=city] { flex: 1 1 140px; min-width: 0; }
  #main-content .flt-facets { margin-bottom: 16px !important; }
}

/* ===== home-mobile-v8 (було: index_live.ex, рядок 403) ===== */
    @media all {
      #main-content > h1:first-of-type { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; }
      html #main-content .info-banner-wrap { display: block !important; margin: -48px 0 0 !important; }
html:has(#ip-panel), body:has(#ip-panel) { overflow-x: clip; }
      html #main-content .info-banner-wrap #ip-panel { position: relative; overflow: visible !important; clip-path: inset(0 -100vmax); width: 100% !important; max-width: none !important; box-sizing: border-box; padding: 46px 0 52px !important; border: none !important; border-radius: 0 !important; background: radial-gradient(circle 3.2px at 14% 30%, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.26) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.4px at 46% 16%, rgba(255,255,255,0.6) 0, rgba(255,255,255,0.21) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.6px at 62% 82%, rgba(255,255,255,0.55) 0, rgba(255,255,255,0.19) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2px at 30% 74%, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.8px at 88% 12%, rgba(255,255,255,0.65) 0, rgba(255,255,255,0.23) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2px at 76% 92%, rgba(255,255,255,0.45) 0, rgba(255,255,255,0.16) 40%, rgba(255,255,255,0) 100%), radial-gradient(26% 55% at 72% 55%, rgba(109,40,217,0.42) 0%, rgba(109,40,217,0) 100%), #33145e !important; box-shadow: 0 0 0 100vmax #33145e !important; }
      html #main-content #ip-panel::before { content: ""; position: absolute; z-index: 1; width: 96px; height: 96px; right: -54px; top: 30px; border-radius: 50%; background: radial-gradient(circle at 30% 26%, rgba(255,255,255,0.45) 0, rgba(255,255,255,0) 20%), radial-gradient(circle at 36% 32%, #60a5fa 0%, #2563eb 34%, #1e40af 60%, #172554 86%, #0b1437 100%); box-shadow: 0 0 0 2px rgba(147,197,253,0.25), 0 0 30px 6px rgba(96,165,250,0.40), inset -16px -18px 28px rgba(5,10,40,0.78); pointer-events: none; }
      html #main-content #ip-panel::after { content: ""; position: absolute; z-index: 0; width: 176px; height: 46px; right: -94px; top: 56px; border-radius: 50%; border: 1.5px dotted rgba(199, 210, 254, 0.45); transform: rotate(-16deg); pointer-events: none; }
      html #main-content #ip-panel > * { position: relative; z-index: 2; }
      html #main-content #ip-panel .ip-slogan { color: #ffffff !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.18 !important; letter-spacing: -0.012em; margin: 0 0 18px !important; max-width: calc(100% - 50px); text-shadow: 0 2px 12px rgba(20, 6, 40, 0.5); }
      html #main-content #ip-panel .ip-toggle { display: inline-flex !important; width: auto !important; gap: 8px !important; padding: 7px 14px 7px 12px !important; border: none !important; border-radius: 999px !important; background: rgba(237,233,254,0.96) !important; color: #33145e !important; font-size: 13.5px !important; font-weight: 700 !important; box-shadow: 0 4px 14px rgba(15, 5, 35, 0.25); }
      html #main-content #ip-panel .ip-chev { font-size: 10px; color: #7c3aed; }
      html #main-content #ip-panel.ip-open .info-panel-body { margin-top: 16px !important; padding: 16px !important; border: none !important; border-radius: 16px !important; background: var(--color-card-bg) !important; color: var(--color-text) !important; }
      #main-content form:has(input[name=q]) { position: relative; z-index: 2; margin: -26px 0 6px !important; }
      #main-content input[name=q] { height: 52px; max-width: none !important; padding-left: 46px !important; border-radius: 16px !important; border: none !important; box-shadow: 0 8px 24px rgba(51, 20, 94, 0.18), 0 1px 2px rgba(51, 20, 94, 0.08); background-color: var(--color-card-bg) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.3' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: 16px center !important; }
      html:not([data-theme="dark"]) #main-content input[name=q] { background-color: #ffffff !important; }
      #main-content input[name=q]::placeholder { color: #8a84a3; }
      html .flt-toggle { height: 44px; padding: 0 4px !important; margin: 0 0 14px !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--color-text) !important; font-weight: 600 !important; font-size: 15px !important; }
      html:not([data-theme="dark"]) .flt-toggle { color: #33145e !important; }
      .flt-left { display: inline-flex; align-items: center; gap: 10px; }
      .flt-ico { color: #7c3aed; flex-shrink: 0; }
      .flt-chev { font-size: 11px; color: #7c3aed; }
    }
    @media (pointer: coarse) and (orientation: landscape) and (max-height: 500px) {
      html #main-content .info-banner-wrap #ip-panel { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 38px 0 40px !important; border-radius: 0 !important; }
      html #main-content #ip-panel .ip-slogan { margin: 0 !important; font-size: 22px !important; max-width: none; }
      html #main-content #ip-panel .info-panel-body { flex-basis: 100%; }
      html #main-content #ip-panel:not(.ip-open) .info-panel-body { display: none !important; }
      html #main-content #ip-panel::before { width: 86px; height: 86px; right: 8px; top: 28px; }
      html #main-content #ip-panel::after { width: 190px; height: 48px; right: -42px; top: 48px; }
      html #main-content #ip-panel .ip-slogan { max-width: calc(100% - 150px) !important; }
    }

/* ===== home-desktop-v2 (було: index_live.ex, рядок 436) ===== */
@media (min-width: 768px) and (min-height: 501px) {
  #main-content { display: block !important; }
  html #main-content .info-banner-wrap #ip-panel { padding: 34px 0 58px !important; text-align: center; background: radial-gradient(circle 3.2px at 14% 30%, rgba(255,255,255,0.75) 0, rgba(255,255,255,0.26) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.4px at 46% 16%, rgba(255,255,255,0.6) 0, rgba(255,255,255,0.21) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.6px at 62% 82%, rgba(255,255,255,0.55) 0, rgba(255,255,255,0.19) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2px at 30% 74%, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.8px at 88% 12%, rgba(255,255,255,0.65) 0, rgba(255,255,255,0.23) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2px at 76% 92%, rgba(255,255,255,0.45) 0, rgba(255,255,255,0.16) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 2.2px at 8% 70%, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.17) 40%, rgba(255,255,255,0) 100%), radial-gradient(circle 1.8px at 54% 40%, rgba(255,255,255,0.45) 0, rgba(255,255,255,0.16) 40%, rgba(255,255,255,0) 100%), radial-gradient(22% 42% at 80% 52%, rgba(109,40,217,0.45) 0%, rgba(109,40,217,0) 100%), radial-gradient(20% 40% at 18% 60%, rgba(124,58,237,0.22) 0%, rgba(124,58,237,0) 100%), #33145e !important; }
  html #main-content #ip-panel .ip-slogan { font-size: clamp(30px, 3vw, 44px) !important; line-height: 1.12 !important; letter-spacing: -0.015em; max-width: 22em !important; margin: 0 auto 14px !important; text-wrap: balance; }
  html #main-content #ip-panel .ip-toggle { font-size: 15px !important; padding: 9px 18px 9px 15px !important; }
  html #main-content #ip-panel::before { width: clamp(96px, 9vw, 150px); height: clamp(96px, 9vw, 150px); right: 7%; top: 30px; }
  html #main-content #ip-panel::after { width: clamp(190px, 18vw, 300px); height: clamp(50px, 4.7vw, 78px); right: calc(7% - clamp(47px, 4.5vw, 75px)); top: calc(30px + clamp(23px, 2.15vw, 36px)); }
  html #main-content #ip-panel.ip-open .info-panel-body { max-width: 860px; margin: 22px auto 0 !important; text-align: left; }
  #main-content form:has(input[name=q]) { max-width: 720px; margin: -40px auto 0 !important; }
  #main-content input[name=q] { height: 62px; font-size: 17px !important; border-radius: 18px !important; padding-left: 56px !important; background-position: 21px center !important; }
  html .flt-toggle { max-width: 720px; height: 40px !important; margin: 4px auto 0 !important; justify-content: center !important; gap: 10px !important; }
  #main-content:not(.flt-open) .listings-filter-row { margin-bottom: 12px !important; }
  #main-content.flt-open .listings-filter-row { justify-content: center; }
  .listings-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 20px !important; }
  .lc-title { font-size: 16px !important; }
  .lc-price { font-size: 19px !important; }
  .lc-fav { width: 38px; height: 38px; }
}
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 501px) {
  html #main-content #ip-panel::before { width: 88px; height: 88px; right: -34px; top: 22px; }
  html #main-content #ip-panel::after { width: 180px; height: 46px; right: -80px; top: 44px; }
  html #main-content #ip-panel .ip-slogan { font-size: 30px !important; max-width: 15em !important; }
}

/* ===== home-desktop-v3 (було: index_live.ex, рядок 461) ===== */
html .flt-toggle.flt-hero { display: none !important; }
@media (min-width: 1280px) and (min-height: 501px) {
  html #main-content .info-banner-wrap #ip-panel { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 18px; padding: 30px 0 62px !important; }
  html #main-content #ip-panel .ip-slogan { order: 2; margin: 0 !important; max-width: none !important; white-space: nowrap; font-size: clamp(24px, 1.95vw, 36px) !important; line-height: 1.1 !important; }
  html #main-content #ip-panel .ip-toggle { order: 3; flex-shrink: 0; }
  html #main-content #ip-panel .flt-toggle.flt-hero { order: 1; display: inline-flex !important; flex-shrink: 0; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; gap: 8px !important; padding: 8px 16px 8px 13px !important; border: 1px solid rgba(255,255,255,0.35) !important; border-radius: 999px !important; background: rgba(255,255,255,0.08) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: none !important; }
  html #main-content #ip-panel .flt-hero .flt-ico { color: #c4b5fd; }
  html #main-content #ip-panel .flt-hero .flt-chev { color: #ddd6fe; width: auto; height: auto; background: none; margin-left: 2px; }
  html #main-content #ip-panel .info-panel-body { order: 4; flex-basis: 100%; }
  html .flt-toggle:not(.flt-hero) { display: none !important; }
  #main-content form:has(input[name=q]) { margin-top: -38px !important; margin-bottom: 22px !important; }
  html #main-content #ip-panel::before { width: 78px; height: 78px; right: -34px; top: 26px; }
  html #main-content #ip-panel::after { width: 170px; height: 44px; right: -80px; top: 43px; }
}
@media (min-width: 1280px) and (max-width: 1599px) and (min-height: 501px) {
  html #main-content #ip-panel::before, html #main-content #ip-panel::after { display: none; }
}

/* ===== home-desktop-v4 (було: index_live.ex, рядок 480) ===== */
@media (min-width: 1280px) and (min-height: 501px) {
  html #main-content #ip-panel .flt-toggle.flt-hero, html #main-content #ip-panel .ip-toggle { height: 42px !important; padding: 0 18px 0 15px !important; gap: 9px !important; border: 1px solid rgba(221,214,254,0.32) !important; border-radius: 999px !important; background: rgba(255,255,255,0.09) !important; color: #ffffff !important; font-size: 14.5px !important; font-weight: 600 !important; letter-spacing: 0.01em; box-shadow: inset 0 1px 0 rgba(255,255,255,0.10) !important; transition: background 0.15s ease, border-color 0.15s ease; }
  html #main-content #ip-panel .flt-toggle.flt-hero:hover, html #main-content #ip-panel .ip-toggle:hover { background: rgba(255,255,255,0.16) !important; border-color: rgba(221,214,254,0.55) !important; }
  html #main-content #ip-panel .flt-hero .flt-ico { color: #c4b5fd !important; }
  html #main-content #ip-panel .flt-hero .flt-chev, html #main-content #ip-panel .ip-chev { color: #c4b5fd !important; font-size: 10px !important; opacity: 1 !important; }
  html #main-content .info-banner-wrap #ip-panel { gap: 14px 26px !important; }
}
@media (min-width: 1600px) and (min-height: 501px) {
  html #main-content #ip-panel::before { width: 76px !important; height: 76px !important; right: 56px !important; top: 34px !important; }
  html #main-content #ip-panel::after { width: 164px !important; height: 42px !important; right: 12px !important; top: 51px !important; }
}

/* ===== home-type-v1 (було: index_live.ex, рядок 493) ===== */
    @media (min-width: 1280px) and (min-height: 501px) {
      html #main-content .info-banner-wrap #ip-panel { padding: 26px 0 64px !important; gap: 14px clamp(28px, calc(8.5vw - 80px), 80px) !important; } /* home-type-v3 */
/* home-type-v2 */ html #main-content #ip-panel .flt-toggle.flt-hero, html #main-content #ip-panel .ip-toggle { position: relative; top: 10px; }
      html #main-content #ip-panel .ip-slogan { font-size: clamp(26px, 1.75vw, 31px) !important; font-weight: 700 !important; letter-spacing: -0.005em !important; line-height: 1.15 !important; }
      html #main-content #ip-panel .flt-toggle.flt-hero, html #main-content #ip-panel .ip-toggle { height: 40px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.01em !important; }
      #main-content input[name=q] { font-size: 16px !important; }
    }

/* ===== home-soft-v1 (було: index_live.ex, рядок 502) ===== */
html #main-content #ip-panel .ip-slogan { color: #ece7fa !important; text-shadow: none !important; }
html #main-content #ip-panel .flt-toggle.flt-hero, html #main-content #ip-panel .ip-toggle { color: #e4def6 !important; }
html:not([data-theme="dark"]) #main-content input[name=q] { background-color: #f3f0fa !important; color: #2e1a52 !important; box-shadow: 0 6px 18px rgba(51, 20, 94, 0.13), 0 1px 2px rgba(51, 20, 94, 0.06) !important; }
html:not([data-theme="dark"]) #main-content input[name=q]:focus { background-color: #f7f5fc !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.18), 0 6px 18px rgba(51, 20, 94, 0.13) !important; }
#main-content input[name=q]::placeholder { color: #8f88a8 !important; }

/* ===== home-search-in-v1 (було: index_live.ex, рядок 509) ===== */
@media (min-width: 768px) and (min-height: 501px) {
  html #main-content .info-banner-wrap #ip-panel { padding-bottom: 106px !important; }
  #main-content form:has(input[name=q]) { margin-top: -84px !important; margin-bottom: 26px !important; }
  html:not([data-theme="dark"]) #main-content input[name=q] { box-shadow: 0 8px 24px rgba(15, 5, 35, 0.28), 0 1px 2px rgba(15, 5, 35, 0.12) !important; }
}

/* ===== home-sym-v1 (було: index_live.ex, рядок 516) ===== */
@media (min-width: 1280px) and (min-height: 501px) {
  html #main-content .info-banner-wrap #ip-panel { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: clamp(28px, 3.4vw, 64px) !important; row-gap: 0 !important; }
  html #main-content #ip-panel .flt-toggle.flt-hero { grid-column: 1; grid-row: 1; justify-self: end; }
  html #main-content #ip-panel .ip-slogan { grid-column: 2; grid-row: 1; text-align: center; }
  html #main-content #ip-panel .ip-toggle { grid-column: 3; grid-row: 1; justify-self: start; }
  html #main-content #ip-panel .info-panel-body { grid-column: 1 / -1; grid-row: 2; }
  html #main-content #ip-panel .flt-toggle.flt-hero, html #main-content #ip-panel .ip-toggle { top: 2px !important; justify-content: center !important; }
}
@media (min-width: 1600px) and (min-height: 501px) {
  html #main-content #ip-panel .flt-toggle.flt-hero, html #main-content #ip-panel .ip-toggle { min-width: 282px; }
  html #main-content #ip-panel::before { right: 22px !important; }
  html #main-content #ip-panel::after { right: -22px !important; }
}

/* ===== home-how-v1 (було: index_live.ex, рядок 531) ===== */
html #main-content #ip-panel.ip-open .info-panel-body { max-width: 980px; margin: 18px auto 4px !important; padding: 24px 26px 20px !important; text-align: left; border-radius: 20px !important; border: 1px solid rgba(221,214,254,0.22) !important; background: rgba(255,255,255,0.06) !important; color: #e4def6 !important; box-shadow: 0 14px 34px rgba(10,3,25,0.35), inset 0 1px 0 rgba(255,255,255,0.07) !important; backdrop-filter: blur(6px); }
html #main-content #ip-panel .ip-lead { color: #ece7fa !important; font-size: 16px !important; line-height: 1.55; margin: 0 0 18px !important; opacity: 1 !important; }
html #main-content #ip-panel .ip-steps { gap: 12px !important; margin-bottom: 18px !important; }
html #main-content #ip-panel .ip-steps li { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(221,214,254,0.16); border-radius: 16px !important; padding: 16px 18px !important; color: #d9d2ee !important; font-size: 14px !important; line-height: 1.55 !important; gap: 10px !important; }
html #main-content #ip-panel .ip-num { width: 30px !important; height: 30px !important; background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important; color: #ffffff !important; box-shadow: 0 0 0 4px rgba(167,139,250,0.18); }
html #main-content #ip-panel .ip-steps strong, html #main-content #ip-panel .ip-note strong { color: #f1edfb !important; font-size: 15px !important; margin-bottom: 4px; }
html #main-content #ip-panel .ip-notes { gap: 16px !important; margin-bottom: 18px !important; }
html #main-content #ip-panel .ip-note { border-left: 3px solid #a78bfa !important; padding-left: 14px !important; color: #d9d2ee !important; font-size: 14px !important; line-height: 1.55 !important; }
html #main-content #ip-panel .ip-guides { gap: 12px !important; margin: 4px 0 16px !important; }
html #main-content #ip-panel .ip-guides a { display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 18px !important; border-radius: 999px !important; font-size: 14.5px !important; font-weight: 600 !important; text-decoration: none !important; }
html #main-content #ip-panel .ip-guides a:first-child { background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important; color: #f5f2fd !important; border: none !important; box-shadow: 0 6px 18px rgba(124,58,237,0.35), inset 0 1px 0 rgba(255,255,255,0.18); }
html #main-content #ip-panel .ip-guides a:last-child { background: rgba(255,255,255,0.06) !important; color: #e4def6 !important; border: 1px solid rgba(221,214,254,0.40) !important; }
html #main-content #ip-panel .ip-guides a:hover { filter: brightness(1.08); }
html #main-content #ip-panel .ip-fine { border-top: 1px solid rgba(221,214,254,0.16) !important; padding-top: 14px !important; color: rgba(228,222,246,0.62) !important; font-size: 12.5px !important; line-height: 1.6 !important; }
html #main-content #ip-panel .ip-fine a { color: #c4b5fd !important; font-weight: 600; }
@media (max-width: 767px) {
  html #main-content #ip-panel.ip-open .info-panel-body { padding: 18px 16px 16px !important; border-radius: 16px !important; }
}

/* ===== home-how-v2 (було: index_live.ex, рядок 551) ===== */
html #main-content #ip-panel.ip-open .info-panel-body { max-width: 1040px; padding: 28px 30px 22px !important; background: rgba(18, 7, 42, 0.55) !important; border-color: rgba(221,214,254,0.26) !important; color: #efeaf9 !important; }
html #main-content #ip-panel .ip-lead { font-size: 19px !important; line-height: 1.5 !important; font-weight: 600; color: #f5f2fd !important; margin-bottom: 22px !important; }
html #main-content #ip-panel .ip-steps { gap: 16px !important; margin-bottom: 22px !important; }
html #main-content #ip-panel .ip-steps li { background: rgba(255,255,255,0.08) !important; border-color: rgba(221,214,254,0.20) !important; padding: 18px 20px !important; font-size: 16px !important; line-height: 1.6 !important; color: #e6e0f5 !important; }
html #main-content #ip-panel .ip-num { width: 34px !important; height: 34px !important; font-size: 16px !important; }
html #main-content #ip-panel .ip-steps strong, html #main-content #ip-panel .ip-note strong { font-size: 18px !important; line-height: 1.35 !important; color: #ffffff !important; margin-bottom: 6px !important; }
html #main-content #ip-panel .ip-note { font-size: 16px !important; line-height: 1.6 !important; color: #e6e0f5 !important; padding-left: 16px !important; }
html #main-content #ip-panel .ip-notes { gap: 22px !important; margin-bottom: 22px !important; }
html #main-content #ip-panel .ip-guides a { height: 50px; font-size: 16px !important; }
html #main-content #ip-panel .ip-fine { font-size: 14px !important; line-height: 1.65 !important; color: rgba(236,231,250,0.78) !important; }
@media (max-width: 767px) {
  html #main-content #ip-panel.ip-open .info-panel-body { padding: 20px 16px 16px !important; }
  html #main-content #ip-panel .ip-lead { font-size: 17px !important; }
  html #main-content #ip-panel .ip-steps strong, html #main-content #ip-panel .ip-note strong { font-size: 17px !important; }
  html #main-content #ip-panel .ip-steps li, html #main-content #ip-panel .ip-note { font-size: 15.5px !important; }
  html #main-content #ip-panel .ip-guides a { height: 48px; font-size: 15.5px !important; }
  html #main-content #ip-panel .ip-fine { font-size: 13.5px !important; }
}

/* ===== card-mobile-v1 (було: index_live.ex, рядок 367, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media all {
  .listings-grid { gap: 12px !important; }
  .lc { border-radius: 14px !important; box-shadow: 0 1px 2px rgba(30,16,70,0.06), 0 6px 18px rgba(30,16,70,0.07) !important; }
  html:not([data-theme="dark"]) .lc { background: #ffffff !important; }
  .lc-img { position: relative; height: auto !important; aspect-ratio: 1 / 1; background: #f3f1f8 !important; }
  html[data-theme="dark"] .lc-img { background: #241d36 !important; }
  .lc-img::before { content: ""; position: absolute; inset: -18px; background: var(--lc-bg, none) center / cover no-repeat; filter: blur(16px) saturate(1.15); opacity: 0.5; }
  .lc-img > * { position: relative; }
  .lc-img > img, .lc-img > div { height: 100% !important; }
  .lc-fav { top: 8px !important; right: 8px !important; width: 34px; height: 34px; padding: 0 !important; justify-content: center; border-radius: 50% !important; font-size: 17px !important; }
  .lc-fav .fav-txt { display: none; }
  .lc-body { text-align: left !important; align-items: stretch !important; padding: 10px 12px 12px !important; border-top: none !important; }
  .lc-kind { align-self: flex-start; font-size: 11px !important; padding: 2px 8px !important; margin-bottom: 6px !important; }
  .lc-title { font-size: 15px !important; line-height: 1.3 !important; font-weight: 600 !important; -webkit-line-clamp: 2 !important; min-height: 2.6em; margin: 0 !important; }
  .lc-foot { padding-top: 8px !important; }
  .lc-price { font-size: 18px !important; color: #5b21b6 !important; letter-spacing: -0.01em; }
  html[data-theme="dark"] .lc-price { color: #c4b5fd !important; }
  .lc-loc { font-size: 12.5px !important; margin-top: 2px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .lc-view { display: none !important; }
}

/* ===== grid3-landscape (було: index_live.ex, рядок 389, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media (pointer: coarse) and (orientation: landscape) and (max-height: 500px) { .listings-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } }

/* ===== filters-unified-v2 (було: index_live.ex, рядок 390, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
#main-content.flt-open .listings-filter-col{display:flex !important;}
#main-content :is(.listings-filter-col,.flt-facets){background:#fff !important;border:1px solid #ebe6f5 !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(31,22,64,.04),0 8px 24px rgba(51,20,94,.08) !important;padding:14px 18px !important;margin:18px auto 22px !important;width:100% !important;max-width:1180px !important;box-sizing:border-box !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:10px 18px !important;color:#4b4466 !important;font-size:14px !important;font-weight:600 !important;}
#main-content .listings-filter-col + .flt-facets{margin-top:-10px !important;}
#main-content .listings-filter-col :is(form,div):not(:has(input[name=q])){display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:8px !important;margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;}
#main-content :is(.listings-filter-col,.flt-facets) :is(label,span){white-space:nowrap !important;color:#4b4466 !important;font-size:14px !important;font-weight:600 !important;margin:0 !important;}
#main-content :is(.listings-filter-col,.flt-facets) :is(select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([name=q])){height:44px !important;box-sizing:border-box !important;margin:0 !important;padding:0 14px !important;border:1px solid #ddd6ee !important;border-radius:12px !important;background-color:#f7f5fc !important;color:#1f1640 !important;font-family:inherit !important;font-size:15px !important;font-weight:500 !important;box-shadow:none !important;outline:none !important;transition:border-color .15s,box-shadow .15s,background-color .15s;}
#main-content :is(.listings-filter-col,.flt-facets) select{-webkit-appearance:none !important;appearance:none !important;padding-right:40px !important;min-width:190px !important;width:auto !important;max-width:none !important;flex:0 0 auto !important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:16px !important;}
#main-content :is(.listings-filter-col,.flt-facets) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([name=q]){width:110px !important;flex:0 0 110px !important;min-width:0 !important;}
#main-content :is(.listings-filter-col,.flt-facets) input[type=number]{-moz-appearance:textfield !important;}
#main-content :is(.listings-filter-col,.flt-facets) input[type=number]::-webkit-inner-spin-button,#main-content :is(.listings-filter-col,.flt-facets) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
#main-content :is(.listings-filter-col,.flt-facets) input::placeholder{color:#8f88a8 !important;opacity:1 !important;}
#main-content :is(.listings-filter-col,.flt-facets) :is(select,input):hover{border-color:#c4b5fd !important;}
#main-content :is(.listings-filter-col,.flt-facets) :is(select,input):focus{border-color:#7c3aed !important;background-color:#fff !important;box-shadow:0 0 0 4px rgba(124,58,237,.18) !important;}
@media (max-width:767px){
#main-content :is(.listings-filter-col,.flt-facets){flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;width:100% !important;margin:12px 0 18px !important;padding:12px !important;gap:10px !important;}
#main-content .listings-filter-col :is(form,div):not(:has(input[name=q])){flex-wrap:nowrap !important;justify-content:flex-start !important;width:100% !important;}
#main-content :is(.listings-filter-col,.flt-facets) select{width:100% !important;min-width:0 !important;flex:1 1 140px !important;}
#main-content :is(.listings-filter-col,.flt-facets) > select{flex:0 0 auto !important;}
#main-content .listings-filter-col form:has(select[name=region]){flex-wrap:wrap !important;}
#main-content .listings-filter-col form:has(select[name=region]) :is(label,span){flex:0 0 100% !important;}
#main-content :is(.listings-filter-col,.flt-facets) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([name=q]){flex:1 1 0 !important;width:0 !important;}
}
html[data-theme="dark"] #main-content :is(.listings-filter-col,.flt-facets){background:#1d1530 !important;border-color:#3a2d5c !important;box-shadow:0 8px 24px rgba(0,0,0,.35) !important;color:#d9d2ee !important;}
html[data-theme="dark"] #main-content :is(.listings-filter-col,.flt-facets) :is(label,span){color:#d9d2ee !important;}
html[data-theme="dark"] #main-content :is(.listings-filter-col,.flt-facets) :is(select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([name=q])){background-color:#261c3d !important;border-color:#3d3060 !important;color:#ece7fa !important;}
html[data-theme="dark"] #main-content :is(.listings-filter-col,.flt-facets) :is(select,input):focus{background-color:#2c2147 !important;}
html[data-theme="dark"] #main-content :is(.listings-filter-col,.flt-facets) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E") !important;}

/* ===== filters-unified-v3 (було: index_live.ex, рядок 419, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media (min-width:768px){
#main-content.flt-open .listings-filter-row{flex-wrap:wrap !important;justify-content:center !important;}
#main-content .listings-filter-col{flex:1 1 auto !important;width:auto !important;max-width:1180px !important;}
}

/* ===== filters-unified-v4 (було: index_live.ex, рядок 425, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media (min-width:768px){
#main-content :is(.listings-filter-col,.flt-facets) select{max-width:270px !important;text-overflow:ellipsis !important;}
#main-content.flt-open .listings-filter-row{align-items:flex-start !important;}
#main-content.flt-open .listings-filter-row > .filter-banner-card{margin-top:18px !important;}
}
#main-content .filter-banner-card{border-radius:16px !important;border:1px solid #ebe6f5 !important;box-shadow:0 1px 2px rgba(31,22,64,.04),0 8px 24px rgba(51,20,94,.08) !important;}
#main-content .filter-banner-card a{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:44px !important;border-radius:12px !important;font-size:14px !important;font-weight:600 !important;box-sizing:border-box !important;}
#main-content .filter-banner-card a[href="/login"]{background:linear-gradient(135deg,#7c3aed,#6d28d9) !important;box-shadow:0 4px 12px rgba(124,58,237,.28) !important;}
#main-content .filter-banner-card a[href="/register"]{background:#f7f5fc !important;border:1px solid #ddd6ee !important;color:#5b21b6 !important;}
html[data-theme="dark"] #main-content .filter-banner-card{background:#1d1530 !important;border-color:#3a2d5c !important;box-shadow:0 8px 24px rgba(0,0,0,.35) !important;}
html[data-theme="dark"] #main-content .filter-banner-card a[href="/register"]{background:#261c3d !important;border-color:#3d3060 !important;color:#c4b5fd !important;}

/* ===== filters-unified-v5 (було: index_live.ex, рядок 438, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media (min-width:768px){
#main-content .listings-filter-row > .filter-banner-card{order:2 !important;flex:1 1 100% !important;width:100% !important;max-width:1180px !important;box-sizing:border-box !important;margin:18px auto 6px !important;padding:16px 22px !important;display:grid !important;grid-template-columns:1fr auto !important;column-gap:28px !important;row-gap:2px !important;align-items:center !important;}
#main-content.flt-open .listings-filter-row > .filter-banner-card{margin:-6px auto 6px !important;}
#main-content .filter-banner-card > div:nth-child(1){grid-column:1 !important;grid-row:1 !important;margin:0 !important;}
#main-content .filter-banner-card > div:nth-child(2){grid-column:1 !important;grid-row:2 !important;margin:0 !important;}
#main-content .filter-banner-card > div:nth-child(3){grid-column:2 !important;grid-row:1 / span 2 !important;gap:10px !important;}
#main-content .filter-banner-card > div:nth-child(3) a{flex:0 0 auto !important;padding:0 24px !important;white-space:nowrap !important;}
#main-content.flt-open .listings-filter-col{order:1 !important;}
}

/* ===== filters-unified-v6 (було: index_live.ex, рядок 449, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
html:not([data-theme="dark"]) #main-content .filter-banner-card{background:#fff !important;}
@media (min-width:768px){
#main-content.flt-open .listings-filter-row{row-gap:0 !important;}
#main-content.flt-open .listings-filter-row > .filter-banner-card{margin:-8px auto 6px !important;}
}

/* ===== ip-close-v1 (було: index_live.ex, рядок 456, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
html #main-content #ip-panel .info-panel-body{position:relative !important;}
#main-content #ip-panel .ip-close{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(196,181,253,.35);background:rgba(255,255,255,.10);color:#ece7fa;cursor:pointer;transition:background .15s,border-color .15s;}
#main-content #ip-panel .ip-close:hover{background:rgba(255,255,255,.20);border-color:rgba(196,181,253,.6);}
#main-content #ip-panel .ip-close:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(124,58,237,.35);}
#main-content #ip-panel .ip-close + *{padding-right:48px !important;}

/* ===== home-btn-row-v1 (було: index_live.ex, рядок 463, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media (min-width:1440px){
html #main-content #ip-panel:not(.ip-open) :is(.flt-toggle.flt-hero,.ip-toggle){transform:translateY(70px) !important;transition:transform .2s ease;}
html #main-content #ip-panel:not(.ip-open) :is(.flt-toggle.flt-hero,.ip-toggle):hover{transform:translateY(69px) !important;}
}

/* ===== home-mobile-btns-v1 (було: index_live.ex, рядок 469, усередині if @loading/else; css_bundle_v2 20261020_1151) ===== */
@media (max-width:1279px){
html body #main-content #ip-panel .ip-toggle{display:inline-flex !important;align-items:center !important;gap:8px !important;height:40px !important;padding:0 16px 0 14px !important;border-radius:999px !important;border:1px solid rgba(196,181,253,.45) !important;background:rgba(255,255,255,.12) !important;color:#f3f0fa !important;font-size:14px !important;font-weight:600 !important;box-shadow:0 4px 14px rgba(15,5,35,.22) !important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
html body #main-content #ip-panel .ip-toggle *{color:inherit !important;}
html body #main-content #ip-panel .ip-toggle .ip-chev{color:#c4b5fd !important;}
html body #main-content .flt-toggle:not(.flt-hero){display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;box-sizing:border-box !important;height:52px !important;margin:14px 0 12px !important;padding:0 16px !important;border-radius:14px !important;border:1px solid #ebe6f5 !important;background:#fff !important;box-shadow:0 1px 2px rgba(31,22,64,.04),0 6px 18px rgba(51,20,94,.07) !important;color:#33145e !important;font-size:15px !important;font-weight:600 !important;}
html body #main-content .flt-toggle:not(.flt-hero) .flt-chev{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f3f0fa;color:#7c3aed !important;font-size:11px !important;}
html[data-theme="dark"] body #main-content .flt-toggle:not(.flt-hero){background:#1d1530 !important;border-color:#3a2d5c !important;color:#ece7fa !important;box-shadow:0 8px 24px rgba(0,0,0,.35) !important;}
html[data-theme="dark"] body #main-content .flt-toggle:not(.flt-hero) .flt-chev{background:#261c3d;color:#c4b5fd !important;}
}

/* guides_btn_v1 (21.10.2026): кнопки інструкцій на головній — 2×2, один рядок,
   світлий текст на темній смузі (смуга темна в обох темах) */
.ip-guides.ip-guides--v1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 6px}
.ip-guides--v1 .ip-guide{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;border:1.5px solid rgba(196,181,253,.6);background:rgba(255,255,255,.04);color:#ede9fe;text-decoration:none;font-weight:700;font-size:14px;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;transition:background .15s,border-color .15s}
.ip-guides--v1 .ip-guide:hover{background:rgba(196,181,253,.14);border-color:#c4b5fd;color:#fff}
.ip-guides--v1 .ip-guide:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}
.ip-guides--v1 .ip-guide--main{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(124,58,237,.35)}
.ip-guides--v1 .ip-guide--main:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);border-color:transparent}
@media (max-width:640px){.ip-guides.ip-guides--v1{grid-template-columns:1fr}.ip-guides--v1 .ip-guide{white-space:normal}}

/* guides_btn_v2 (21.10.2026): світлий текст кнопок інструкцій і для :visited */
.ip-guides.ip-guides--v1 a.ip-guide:link,
.ip-guides.ip-guides--v1 a.ip-guide:visited{color:#ede9fe !important}
.ip-guides.ip-guides--v1 a.ip-guide:hover,
.ip-guides.ip-guides--v1 a.ip-guide:active{color:#ffffff !important}
.ip-guides.ip-guides--v1 a.ip-guide--main:link,
.ip-guides.ip-guides--v1 a.ip-guide--main:visited{color:#ffffff !important}

/* hero_en_v1 (23.10.2026): ряд кнопок під смугою не залежить від довжини слогана.
   ≥1440 кнопки опускаються в ряд пошуку (home-btn-row-v1); середня колонка сітки
   тепер не вужча за поле пошуку (720 px), тож в EN (короткий слоган) кнопки
   не заїжджають під пошук. */
@media (min-width: 1440px) and (min-height: 501px) {
  html #main-content .info-banner-wrap #ip-panel { grid-template-columns: minmax(0, 1fr) minmax(720px, auto) minmax(0, 1fr) !important; }
}

/* grid_rows_v1 (23.10.2026): кількість колонок каталогу — дільник 24 (per_page),
   щоб останній ряд сторінки був повним: 4 (1280–1499), 6 (1500–2199), 8 (≥2200). auto-fill давав 5 колонок на 1440–1599
   і 7 на ≥1856 px → неповний ряд (24 = 3×7 + 3). */
@media (min-width: 1280px) and (min-height: 501px) {
  .listings-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1500px) and (min-height: 501px) {
  .listings-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (min-width: 2200px) and (min-height: 501px) {
  .listings-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
}

/* flt_reset_v1 (23.10.2026): кнопка «Скинути фільтри» в панелі фільтрів */
#main-content .listings-filter-col .flt-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid #ddd6ee;background:#f7f5fc;color:#5b21b6;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background .15s,border-color .15s}
#main-content .listings-filter-col .flt-reset:hover{background:#ede9fe;border-color:#c4b5fd}
#main-content .listings-filter-col .flt-reset:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(124,58,237,.18)}
html[data-theme="dark"] #main-content .listings-filter-col .flt-reset{background:#261c3d;border-color:#3d3060;color:#c4b5fd}
html[data-theme="dark"] #main-content .listings-filter-col .flt-reset:hover{background:#2c2147;border-color:#5b4a8a}
@media (max-width:767px){#main-content .listings-filter-col .flt-reset{width:100%}}