@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap");

:root {
  --background: #f9f8f6;
  --foreground: #292119;
  --surface: #ffffff;
  --surface-foreground: #292119;
  --brand: #8b6937;
  --brand-dark: #291e14;
  --brand-foreground: #faf8f5;
  --gold: #c9a14a;
  --gold-light: #d8b478;
  --gold-highlight: #f0d89c;
  --gold-deep: #a06f2f;
  --secondary: #f3efe8;
  --secondary-foreground: #33281f;
  --muted: #eeece7;
  --muted-foreground: #746b63;
  --border: #e2e0d9;
  --input-border: #dcd8d0;
  --focus-ring: #b98d41;
  --success: #288f5f;
  --warning: #e17c09;
  --info: #2175ca;
  --destructive: #d33a32;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 9999px;
  --preview-shadow: 0 14px 36px -20px rgb(76 50 24 / 34%);
}

@media (min-width: 901px) {
  html,
  body,
  main,
  [data-featured-listings] > section {
    background-color: #ffffff !important;
    background-image: none !important;
  }

  #hero > .relative > .grid > :last-child {
    border-color: #b58a46 !important;
  }

  #hero :is(input, select),
  [data-search-filter] :is(input, select) {
    border-color: rgb(40 143 95 / 42%) !important;
    background: #ffffff !important;
  }

  #hero button.gold-gradient,
  #hero [data-filter-submit] {
    border: 1px solid #b58a46 !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-family: "Prata", Georgia, serif !important;
    font-weight: 400 !important;
    box-shadow: none !important;
  }

  [data-featured-listings] h2,
  [data-catalog-card] h3,
  [data-catalog-card-price],
  [data-catalog-card-meta],
  [data-catalog-card-meta] :is(span, a),
  [data-catalog-card-actions] a {
    font-family: "Prata", Georgia, serif !important;
  }

  [data-catalog-card] {
    border: 1px solid rgb(181 138 70 / 42%) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  [data-catalog-card] h3 {
    color: #111111 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  [data-catalog-card-price] {
    color: var(--destructive) !important;
    -webkit-text-fill-color: var(--destructive) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
  }

  [data-catalog-card-meta],
  [data-catalog-card-meta] :is(span, a) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  [data-catalog-card-actions] [data-catalog-card-primary] {
    border: 1px solid #b58a46 !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  [data-catalog-card-actions] a:not([data-catalog-card-primary]) {
    border: 1px solid #229ed9 !important;
    background: #ffffff !important;
    color: #167caf !important;
    -webkit-text-fill-color: #167caf !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  body [data-featured-listings] [data-catalog-card] {
    border: 1px solid rgb(181 138 70 / 42%) !important;
  }

  header .lang-toggle {
    border: 1px solid rgb(181 138 70 / 55%) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  header .lang-indicator {
    border: 1px solid #b58a46 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  header .lang-toggle button {
    color: #111111 !important;
    font-family: "Prata", Georgia, serif !important;
    font-weight: 400 !important;
  }

  header a[data-desktop-auth-trigger] {
    border: 1px solid #b58a46 !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-family: "Prata", Georgia, serif !important;
    font-weight: 400 !important;
    box-shadow: none !important;
  }
}

html {
  background: var(--background);
}

body,
button,
input,
select,
textarea {
  font-family: "Manrope", system-ui, sans-serif !important;
}

body {
  color: var(--foreground) !important;
  background: var(--background) !important;
  -webkit-font-smoothing: antialiased;
}

:is(h1, h2, .font-serif, .font-display, .ee-mobile-panel-title, .ee-mobile-filter-title) {
  font-family: "Prata", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

:is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgb(185 141 65 / 38%) !important;
  outline-offset: 3px !important;
}

.gold-text {
  color: var(--brand) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.gold-gradient,
.gold-button,
[data-filter-submit],
[data-catalog-card-primary],
.ee-mobile-card-primary {
  border: 1px solid #c99f61 !important;
  background: linear-gradient(135deg, #8f652f 0%, #c79d5f 45%, #a5773d 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -12px rgb(121 87 47 / 72%), inset 0 1px 0 rgb(255 255 255 / 34%) !important;
}

:is(.gold-gradient, .gold-button, [data-filter-submit], [data-catalog-card-primary], .ee-mobile-card-primary):hover {
  filter: brightness(1.05);
}

@media (min-width: 901px) {
  body {
    background: linear-gradient(180deg, #fbfaf8 0%, var(--background) 58%, #f4f0e9 100%) !important;
  }

  header,
  header.ee-desktop-brand-header {
    background: rgb(255 255 255 / 96%) !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 4px 8px rgb(61 40 21 / 5%) !important;
    backdrop-filter: blur(12px);
  }

  header .max-w-7xl {
    max-width: 1240px !important;
    min-height: 92px !important;
    padding-inline: 32px !important;
  }

  header.ee-desktop-brand-header .max-w-7xl {
    min-height: 104px !important;
  }

  header a,
  header nav a,
  header a.ee-desktop-brand {
    color: var(--brand-dark) !important;
  }

  header nav a:hover {
    color: var(--brand) !important;
  }

  header :is(a, button)[class*="bg-blue"],
  header :is(a, button)[class*="from-blue"],
  header .gold-gradient.text-white,
  header a[href*="zayavki"] {
    border-color: #c99f61 !important;
    background: linear-gradient(135deg, #8f652f 0%, #c79d5f 45%, #a5773d 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -12px rgb(121 87 47 / 72%) !important;
  }

  .ee-desktop-brand__mark {
    width: 88px !important;
    height: 88px !important;
    flex-basis: 88px !important;
    filter: drop-shadow(0 6px 8px rgb(65 43 22 / 10%)) !important;
    transform: none !important;
  }

  .ee-desktop-brand__mark img {
    width: 88px !important;
    height: 88px !important;
  }

  header .gold-gradient.text-white {
    min-height: 46px !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 8px 18px -12px rgb(121 87 47 / 72%), inset 0 1px 0 rgb(255 255 255 / 34%) !important;
  }

  #hero {
    padding: 28px 32px 0 !important;
  }

  #hero > .relative {
    max-width: 1240px !important;
    margin-inline: auto;
  }

  #hero > .relative > .grid {
    grid-template-columns: minmax(0, 1.7fr) minmax(360px, 0.8fr) !important;
    gap: 20px !important;
  }

  #hero > .relative > .grid > :first-child {
    height: 100% !important;
    min-height: 680px !important;
    border: 0 !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--preview-shadow) !important;
  }

  #hero > .relative > .grid > :first-child::before {
    left: 36px !important;
    bottom: 48px !important;
    max-width: 610px !important;
    color: #fff !important;
    font-family: "Prata", Georgia, serif !important;
    font-size: clamp(38px, 3.8vw, 60px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
    text-shadow: 0 4px 18px rgb(0 0 0 / 42%) !important;
  }

  #hero > .relative > .grid > :first-child::after {
    background: linear-gradient(90deg, rgb(25 15 8 / 66%) 0%, rgb(25 15 8 / 20%) 58%, transparent 100%) !important;
  }

  #hero > .relative > .grid > :last-child {
    padding: 32px !important;
    color: var(--foreground) !important;
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  #hero h2 {
    margin-bottom: 24px !important;
    color: var(--brand-dark) !important;
    font-family: "Prata", Georgia, serif !important;
    font-size: clamp(30px, 2.4vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    text-shadow: none !important;
  }

  #hero h2::after {
    width: 56px !important;
    height: 2px !important;
    background: var(--gold) !important;
  }

  #hero label {
    color: var(--secondary-foreground) !important;
    letter-spacing: 0.04em !important;
  }

  #hero :is(input, select),
  [data-search-filter] :is(input, select) {
    min-height: 48px !important;
    border: 1px solid var(--input-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--foreground) !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #hero :is(input, select):focus,
  [data-search-filter] :is(input, select):focus {
    border-color: var(--focus-ring) !important;
    box-shadow: 0 0 0 3px rgb(185 141 65 / 20%) !important;
  }

  #hero button {
    min-height: 48px !important;
    border-radius: var(--radius-md) !important;
    letter-spacing: 0.06em !important;
  }

  #hero button.gold-gradient,
  #hero [data-filter-submit] {
    border-color: #c99f61 !important;
    background: linear-gradient(135deg, #8f652f 0%, #c79d5f 45%, #a5773d 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -12px rgb(121 87 47 / 72%), inset 0 1px 0 rgb(255 255 255 / 34%) !important;
  }

  [data-ee-desktop-benefits] {
    max-width: 1240px !important;
    padding-inline: 32px !important;
  }

  [data-ee-desktop-benefits-grid] {
    gap: 12px !important;
  }

  [data-ee-desktop-benefits] article {
    min-height: 92px !important;
    padding: 18px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
  }

  [data-ee-desktop-benefits] .ee-benefit-icon {
    border-radius: var(--radius-md) !important;
    color: var(--brand) !important;
    background: var(--secondary) !important;
  }

  [data-ee-desktop-benefits] h3 {
    color: var(--brand-dark) !important;
  }

  [data-ee-desktop-benefits] p {
    color: var(--muted-foreground) !important;
  }

  [data-featured-listings] > section {
    padding: 52px 32px 30px !important;
  }

  [data-featured-listings] > section > div {
    max-width: 1240px !important;
  }

  [data-featured-listings] h2 {
    color: var(--brand-dark) !important;
    font-family: "Prata", Georgia, serif !important;
    letter-spacing: -0.01em !important;
  }

  [data-featured-listings-grid] {
    gap: 20px !important;
  }

  [data-catalog-card] {
    overflow: hidden;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    color: var(--surface-foreground) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
    transition: transform 300ms cubic-bezier(.16, 1, .3, 1), box-shadow 300ms cubic-bezier(.16, 1, .3, 1) !important;
  }

  [data-catalog-card]:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 40px -12px rgb(121 87 47 / 24%) !important;
  }

  [data-catalog-card-media] img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 500ms cubic-bezier(.16, 1, .3, 1);
  }

  [data-catalog-card]:hover [data-catalog-card-media] img {
    transform: scale(1.04);
  }

  [data-catalog-card-body] {
    padding: 18px !important;
  }

  [data-catalog-card-price] {
    color: var(--brand) !important;
    font-weight: 800 !important;
  }

  [data-catalog-card] h3 {
    color: var(--brand-dark) !important;
    font-weight: 700 !important;
  }

  [data-catalog-card-meta] {
    color: var(--muted-foreground) !important;
  }
}

@media (max-width: 900px) {
  body.ee-mobile-home-active {
    background: var(--background) !important;
  }

  .ee-mobile-app {
    color: var(--foreground) !important;
    background: var(--background) !important;
    font-family: "Manrope", system-ui, sans-serif !important;
  }

  .ee-mobile-app::before {
    background: linear-gradient(180deg, rgb(255 255 255 / 62%), transparent 22%) !important;
  }

  .ee-mobile-header {
    padding-inline: 16px !important;
  }

  .ee-mobile-brand-title,
  .ee-mobile-brand-title strong,
  .ee-mobile-brand-title span {
    color: var(--brand-dark) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: "Prata", Georgia, serif !important;
    letter-spacing: 0.06em !important;
  }

  .ee-mobile-lang-current,
  .ee-mobile-search,
  .ee-mobile-filter-trigger {
    border-color: var(--border) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
  }

  .ee-mobile-type-tab.is-active,
  .ee-mobile-category-tab.is-active,
  .ee-mobile-district-chip.is-active,
  .ee-mobile-chip.is-active,
  .ee-mobile-card-favorite.is-active {
    border-color: var(--gold-light) !important;
    color: var(--brand-dark) !important;
    background: linear-gradient(135deg, #a98248 0%, #d8b478 28%, #f0d89c 52%, #cba86c 76%, #a06f2f 100%) !important;
  }

  .ee-mobile-app :is(button, a).is-active:not(.ee-mobile-card-favorite),
  .ee-mobile-app [aria-selected="true"] {
    border-color: var(--gold-light) !important;
    color: var(--brand-dark) !important;
    background: linear-gradient(135deg, #a98248 0%, #d8b478 28%, #f0d89c 52%, #cba86c 76%, #a06f2f 100%) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 55%), 0 5px 14px rgb(160 111 47 / 22%) !important;
  }

  .ee-mobile-card-compact {
    overflow: hidden !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
  }

  .ee-mobile-card-media,
  .ee-mobile-card-slide,
  .ee-mobile-card-slide img {
    aspect-ratio: 4 / 3 !important;
  }

  .ee-mobile-card-slide img {
    object-fit: cover !important;
  }

  .ee-mobile-card-body {
    padding: 14px !important;
    background: var(--surface) !important;
  }

  .ee-mobile-card-eyebrow,
  .ee-mobile-card-district,
  .ee-mobile-card-specs {
    color: var(--muted-foreground) !important;
  }

  .ee-mobile-card-title {
    color: var(--brand-dark) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  .ee-mobile-card-price {
    color: var(--brand) !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  .ee-mobile-card-primary,
  .ee-mobile-card-secondary {
    min-height: 44px !important;
    border-radius: var(--radius-md) !important;
  }

  .ee-mobile-card-secondary {
    border: 1px solid var(--border) !important;
    color: var(--brand-dark) !important;
    background: var(--secondary) !important;
    box-shadow: none !important;
  }
}

@media (max-width: 359px) {
  .ee-mobile-card-body {
    padding: 12px !important;
  }

  .ee-mobile-card-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 900px) {
  html,
  body,
  body.ee-mobile-home-active,
  #eeMobileApp,
  #eeMobileApp .ee-mobile-app,
  #eeMobileApp .ee-mobile-shell,
  #eeMobileApp .ee-mobile-header,
  #eeMobileApp .ee-mobile-typebar,
  #eeMobileApp .ee-mobile-chipbar,
  #eeMobileApp .ee-mobile-main,
  #eeMobileApp .ee-mobile-content,
  #eeMobileApp .ee-mobile-feed {
    background-color: #ffffff !important;
    background-image: none !important;
  }

  #eeMobileApp .ee-mobile-app::before {
    display: none !important;
    background: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-type-tab,
  #eeMobileApp .ee-mobile-app .ee-mobile-chip {
    background: #ffffff !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-type-tab.is-active,
  #eeMobileApp .ee-mobile-app .ee-mobile-chip.is-active {
    border: 1px solid #b58a46 !important;
    color: var(--brand-dark) !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-primary {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    border: 1px solid #b58a46 !important;
    border-radius: var(--radius-md) !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-family: "Prata", Georgia, serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-primary:hover,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-primary:active {
    border-color: var(--gold-deep) !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    filter: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-secondary,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-call {
    align-self: stretch !important;
    min-width: 44px !important;
    width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--destructive) !important;
    border-radius: var(--radius-md) !important;
    background: #ffffff !important;
    color: var(--destructive) !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-secondary svg,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-call svg {
    color: var(--destructive) !important;
    stroke: currentColor !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-search,
  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield {
    border: 1px solid rgb(40 143 95 / 42%) !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-search:focus-within,
  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield:focus-within {
    border-color: rgb(40 143 95 / 72%) !important;
    box-shadow: 0 0 0 3px rgb(40 143 95 / 10%) !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-type-tab,
  #eeMobileApp .ee-mobile-app .ee-mobile-chip,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-title,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-title a,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-price {
    font-family: "Prata", Georgia, serif !important;
    font-weight: 400 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-eyebrow,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-eyebrow span,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-district,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-specs {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-family: "Prata", Georgia, serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-eyebrow {
    font-size: 9px !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-type-tab,
  #eeMobileApp .ee-mobile-app .ee-mobile-chip {
    letter-spacing: 0 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-type-tab,
  #eeMobileApp .ee-mobile-app .ee-mobile-type-tab.is-active,
  #eeMobileApp .ee-mobile-app .ee-mobile-chip,
  #eeMobileApp .ee-mobile-app .ee-mobile-chip.is-active {
    height: 30px !important;
    min-height: 30px !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-title,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-title a {
    color: #211a14 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-price {
    color: var(--destructive) !important;
    -webkit-text-fill-color: var(--destructive) !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-favorite,
  #eeMobileApp .ee-mobile-app .ee-mobile-card-favorite.is-active {
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    color: #171717 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: drop-shadow(0 1px 1px rgb(255 255 255 / 85%)) !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-favorite svg {
    width: 32px !important;
    height: 32px !important;
    color: #171717 !important;
    fill: transparent !important;
    stroke: currentColor !important;
    stroke-width: 1.15 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-card-favorite.is-active svg {
    fill: rgb(23 23 23 / 10%) !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-bell-button {
    display: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-top-actions {
    gap: 0 !important;
    margin-left: auto !important;
  }

  #eeMobileApp .ee-mobile-brandbar .ee-mobile-brand {
    transition: opacity 160ms ease !important;
  }

  #eeMobileApp .ee-mobile-brandbar:has(.ee-mobile-lang-switch[open]) .ee-mobile-brand {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-switch {
    position: relative !important;
    min-width: 60px !important;
    width: 60px !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-current {
    width: 60px !important;
    min-width: 60px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    gap: 5px !important;
    border: 1px solid #b58a46 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #171717 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-current .ee-mobile-flag {
    display: inline-flex !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-current .ee-mobile-flag,
  #eeMobileApp .ee-mobile-app .ee-mobile-lang-option .ee-mobile-flag {
    width: 18px !important;
    height: 13px !important;
    flex: 0 0 18px !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 1px rgb(23 23 23 / 10%) !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-code,
  #eeMobileApp .ee-mobile-app .ee-mobile-lang-option {
    color: #171717 !important;
    font-family: "Prata", Georgia, serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-chevron {
    width: 9px !important;
    height: 9px !important;
    color: #171717 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-menu {
    position: absolute !important;
    top: 0 !important;
    right: calc(100% + 7px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-option {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    gap: 5px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-option .ee-mobile-flag {
    display: inline-flex !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-flag--uz::before,
  #eeMobileApp .ee-mobile-app .ee-mobile-flag--en::before {
    display: block !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-lang-option.is-active {
    display: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield {
    position: relative !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield::before {
    content: "";
    position: absolute;
    inset: 7px 0;
    z-index: 0;
    pointer-events: none;
    border: 1px solid rgb(40 143 95 / 42%);
    border-radius: 12px;
    background: #ffffff;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield > * {
    position: relative;
    z-index: 1;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield:focus-within {
    border: 0 !important;
    box-shadow: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-searchfield:focus-within::before {
    border-color: rgb(40 143 95 / 72%);
    box-shadow: 0 0 0 3px rgb(40 143 95 / 10%);
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-bottom-nav {
    height: 39px !important;
    min-height: 39px !important;
    padding: 3px 10px !important;
    border-color: rgb(181 138 70 / 42%) !important;
    border-radius: 9px 9px 0 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-dock-button {
    height: 31px !important;
    min-height: 31px !important;
    padding: 1px 3px !important;
    gap: 1px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #111111 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-dock-button.is-active {
    border-color: #b58a46 !important;
    background: #ffffff !important;
    color: #111111 !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-dock-icon,
  #eeMobileApp .ee-mobile-app .ee-mobile-dock-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  #eeMobileApp .ee-mobile-app .ee-mobile-dock-label {
    color: #111111 !important;
    font-family: "Prata", Georgia, serif !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

/* Desktop preview: mirror the approved mobile visual language. */
@media (min-width: 901px) {
  html,
  body,
  main,
  [data-featured-listings] > section {
    background: #ffffff !important;
  }

  #hero > .relative > .grid > :last-child {
    border-color: #b58a46 !important;
  }

  #hero :is(input, select),
  [data-search-filter] :is(input, select) {
    border-color: rgb(40 143 95 / 42%) !important;
    background: #ffffff !important;
  }

  #hero button.gold-gradient,
  #hero [data-filter-submit] {
    border: 1px solid #b58a46 !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-family: "Prata", Georgia, serif !important;
    font-weight: 400 !important;
    box-shadow: none !important;
  }

  [data-catalog-card] {
    border: 1px solid rgb(181 138 70 / 42%) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  [data-catalog-card] h3,
  [data-catalog-card-price],
  [data-catalog-card-meta],
  [data-catalog-card-meta] :is(span, a),
  [data-catalog-card-actions] a {
    font-family: "Prata", Georgia, serif !important;
  }

  [data-catalog-card] h3 {
    color: #111111 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  [data-catalog-card-price] {
    color: var(--destructive) !important;
    -webkit-text-fill-color: var(--destructive) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
  }

  [data-catalog-card-meta],
  [data-catalog-card-meta] :is(span, a) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  [data-catalog-card-actions] [data-catalog-card-primary] {
    border: 1px solid #b58a46 !important;
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  [data-catalog-card-actions] a:not([data-catalog-card-primary]) {
    border: 1px solid #229ed9 !important;
    background: #ffffff !important;
    color: #167caf !important;
    -webkit-text-fill-color: #167caf !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }
}