/* =========================================================
   Retemax Final Home V39
   Organized CSS file
   1. Theme variables and base reset
   2. Header and navigation
   3. Search and TOP ticker
   4. Home preview content
   5. Footer and social icons
   6. Back to Top / Back to Bottom
   7. Responsive rules
   ========================================================= */

:root {
  --teal: #0b6f66;
  --teal-dark: #085b54;
  --teal-deep: #064943;
  --teal-soft: #d8ece8;
  --teal-pale: #edf8f5;
  --premium-accent: #A7D8CC;
  --premium-accent-strong: #7FBFAF;
  --white: #ffffff;
  --ink: #083b36;
  --muted: #5e7a74;
  --border: #c9e1db;
  --shadow: 0 14px 34px rgba(7, 76, 91, .13);
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --max: 1280px;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ink);
  background: #f7fbfa;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
select,
input {
  font: inherit;
}

.retemax-header {
  width: 100%;
  background: var(--white);
  border-top: 1px solid #d3dfdc;
  box-shadow: 0 4px 20px rgba(6, 73, 67, .08);
}

.header-topbar,
.header-nav,
.header-searchbar,
.header-controls,
.category-showcase,
.top-strip {
  width: min(100%, var(--max));
  margin-inline: auto;
}

.header-topbar {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 10px 18px;
  background: var(--white);
}

.topbar-left,
.topbar-right,
.nav-links {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.soft-menu {
  position: relative;
}

.soft-menu summary {
  list-style: none;
  cursor: pointer;
}

.soft-menu summary::-webkit-details-marker {
  display: none;
}

.soft-menu[open] > summary {
  box-shadow: 0 0 0 3px rgba(11, 111, 102, .12);
}

.soft-menu .top-dropdown {
  top: calc(100% + 10px);
  left: 0;
  width: 260px;
  max-width: min(88vw, 320px);
}

.soft-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  background: #e4f1ee;
  color: var(--teal-dark);
  font-weight: 700;
  white-space: nowrap;
}

.soft-pill::before {
  content: "◎";
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 999px;
  background: var(--white);
  color: var(--teal);
  font-size: 18px;
}

.small-pill {
  min-height: 38px;
  padding-inline: 16px;
  font-size: 13px;
}

.small-pill::before {
  content: "◔";
  width: 22px;
  height: 22px;
  font-size: 13px;
}

.topbar-right a {
  color: var(--teal-dark);
  font-size: 13px;
  font-weight: 600;
  padding: 8px 4px;
}

.topbar-right a:first-child::before {
  content: "♙";
  margin-right: 6px;
}

.topbar-right a:last-child::before {
  content: "+";
  margin-right: 6px;
  font-weight: 800;
}

.header-nav {
  max-width: none;
  width: 100%;
  min-height: 91px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px max(20px, calc((100vw - var(--max)) / 2 + 20px));
  background: var(--teal);
  color: var(--white);
}

.nav-links a {
  color: var(--white);
  font-weight: 700;
  font-size: 15px;
  padding: 10px 0;
}

.nav-links a:hover,
.topbar-right a:hover,
.header-controls summary:hover,
.dropdown-panel a:hover {
  opacity: .82;
}

.nav-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 198px;
  min-height: 45px;
  padding: 0 28px;
  border: 1.5px solid rgba(255,255,255,.86);
  border-radius: 999px;
  color: var(--white);
  font-weight: 800;
  white-space: nowrap;
}

.nav-outline::before {
  content: "⌖";
  margin-right: 9px;
  font-size: 17px;
}


.nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.nav-direct-link {
  position: relative;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1.5px solid rgba(255,255,255,.72);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255,255,255,.10);
  font-weight: 800;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nav-direct-link:hover,
.nav-direct-link:focus-visible {
  color: #583b00;
  background: var(--premium-accent);
  box-shadow: 0 10px 24px rgba(127, 191, 175, .26);
  transform: translateY(-1px);
  opacity: 1;
  outline: none;
}

.nav-direct-link:hover::before,
.nav-direct-link:focus-visible::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -8px;
  height: 3px;
  border-radius: 999px;
  background: var(--premium-accent);
}

.nav-control-dropdown {
  position: relative;
}

.nav-control-dropdown summary {
  list-style: none;
  cursor: pointer;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1.5px solid rgba(255,255,255,.72);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255,255,255,.10);
  font-weight: 800;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nav-control-dropdown summary::-webkit-details-marker {
  display: none;
}

.nav-control-dropdown summary::after {
  content: "⌄";
  margin-left: 8px;
  font-size: 13px;
}

.nav-control-dropdown[open] > summary,
.nav-control-dropdown summary:hover,
.nav-control-dropdown summary:focus-visible {
  color: #583b00;
  background: var(--premium-accent);
  box-shadow: 0 10px 24px rgba(127, 191, 175, .26);
  transform: translateY(-1px);
}

.nav-control-dropdown[open] > summary::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -8px;
  height: 3px;
  border-radius: 999px;
  background: var(--premium-accent);
}

.nav-control-dropdown .dropdown-panel {
  top: calc(100% + 12px);
  left: auto;
  right: 0;
  color: var(--ink);
}

.nav-compact-panel {
  width: 210px;
  max-width: min(88vw, 260px);
}

.nav-country-grid {
  width: 720px;
  max-width: min(92vw, 720px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nav-control-dropdown .dropdown-panel a:hover,
.nav-control-dropdown .dropdown-panel a:focus-visible {
  opacity: 1;
  color: #583b00;
  background: rgba(167, 216, 204, .45);
  box-shadow: inset 4px 0 0 var(--premium-accent-strong);
  outline: none;
}

.header-searchbar {
  max-width: none;
  width: 100%;
  min-height: 105px;
  display: grid;
  grid-template-columns: 200px minmax(260px, 1fr) 170px;
  align-items: center;
  gap: 26px;
  padding: 22px max(20px, calc((100vw - var(--max)) / 2 + 20px));
  background: var(--teal-soft);
}

.logo-link {
  display: inline-flex;
  align-items: center;
}

.logo-link img {
  display: block;
  width: 184px;
  height: auto;
}

.search-form {
  position: relative;
  display: grid;
  grid-template-columns: 168px 148px minmax(180px, 1fr) 104px;
  align-items: center;
  background: var(--white);
  border-radius: 999px;
  min-height: 56px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(11, 111, 102, .08);
}

.category-select,
.match-select {
  height: 56px;
  width: 100%;
  border: 0;
  border-right: 1px solid rgba(11, 111, 102, .12);
  background: transparent;
  color: var(--ink);
  padding: 0 12px 0 20px;
  outline: none;
  font-weight: 700;
}

.category-select {
  border-radius: 999px 0 0 999px;
}

.match-select {
  color: var(--teal-deep);
}

.search-input {
  min-width: 0;
  height: 56px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--ink);
  padding: 0 18px;
}

.search-input::placeholder {
  color: #5e7c84;
  font-weight: 700;
}

.search-submit {
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 0 999px 999px 0;
  background: var(--teal);
  color: var(--white);
  font-weight: 900;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.search-submit:hover,
.search-submit:focus-visible {
  background: #0b6f66;
  box-shadow: 0 8px 18px rgba(11, 111, 102, .24);
}
.search-submit span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .16);
  font-size: 25px;
  line-height: 1;
  transform: translateY(-1px);
}

.search-submit:hover span,
.search-submit:focus-visible span {
  background: rgba(255, 255, 255, .26);
  transform: translateY(-1px) scale(1.05);
}


.add-listing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 26px;
  border-radius: 999px;
  color: var(--white);
  background: linear-gradient(135deg, var(--teal), #14a4bd);
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(11, 111, 102, .24);
  white-space: nowrap;
}

.header-controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 20px 12px;
  background: var(--white);
  z-index: 5;
}

.control-dropdown {
  position: relative;
}

.control-dropdown summary {
  list-style: none;
  cursor: pointer;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: #f8fdfe;
  color: var(--teal-dark);
  font-weight: 800;
  white-space: nowrap;
}

.control-dropdown summary::-webkit-details-marker {
  display: none;
}

.control-dropdown summary::after {
  content: "⌄";
  margin-left: 8px;
  font-size: 14px;
}

.dropdown-panel {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 620px;
  max-width: min(88vw, 720px);
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: var(--white);
  box-shadow: var(--shadow);
  z-index: 20;
}

.category-grid,
.country-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.compact-panel {
  width: 190px;
  display: grid;
  gap: 8px;
}

.country-grid {
  width: 680px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dropdown-panel a {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f6fbfc;
  color: var(--teal-deep);
  font-size: 13px;
  font-weight: 700;
}

.login-dropdown .dropdown-panel {
  right: 0;
  left: auto;
}

.login-panel {
  width: 320px;
  display: grid;
  gap: 10px;
}

.login-panel .login-social,
.login-panel button {
  border: 0;
  border-radius: 14px;
  background: var(--teal);
  color: var(--white);
  padding: 12px 14px;
  font-weight: 800;
  text-align: center;
}

.login-panel button:last-child {
  background: var(--premium-accent);
  color: #654205;
}

.or-text,
.auto-login,
.login-panel p {
  color: var(--muted);
  font-size: 13px;
}

.category-showcase {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: clamp(18px, 6vw, 76px);
  padding: 28px 20px 24px;
  background: var(--white);
}

.category-card {
  display: grid;
  place-items: center;
  gap: 16px;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}

.category-icon {
  width: 128px;
  height: 128px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: var(--teal);
  color: var(--white);
  font-size: 56px;
  box-shadow: 0 12px 22px rgba(6, 73, 67, .16);
}

.top-strip {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: 0 max(20px, calc((100vw - var(--max)) / 2 + 20px)) 18px;
  background: var(--teal-soft);
}

.top-ticker-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 48px;
  border: 1px solid rgba(11, 111, 102, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 10px 24px rgba(6, 73, 67, .08);
  overflow: hidden;
}

.top-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  align-self: stretch;
  padding: 0 22px;
  background: var(--premium-accent);
  color: #654205;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.top-marquee {
  min-width: 0;
  overflow: hidden;
  color: var(--teal-deep);
}

.top-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 32px;
  padding-right: 32px;
  white-space: nowrap;
  animation: retemax-top-scroll 70s linear 2s infinite;
  will-change: transform;
}

.top-marquee:hover .top-marquee-track {
  animation-play-state: paused;
}

.top-marquee a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  color: var(--teal-deep);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  text-underline-offset: 7px;
  transition: color .18s ease, text-decoration-color .18s ease;
}

.top-marquee a:hover,
.top-marquee a:focus,
.top-marquee a:active {
  color: #b27900;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--premium-accent-strong);
}

.top-marquee a:focus-visible {
  outline: 2px solid var(--premium-accent-strong);
  outline-offset: 3px;
  border-radius: 10px;
}

.top-marquee a::before {
  content: "•";
  margin-right: 12px;
  color: var(--premium-accent-strong);
  font-size: 20px;
  line-height: 1;
}

@keyframes retemax-top-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .top-marquee-track {
    animation: none;
    flex-wrap: wrap;
    width: auto;
    white-space: normal;
    padding: 6px 14px 6px 0;
    gap: 8px 16px;
  }
}

@media (max-width: 1100px) {
  
.nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.nav-control-dropdown {
  position: relative;
}

.nav-control-dropdown summary {
  list-style: none;
  cursor: pointer;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1.5px solid rgba(255,255,255,.72);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255,255,255,.10);
  font-weight: 800;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nav-control-dropdown summary::-webkit-details-marker {
  display: none;
}

.nav-control-dropdown summary::after {
  content: "⌄";
  margin-left: 8px;
  font-size: 13px;
}

.nav-control-dropdown[open] > summary,
.nav-control-dropdown summary:hover,
.nav-control-dropdown summary:focus-visible {
  color: #583b00;
  background: var(--premium-accent);
  box-shadow: 0 10px 24px rgba(127, 191, 175, .26);
  transform: translateY(-1px);
}

.nav-control-dropdown[open] > summary::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -8px;
  height: 3px;
  border-radius: 999px;
  background: var(--premium-accent);
}

.nav-control-dropdown .dropdown-panel {
  top: calc(100% + 12px);
  left: auto;
  right: 0;
  color: var(--ink);
}

.nav-compact-panel {
  width: 210px;
  max-width: min(88vw, 260px);
}

.nav-country-grid {
  width: 720px;
  max-width: min(92vw, 720px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nav-control-dropdown .dropdown-panel a:hover,
.nav-control-dropdown .dropdown-panel a:focus-visible {
  opacity: 1;
  color: #583b00;
  background: rgba(167, 216, 204, .45);
  box-shadow: inset 4px 0 0 var(--premium-accent-strong);
  outline: none;
}

.header-searchbar {
    grid-template-columns: 180px 1fr;
  }

  .add-listing {
    grid-column: 2;
    width: max-content;
    justify-self: end;
  }

  .search-form {
    grid-column: 2;
  }

  .category-showcase {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 28px;
  }
}

@media (max-width: 860px) {
  .header-topbar,
  .header-nav,
  .header-searchbar,
  .header-controls {
    padding-inline: 14px;
  }

  .header-topbar,
  .header-nav {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav-outline {
    min-width: 0;
    width: 100%;
  }

  
.nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.nav-control-dropdown {
  position: relative;
}

.nav-control-dropdown summary {
  list-style: none;
  cursor: pointer;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1.5px solid rgba(255,255,255,.72);
  border-radius: 999px;
  color: var(--white);
  background: rgba(255,255,255,.10);
  font-weight: 800;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nav-control-dropdown summary::-webkit-details-marker {
  display: none;
}

.nav-control-dropdown summary::after {
  content: "⌄";
  margin-left: 8px;
  font-size: 13px;
}

.nav-control-dropdown[open] > summary,
.nav-control-dropdown summary:hover,
.nav-control-dropdown summary:focus-visible {
  color: #583b00;
  background: var(--premium-accent);
  box-shadow: 0 10px 24px rgba(127, 191, 175, .26);
  transform: translateY(-1px);
}

.nav-control-dropdown[open] > summary::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -8px;
  height: 3px;
  border-radius: 999px;
  background: var(--premium-accent);
}

.nav-control-dropdown .dropdown-panel {
  top: calc(100% + 12px);
  left: auto;
  right: 0;
  color: var(--ink);
}

.nav-compact-panel {
  width: 210px;
  max-width: min(88vw, 260px);
}

.nav-country-grid {
  width: 720px;
  max-width: min(92vw, 720px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nav-control-dropdown .dropdown-panel a:hover,
.nav-control-dropdown .dropdown-panel a:focus-visible {
  opacity: 1;
  color: #583b00;
  background: rgba(167, 216, 204, .45);
  box-shadow: inset 4px 0 0 var(--premium-accent-strong);
  outline: none;
}

.header-searchbar {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .logo-link,
  .add-listing {
    justify-self: center;
  }

  .search-form {
    grid-column: auto;
    width: 100%;
    grid-template-columns: 1fr;
    border-radius: 28px;
    padding: 8px;
    gap: 6px;
    overflow: visible;
  }

  .category-select,
  .match-select,
  .search-input,
  .search-submit {
    border-radius: 999px;
  }

  .category-select,
  .match-select {
    grid-column: 1 / -1;
    background: #f3faf8;
    border-right: 0;
  }

  .search-input {
    background: #f3faf8;
  }

  .search-submit {
    grid-column: 1 / -1;
    width: 100%;
  }

  .add-listing {
    grid-column: auto;
    width: 100%;
  }

  .header-controls {
    flex-wrap: wrap;
    justify-content: stretch;
  }

  .control-dropdown {
    flex: 1 1 180px;
  }

  .control-dropdown summary {
    width: 100%;
  }

  .dropdown-panel,
  .country-grid,
  .login-dropdown .dropdown-panel {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 10px;
  }

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

  .category-showcase {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
}

@media (max-width: 520px) {
  .topbar-left,
  .topbar-right,
  .nav-links {
    width: 100%;
    gap: 8px;
  }

  .soft-pill,
  .small-pill,
  .topbar-right a,
  .nav-links a {
    width: 100%;
    justify-content: center;
  }

  .category-showcase {
    grid-template-columns: 1fr;
  }

  .category-icon {
    width: 116px;
    height: 116px;
  }

  .category-grid,
  .country-grid {
    grid-template-columns: 1fr;
  }

  .top-ticker-card {
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  .top-label {
    min-height: 40px;
    align-self: auto;
  }

  .top-marquee-track {
    padding-left: 8px;
  }
}

/* V9: Retemax Categories moved into the top pill with click/open effect */
.soft-pill {
  position: relative;
  border: 2px solid transparent;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.categories-menu .top-dropdown {
  width: 720px;
  max-width: min(92vw, 760px);
}

.soft-menu[open] > .soft-pill,
.control-dropdown[open] > summary {
  background: var(--premium-accent);
  color: #064d59;
  border-color: var(--teal);
  box-shadow: inset 0 -4px 0 var(--teal), 0 12px 24px rgba(11, 111, 102, .16);
  transform: translateY(-1px);
}

.soft-menu[open] > .soft-pill::before {
  background: var(--teal);
  color: var(--white);
}

.category-grid a {
  position: relative;
  border: 1px solid transparent;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.category-grid a:hover,
.category-grid a:focus,
.category-grid a:active {
  background: #E9FAF6;
  color: #064d59;
  border-color: var(--premium-accent-strong);
  box-shadow: inset 5px 0 0 var(--teal), 0 8px 18px rgba(11, 111, 102, .10);
  transform: translateY(-1px);
  opacity: 1;
}

.category-grid a:focus-visible {
  outline: 3px solid rgba(255, 184, 28, .45);
  outline-offset: 2px;
}

.nav-links a:first-child {
  color: var(--premium-accent);
}

.nav-links a:first-child:hover,
.nav-links a:first-child:focus {
  color: #E9FAF6;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 8px;
}

@media (max-width: 860px) {
  .categories-menu .top-dropdown {
    width: 100%;
    max-width: none;
  }
}

/* V10: Classifieds United Kingdom dropdown with existing Retemax links and active effects */
.nav-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-menu summary {
  list-style: none;
  cursor: pointer;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  border: 1.5px solid rgba(255, 255, 255, .72);
  color: var(--white);
  font-size: 15px;
  font-weight: 900;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.nav-menu summary::-webkit-details-marker {
  display: none;
}

.nav-menu summary::after {
  content: "⌄";
  margin-left: 8px;
  font-size: 14px;
}

.nav-menu[open] > summary,
.nav-menu summary:hover,
.nav-menu summary:focus {
  background: var(--premium-accent);
  color: #064d59;
  border-color: var(--premium-accent-strong);
  box-shadow: inset 0 -4px 0 var(--white), 0 10px 24px rgba(0, 0, 0, .13);
  transform: translateY(-1px);
}

.nav-menu .nav-link-panel {
  top: calc(100% + 14px);
  left: 0;
  width: 310px;
  display: grid;
  gap: 8px;
  padding: 14px;
}

.nav-link-panel a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 14px 10px 18px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: #f6fbfc;
  color: var(--teal-deep);
  font-size: 13px;
  font-weight: 800;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.nav-link-panel a:hover,
.nav-link-panel a:focus,
.nav-link-panel a:active {
  background: #E9FAF6;
  color: #064d59;
  border-color: var(--premium-accent-strong);
  box-shadow: inset 5px 0 0 var(--teal), 0 8px 18px rgba(11, 111, 102, .10);
  transform: translateY(-1px);
  opacity: 1;
}

.nav-link-panel a:focus-visible {
  outline: 3px solid rgba(255, 184, 28, .45);
  outline-offset: 2px;
}

@media (max-width: 860px) {
  .nav-menu,
  .nav-menu summary {
    width: 100%;
  }

  .nav-menu .nav-link-panel {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 10px;
  }
}

/* V11: after Classifieds United Kingdom keep a clean + Add Listing action with stronger effect */
.nav-add-listing-effect {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px !important;
  border-radius: 999px;
  background: var(--premium-accent);
  color: #064d59 !important;
  font-weight: 950 !important;
  box-shadow: inset 0 -4px 0 rgba(255, 255, 255, .62), 0 10px 22px rgba(0, 0, 0, .14);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.nav-add-listing-effect::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.45) 42%, transparent 72%);
  transform: translateX(-120%);
  transition: transform .48s ease;
}

.nav-add-listing-effect:hover,
.nav-add-listing-effect:focus {
  background: #E9FAF6;
  color: var(--teal-deep) !important;
  transform: translateY(-2px);
  box-shadow: inset 0 -4px 0 var(--teal), 0 14px 26px rgba(0, 0, 0, .18);
  opacity: 1 !important;
}

.nav-add-listing-effect:hover::after,
.nav-add-listing-effect:focus::after {
  transform: translateX(120%);
}

.dropdown-add-link {
  background: var(--premium-accent) !important;
  color: #064d59 !important;
  border-color: rgba(255, 184, 28, .6) !important;
  box-shadow: inset 5px 0 0 var(--teal);
}

.dropdown-add-link:hover,
.dropdown-add-link:focus {
  background: #E9FAF6 !important;
  color: var(--teal-deep) !important;
  box-shadow: inset 7px 0 0 var(--teal), 0 10px 20px rgba(11, 111, 102, .12) !important;
}

@media (max-width: 520px) {
  .nav-add-listing-effect {
    width: 100%;
  }
}

/* V12: Classifieds United Kingdom dropdown with all existing Retemax links */
.all-links-panel {
  width: 460px;
  max-width: min(92vw, 520px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.all-links-panel .dropdown-add-link {
  grid-column: 1 / -1;
  min-height: 44px;
}

.classifieds-menu[open] > summary {
  color: var(--premium-accent);
  background: rgba(255,255,255,.10);
  border-radius: 999px;
  padding-inline: 14px;
  box-shadow: inset 0 -3px 0 var(--premium-accent);
}

.classifieds-menu[open] > summary::after {
  color: var(--premium-accent);
}

@media (max-width: 680px) {
  .all-links-panel {
    grid-template-columns: 1fr;
    width: min(92vw, 360px);
  }
}


@media (max-width: 980px) {
  .header-nav {
    align-items: flex-start;
  }

  .nav-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .nav-control-dropdown .dropdown-panel {
    right: auto;
    left: 0;
  }

  .nav-country-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(92vw, 520px);
  }
}

@media (max-width: 560px) {
  .nav-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .nav-control-dropdown summary,
  .nav-direct-link,
  .nav-outline {
    width: 100%;
  }

  .nav-country-grid {
    grid-template-columns: 1fr;
    width: min(92vw, 320px);
  }
}


/* V18: dropdown effects for English and All World */
.nav-control-dropdown[open] > summary {
  color: #4c3700;
  background: linear-gradient(135deg, var(--premium-accent), #CDEDE6);
  box-shadow: 0 12px 28px rgba(255, 184, 28, .30), 0 0 0 3px rgba(255,255,255,.16);
}

.nav-control-dropdown[open] > summary::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -9px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--premium-accent-strong), #E9FAF6);
}

.nav-effect-panel {
  animation: retemax-dropdown-in .18s ease both;
  max-height: 420px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--teal) #e9f6f8;
}


.nav-effect-panel a {
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  transition: color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nav-effect-panel a::before {
  content: "";
  width: 0;
  height: 18px;
  border-radius: 999px;
  background: var(--premium-accent-strong);
  transition: width .18s ease, margin-right .18s ease;
}

.nav-effect-panel a:hover,
.nav-effect-panel a:focus-visible,
.nav-effect-panel a:active {
  color: #4c3700;
  background: linear-gradient(135deg, rgba(255, 211, 106, .58), rgba(255, 255, 255, .95));
  border-color: rgba(255, 184, 28, .45);
  box-shadow: 0 8px 18px rgba(11, 111, 102, .10), inset 0 -2px 0 rgba(255, 184, 28, .45);
  transform: translateX(3px);
  outline: none;
}

.nav-effect-panel a:hover::before,
.nav-effect-panel a:focus-visible::before,
.nav-effect-panel a:active::before {
  width: 5px;
  margin-right: 8px;
}

@keyframes retemax-dropdown-in {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}


@media (max-width: 560px) {
  .nav-country-grid {
    grid-template-columns: 1fr;
    width: min(92vw, 320px);
  }

  .nav-direct-link {
    width: 100%;
  }
}

/* V19: Different individual effects for Retemax Categories, SPEEDTEST, My Account and Register */
.category-effect {
  isolation: isolate;
  background: linear-gradient(135deg, #d7eef2 0%, #ffffff 55%, #d7eef2 100%);
  border-color: rgba(11, 111, 102, .16);
  overflow: hidden;
}

.category-effect::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 20% 20%, rgba(255, 211, 106, .65), transparent 32%), linear-gradient(135deg, rgba(11, 111, 102, .16), transparent 62%);
  opacity: 0;
  transition: opacity .24s ease;
}

.soft-menu:hover > .category-effect,
.soft-menu[open] > .category-effect,
.category-effect:focus-visible {
  color: #064d59;
  background: #E9FAF6;
  border-color: var(--premium-accent-strong);
  transform: translateY(-2px);
  box-shadow: inset 0 -4px 0 var(--teal), 0 14px 28px rgba(11, 111, 102, .20);
}

.soft-menu:hover > .category-effect::after,
.soft-menu[open] > .category-effect::after,
.category-effect:focus-visible::after {
  opacity: 1;
}

.speedtest-effect {
  position: relative;
  background: linear-gradient(135deg, var(--teal) 0%, var(--teal-deep) 100%);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.35);
  overflow: hidden;
}

.speedtest-effect::before {
  content: "⚡";
  background: rgba(255,255,255,.18);
  color: #ffffff;
}

.speedtest-effect::after {
  content: "";
  position: absolute;
  top: -40%;
  bottom: -40%;
  left: -55%;
  width: 44%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform: rotate(18deg);
  transition: left .55s ease;
}

.speedtest-effect:hover,
.speedtest-effect:focus-visible {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 24px rgba(6, 73, 67, .24), 0 0 0 4px rgba(255, 211, 106, .22);
  opacity: 1;
}

.speedtest-effect:hover::after,
.speedtest-effect:focus-visible::after {
  left: 112%;
}

.topbar-right .account-effect,
.topbar-right .register-effect {
  position: relative;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.topbar-right .account-effect {
  padding: 7px 14px 7px 12px;
  background: rgba(11, 111, 102, .08);
}

.topbar-right .account-effect::before {
  content: "♙";
  margin-right: 7px;
  transition: transform .2s ease;
}

.topbar-right .account-effect::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: var(--teal);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
}

.topbar-right .account-effect:hover,
.topbar-right .account-effect:focus-visible {
  color: var(--teal-deep);
  background: rgba(11, 111, 102, .14);
  box-shadow: 0 8px 18px rgba(11, 111, 102, .12);
  transform: translateY(-1px);
  opacity: 1;
}

.topbar-right .account-effect:hover::before,
.topbar-right .account-effect:focus-visible::before {
  transform: rotate(-8deg) scale(1.12);
}

.topbar-right .account-effect:hover::after,
.topbar-right .account-effect:focus-visible::after {
  transform: scaleX(1);
}

.topbar-right .register-effect {
  padding: 7px 16px;
  color: #5b4107;
  background: linear-gradient(135deg, #F0FBF8 0%, var(--premium-accent) 100%);
  box-shadow: inset 0 -3px 0 rgba(255,255,255,.58);
  overflow: hidden;
}

.topbar-right .register-effect::before {
  content: "+";
  margin-right: 7px;
  font-weight: 900;
}

.topbar-right .register-effect::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.72) 45%, transparent 72%);
  transform: translateX(-120%);
  transition: transform .5s ease;
}

.topbar-right .register-effect:hover,
.topbar-right .register-effect:focus-visible {
  color: #064d59;
  background: linear-gradient(135deg, var(--premium-accent) 0%, #E9FAF6 100%);
  box-shadow: inset 0 -3px 0 var(--teal), 0 10px 20px rgba(255, 184, 28, .25);
  transform: translateY(-2px);
  opacity: 1;
}

.topbar-right .register-effect:hover::after,
.topbar-right .register-effect:focus-visible::after {
  transform: translateX(120%);
}

@media (max-width: 860px) {
  .topbar-right .account-effect,
  .topbar-right .register-effect,
  .speedtest-effect {
    width: 100%;
    justify-content: center;
  }
}

/* V20: Contact Us replaces the top Retemax Categories pill; Retemax Categories moves to the old + Add Listing nav spot */
.contact-menu .top-dropdown {
  width: 520px;
  max-width: min(92vw, 560px);
}

.contact-effect {
  isolation: isolate;
  background: linear-gradient(135deg, #ffffff 0%, #e8f7f9 55%, #E9FAF6 100%);
  border-color: rgba(255, 184, 28, .25);
  overflow: hidden;
}

.contact-effect::before {
  content: "✉";
}

.contact-effect::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 211, 106, .48) 45%, transparent 72%);
  transform: translateX(-120%);
  transition: transform .52s ease;
}

.soft-menu:hover > .contact-effect,
.soft-menu[open] > .contact-effect,
.contact-effect:focus-visible {
  color: #064d59;
  background: #E9FAF6;
  border-color: var(--premium-accent-strong);
  transform: translateY(-2px);
  box-shadow: inset 0 -4px 0 var(--teal), 0 14px 28px rgba(11, 111, 102, .18);
}

.soft-menu:hover > .contact-effect::after,
.soft-menu[open] > .contact-effect::after,
.contact-effect:focus-visible::after {
  transform: translateX(120%);
}

.categories-nav-menu {
  position: relative;
}

.categories-nav-menu > summary.category-effect {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  color: #064d59;
  font-weight: 900;
  white-space: nowrap;
}

.categories-nav-menu > summary.category-effect::-webkit-details-marker {
  display: none;
}

.categories-nav-menu > summary.category-effect::before {
  content: "▦";
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  color: var(--teal);
  font-size: 14px;
}

.categories-nav-menu > summary.category-effect::after {
  border: 0;
}

.nav-menu:hover > .category-effect,
.nav-menu[open] > .category-effect,
.categories-nav-menu > .category-effect:focus-visible {
  color: #064d59;
  background: #E9FAF6;
  border-color: var(--premium-accent-strong);
  transform: translateY(-2px);
  box-shadow: inset 0 -4px 0 var(--teal), 0 14px 28px rgba(11, 111, 102, .20);
}

.nav-menu:hover > .category-effect::after,
.nav-menu[open] > .category-effect::after,
.categories-nav-menu > .category-effect:focus-visible::after {
  opacity: 1;
}

.nav-category-panel {
  width: 760px;
  max-width: min(92vw, 780px);
  animation: retemax-dropdown-in .18s ease both;
}

@media (max-width: 860px) {
  .contact-menu .top-dropdown,
  .categories-nav-menu .nav-category-panel {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 10px;
  }

  .categories-nav-menu,
  .categories-nav-menu > summary.category-effect {
    width: 100%;
  }
}


/* V21: Contact Us is a direct link, not a dropdown */
.contact-direct-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.contact-direct-link::marker {
  content: none;
}


/* V22: Retemax Categories dropdown uses original Retemax category links and stronger dropdown effects */
.categories-nav-menu[open] > summary.category-effect {
  color: #064d59;
  background: linear-gradient(135deg, #E9FAF6 0%, #ffffff 50%, #e6f7f9 100%);
  box-shadow: inset 0 -4px 0 var(--premium-accent-strong), 0 16px 30px rgba(11, 111, 102, .24);
}

.categories-nav-menu[open] > summary.category-effect::before {
  background: var(--teal);
  color: var(--white);
  box-shadow: 0 0 0 4px rgba(255, 211, 106, .28);
}

.nav-category-panel {
  padding: 16px;
  border-top: 4px solid var(--premium-accent);
  background: linear-gradient(135deg, #ffffff 0%, #f1fbfc 100%);
}

.nav-category-panel a {
  position: relative;
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 10px 12px 10px 18px;
  border-radius: 14px;
  color: var(--ink);
  font-weight: 800;
  overflow: hidden;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.nav-category-panel a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 999px;
  background: transparent;
  transition: background .18s ease, top .18s ease, bottom .18s ease;
}

.nav-category-panel a:hover,
.nav-category-panel a:focus-visible {
  color: #064d59;
  background: #E9FAF6;
  box-shadow: 0 10px 22px rgba(11, 111, 102, .13);
  transform: translateX(4px);
  opacity: 1;
  outline: none;
}

.nav-category-panel a:hover::before,
.nav-category-panel a:focus-visible::before {
  top: 6px;
  bottom: 6px;
  background: var(--teal);
}

/* V22: Contact Us is a direct Retemax link with its own effect */
.contact-direct-link {
  position: relative;
  border: 1px solid rgba(11, 111, 102, .14);
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.contact-direct-link:hover,
.contact-direct-link:focus-visible {
  color: #064d59;
  background: linear-gradient(135deg, #E9FAF6 0%, #ffffff 58%, #e6f7f9 100%);
  border-color: var(--premium-accent-strong);
  box-shadow: inset 0 -4px 0 var(--teal), 0 14px 28px rgba(11, 111, 102, .18);
  transform: translateY(-2px);
  opacity: 1;
  outline: none;
}

.contact-direct-link:hover::after,
.contact-direct-link:focus-visible::after {
  transform: translateX(120%);
}

/* V24: replace visible “v” dropdown marks with cleaner icons.
   Retemax Categories already has its own category icon, so the extra mark is removed. */
.categories-nav-menu > summary.category-effect::after,
.categories-nav-menu[open] > summary.category-effect::after,
.nav-menu:hover > .category-effect::after,
.nav-menu[open] > .category-effect::after,
.categories-nav-menu > .category-effect:focus-visible::after {
  content: none !important;
  display: none !important;
}

/* Classifieds United Kingdom dropdown: menu icon instead of v/chevron. */
.classifieds-menu > summary::after {
  content: "☰" !important;
  display: inline-grid !important;
  place-items: center;
  width: 23px;
  height: 23px;
  margin-left: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: currentColor;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.classifieds-menu[open] > summary::after,
.classifieds-menu > summary:hover::after,
.classifieds-menu > summary:focus-visible::after {
  background: rgba(255,255,255,.78);
  color: #064d59;
}

/* Language dropdown: globe icon instead of v/chevron. */
.language-dropdown > summary::after {
  content: "🌐" !important;
  display: inline-grid !important;
  place-items: center;
  width: 23px;
  height: 23px;
  margin-left: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  font-size: 13px;
  line-height: 1;
}

.language-dropdown[open] > summary::after,
.language-dropdown > summary:hover::after,
.language-dropdown > summary:focus-visible::after {
  background: rgba(255,255,255,.78);
}

/* All World dropdown: globe/location style icon instead of v/chevron. */
.nav-world-dropdown > summary::after {
  content: "◎" !important;
  display: inline-grid !important;
  place-items: center;
  width: 23px;
  height: 23px;
  margin-left: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: currentColor;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
}

.nav-world-dropdown[open] > summary::after,
.nav-world-dropdown > summary:hover::after,
.nav-world-dropdown > summary:focus-visible::after {
  background: rgba(255,255,255,.78);
  color: #064d59;
}

/* Search form dropdown controls: use compact filter/category icons instead of a v-like mark. */
.control-dropdown summary::after {
  content: "▣" !important;
  display: inline-grid !important;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  border-radius: 999px;
  background: rgba(8,124,143,.10);
  color: var(--teal);
  font-size: 11px;
  line-height: 1;
}

.control-dropdown[open] > summary::after,
.control-dropdown summary:hover::after,
.control-dropdown summary:focus-visible::after {
  background: var(--premium-accent);
  color: #064d59;
}

/* V26 improvements: premium search icon + Add Listing effect */
.search-submit {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(135deg, #0b6f66 0%, #0b6f66 52%, #0e8f83 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 10px 22px rgba(11, 111, 102, .20);
}

.search-submit::before {
  content: "";
  position: absolute;
  inset: -40% -70%;
  background: linear-gradient(120deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%);
  transform: translateX(-75%) rotate(8deg);
  transition: transform .55s ease;
  z-index: -1;
}

.search-submit:hover,
.search-submit:focus-visible {
  background: linear-gradient(135deg, #085b54 0%, #058868 50%, #0e8f83 100%);
  box-shadow: 0 13px 28px rgba(11, 111, 102, .32), 0 0 0 4px rgba(255, 211, 106, .20);
  transform: translateY(-1px);
  outline: none;
}

.search-submit:hover::before,
.search-submit:focus-visible::before {
  transform: translateX(75%) rotate(8deg);
}

.search-submit .search-icon {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, .20);
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.search-submit .search-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.16));
}

.search-submit:hover .search-icon,
.search-submit:focus-visible .search-icon {
  background: rgba(255, 211, 106, .25);
  box-shadow: 0 0 18px rgba(255, 211, 106, .38), inset 0 1px 0 rgba(255,255,255,.32);
  transform: translateY(-1px) scale(1.08) rotate(-5deg);
}

.add-listing {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(135deg, #A7D8CC 0%, #7FBFAF 42%, #0b6f66 100%);
  color: #173a34;
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 12px 28px rgba(127, 191, 175, .26), 0 8px 24px rgba(11, 111, 102, .16);
  transition: transform .22s ease, box-shadow .22s ease, color .22s ease, filter .22s ease;
}

.add-listing::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.55) 48%, transparent 66%);
  transform: translateX(-115%);
  transition: transform .62s ease;
  z-index: -1;
}

.add-listing::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 9px;
  height: 3px;
  border-radius: 999px;
  background: rgba(7, 59, 70, .36);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

.add-listing:hover,
.add-listing:focus-visible {
  color: #0b3d35;
  transform: translateY(-2px);
  filter: saturate(1.08);
  box-shadow: 0 18px 36px rgba(255, 184, 28, .34), 0 12px 28px rgba(11, 111, 102, .22), 0 0 0 4px rgba(255, 211, 106, .22);
  outline: none;
}

.add-listing:hover::before,
.add-listing:focus-visible::before {
  transform: translateX(115%);
}

.add-listing:hover::after,
.add-listing:focus-visible::after {
  transform: scaleX(1);
}

.add-listing:active,
.search-submit:active {
  transform: translateY(0);
}


/* V27 improvements: nicer icons inside All Categories / Any word + one-color Add Listing effect */
.category-select,
.match-select {
  appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat, no-repeat;
  background-size: 19px 19px, 10px 10px;
  background-position: 16px center, calc(100% - 13px) center;
  padding-left: 46px;
  padding-right: 30px;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.category-select {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.7' fill='%230b6f66'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.7' fill='%230b6f66'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.7' fill='%23d2a83f'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.7' fill='%230b6f66'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23064943' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.match-select {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6.5h14M8 12h8M10.5 17.5h3' fill='none' stroke='%230b6f66' stroke-width='2.1' stroke-linecap='round'/%3E%3Ccircle cx='5' cy='6.5' r='2' fill='%23d2a83f'/%3E%3Ccircle cx='8' cy='12' r='2' fill='%23d2a83f'/%3E%3Ccircle cx='10.5' cy='17.5' r='2' fill='%23d2a83f'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23064943' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.category-select:hover,
.category-select:focus,
.match-select:hover,
.match-select:focus {
  background-color: rgba(255, 211, 106, .12);
  color: #064d59;
  box-shadow: inset 0 -2px 0 rgba(210, 168, 63, .75);
}

.add-listing {
  background: #0b6f66;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 12px 26px rgba(11, 111, 102, .22);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.add-listing::before {
  background: rgba(255, 255, 255, .16);
  opacity: 0;
  transform: scale(.86);
  transition: opacity .22s ease, transform .22s ease;
}

.add-listing::after {
  background: rgba(255, 255, 255, .72);
}

.add-listing:hover,
.add-listing:focus-visible {
  background: #085b54;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(11, 111, 102, .34), 0 0 0 4px rgba(11, 111, 102, .14);
  outline: none;
}

.add-listing:hover::before,
.add-listing:focus-visible::before {
  opacity: 1;
  transform: scale(1);
}

.add-listing:hover::after,
.add-listing:focus-visible::after {
  transform: scaleX(1);
}


/* V28 fixes: full select labels + one-color search icon */
.search-form {
  grid-template-columns: 218px 178px minmax(220px, 1fr) 104px;
}

.category-select,
.match-select {
  font-size: 14px;
  line-height: 1;
  text-overflow: clip;
  padding-left: 44px;
  padding-right: 34px;
  background-size: 18px 18px, 9px 9px;
  background-position: 16px center, calc(100% - 14px) center;
}

.search-submit {
  background: #0b6f66;
  color: #ffffff;
  box-shadow: none;
}

.search-submit:hover,
.search-submit:focus-visible {
  background: #085b54;
  box-shadow: 0 10px 20px rgba(11, 111, 102, .22);
}

.search-submit .search-icon {
  background: transparent;
  box-shadow: none;
  color: #ffffff;
}

.search-submit .search-icon svg {
  fill: currentColor;
  filter: none;
}

.search-submit:hover .search-icon,
.search-submit:focus-visible .search-icon {
  background: transparent;
  box-shadow: none;
  color: #ffffff;
  transform: translateY(-1px) scale(1.08);
}

@media (max-width: 1180px) {
  .search-form {
    grid-template-columns: 198px 164px minmax(180px, 1fr) 96px;
  }

  .category-select,
  .match-select {
    font-size: 13px;
    padding-left: 40px;
    padding-right: 32px;
    background-size: 17px 17px, 9px 9px;
    background-position: 14px center, calc(100% - 13px) center;
  }
}

@media (max-width: 860px) {
  .search-form {
    grid-template-columns: 1fr;
  }

  .category-select,
  .match-select {
    font-size: 14px;
    padding-left: 46px;
    padding-right: 38px;
    background-size: 18px 18px, 9px 9px;
    background-position: 17px center, calc(100% - 16px) center;
  }
}


/* Footer V35 */
.retemax-footer-v32 {
  position: relative;
  overflow: hidden;
  color: #eafff8;
  background: var(--teal);
  border-top: 1px solid rgba(255, 255, 255, .18);
}

.retemax-footer-v32::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: none;
}

.footer-v32-inner,
.footer-v32-bottom {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.footer-v32-inner {
  display: grid;
  grid-template-columns: minmax(260px, 1.05fr) minmax(520px, 2fr);
  gap: 52px;
  padding: 56px 0 40px;
}

.footer-v32-brand {
  max-width: 360px;
}

.footer-v32-logo {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 22px;
}

.footer-v32-logo-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #063c36;
  font-weight: 900;
  font-size: 28px;
  background: linear-gradient(135deg, #CDEDE6, #7FBFAF);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255,255,255,.65);
}

.footer-v32-logo-text {
  font-size: 31px;
  font-weight: 900;
  letter-spacing: -.8px;
}

.footer-v32-brand p {
  margin: 0 0 24px;
  color: rgba(234, 255, 248, .82);
  line-height: 1.75;
  font-size: 15px;
}

.footer-v32-social {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.footer-v32-social a {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #eafff8;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .12);
  transition: transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
}

.footer-v32-social a:hover,
.footer-v32-social a:focus-visible {
  transform: translateY(-3px);
  color: var(--teal);
  background: var(--premium-accent);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
  outline: none;
}

.footer-v32-social a:active {
  color: #ffffff;
  background: var(--teal-deep);
  transform: translateY(-1px) scale(.98);
}

.footer-v32-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 36px;
}

.footer-v32-column h2 {
  position: relative;
  margin: 0 0 18px;
  padding-bottom: 12px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -.2px;
}

.footer-v32-column h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  border-radius: 999px;
  background: #A7D8CC;
}

.footer-v32-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 11px;
}

.footer-v32-column a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(234, 255, 248, .78);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.35;
  transition: color .2s ease, transform .2s ease;
}

.footer-v32-column a::before {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: #A7D8CC;
  transition: width .2s ease;
}

.footer-v32-column a:hover,
.footer-v32-column a:focus-visible {
  color: var(--premium-accent);
  transform: translateX(4px);
  outline: none;
}

.footer-v32-column a:active {
  color: #ffffff;
  transform: translateX(6px) scale(.99);
}

.footer-v32-column a:hover::before,
.footer-v32-column a:focus-visible::before {
  width: 12px;
}

.footer-v32-bottom {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 22px 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
  color: rgba(234, 255, 248, .78);
  font-size: 14px;
}

.footer-v32-bottom a {
  color: var(--premium-accent);
  text-decoration: none;
  font-weight: 800;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.footer-v32-bottom a:hover,
.footer-v32-bottom a:focus-visible {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: var(--premium-accent);
  outline: none;
}

.footer-v32-bottom a:active {
  color: var(--premium-accent-strong);
}

.scroll-buttons {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 50;
  display: grid;
  gap: 12px;
}

.scroll-btn {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  color: #063c36;
  font-size: 23px;
  font-weight: 900;
  background: var(--premium-accent);
  box-shadow: 0 14px 34px rgba(7, 76, 91, .25);
  transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.scroll-btn:hover,
.scroll-btn:focus-visible {
  transform: translateY(-3px) scale(1.04);
  color: #ffffff;
  background: var(--teal-deep);
  box-shadow: 0 18px 38px rgba(6, 73, 67, .28);
  outline: none;
}

@media (max-width: 940px) {
  .footer-v32-inner {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .footer-v32-brand {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .footer-v32-inner,
  .footer-v32-bottom {
    width: min(100% - 28px, 1180px);
  }

  .footer-v32-columns {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-v32-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .scroll-buttons {
    right: 14px;
    bottom: 14px;
  }

  .scroll-btn {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }
}


/* V34 - Follow Retemax social links on the right side */
.footer-v32-brand-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.08);
  font-size: 13px;
  font-weight: 700;
}

.footer-social-column {
  min-width: 260px;
  justify-self: end;
}

.footer-social-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(112px, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.footer-social-grid .social-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.86);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  overflow: hidden;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.footer-social-grid .social-link::before {
  content: "";
  position: absolute;
  inset: auto 12px 6px 46px;
  height: 2px;
  border-radius: 999px;
  background: #A7D8CC;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
}

.footer-social-grid .social-link:hover,
.footer-social-grid .social-link:focus-visible {
  color: #A7D8CC;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(224, 193, 106, 0.55);
  transform: translateY(-2px);
  outline: none;
}

.footer-social-grid .social-link:hover::before,
.footer-social-grid .social-link:focus-visible::before {
  transform: scaleX(1);
}

.footer-social-grid .social-link:active {
  color: #ffffff;
  transform: translateY(0) scale(.98);
}

.footer-social-grid .social-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 999px;
  color: #064e45;
  background: #ffffff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.footer-social-grid .social-link:hover .social-icon,
.footer-social-grid .social-link:focus-visible .social-icon {
  background: #A7D8CC;
  color: #063e38;
  transform: rotate(-6deg) scale(1.06);
}

.footer-social-grid .social-link span:last-child {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
}

@media (max-width: 760px) {
  .footer-social-column {
    justify-self: stretch;
    min-width: 0;
  }

  .footer-social-grid {
    grid-template-columns: 1fr;
  }
}


/* V35 - Premium single-color footer + icon-only social links with hover labels */
:root {
  --footer-premium: #075E57;
  --footer-premium-dark: #054B46;
  --footer-premium-soft: rgba(230, 255, 247, 0.88);
  --footer-premium-muted: rgba(230, 255, 247, 0.72);
  --footer-premium-line: rgba(255, 255, 255, 0.16);
  --footer-accent-hover: #A7D8CC;
}

.retemax-footer-v32 {
  background: var(--footer-premium);
  color: var(--footer-premium-soft);
}

.footer-v32-logo-mark {
  color: var(--footer-premium-dark);
  background: #A7D8CC;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.65);
}

.footer-v32-brand p,
.footer-v32-bottom,
.footer-v32-column a {
  color: var(--footer-premium-muted);
}

.footer-v32-column h2::after,
.footer-v32-column a::before {
  background: var(--footer-accent-hover);
}

.footer-v32-column a:hover,
.footer-v32-column a:focus-visible,
.footer-v32-bottom a:hover,
.footer-v32-bottom a:focus-visible {
  color: var(--footer-accent-hover);
}

.footer-v32-column a:active,
.footer-v32-bottom a:active {
  color: #ffffff;
}

.footer-v32-bottom {
  border-top-color: var(--footer-premium-line);
}

.footer-social-column {
  justify-self: end;
  min-width: 230px;
}

.footer-social-grid {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.footer-social-grid .social-link {
  position: relative;
  width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.16);
  overflow: visible;
  transition: transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.footer-social-grid .social-link::before {
  content: "";
  position: absolute;
  inset: auto auto -6px 50%;
  width: 18px;
  height: 3px;
  border-radius: 999px;
  background: var(--footer-accent-hover);
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

.footer-social-grid .social-link::after {
  content: attr(aria-label);
  position: absolute;
  right: 50%;
  bottom: calc(100% + 12px);
  transform: translate(50%, 6px);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--footer-premium-dark);
  background: var(--footer-accent-hover);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
  box-shadow: 0 12px 22px rgba(0, 0, 0, .18);
  transition: opacity .18s ease, transform .18s ease;
}

.footer-social-grid .social-link:hover,
.footer-social-grid .social-link:focus-visible {
  color: var(--footer-premium-dark);
  background: var(--footer-accent-hover);
  border-color: rgba(167, 216, 204, 0.88);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
  transform: translateY(-3px);
  outline: none;
}

.footer-social-grid .social-link:hover::before,
.footer-social-grid .social-link:focus-visible::before {
  transform: translateX(-50%) scaleX(1);
}

.footer-social-grid .social-link:hover::after,
.footer-social-grid .social-link:focus-visible::after {
  opacity: 1;
  transform: translate(50%, 0);
}

.footer-social-grid .social-link:active {
  color: #ffffff;
  background: var(--footer-premium-dark);
  transform: translateY(-1px) scale(.97);
}

.footer-social-grid .social-icon {
  width: 100%;
  height: 100%;
  flex: none;
  border-radius: inherit;
  color: currentColor;
  background: transparent;
  font-size: 14px;
  font-weight: 900;
  transition: transform .2s ease;
}

.footer-social-grid .social-link:hover .social-icon,
.footer-social-grid .social-link:focus-visible .social-icon {
  background: transparent;
  color: currentColor;
  transform: scale(1.08);
}

.scroll-btn {
  color: var(--footer-premium-dark);
  background: var(--footer-accent-hover);
}

.scroll-btn:hover,
.scroll-btn:focus-visible {
  color: #ffffff;
  background: var(--footer-premium-dark);
}

@media (max-width: 760px) {
  .footer-social-column {
    justify-self: start;
    min-width: 0;
  }

  .footer-social-grid {
    justify-content: flex-start;
  }

  .footer-social-grid .social-link::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, 6px);
  }

  .footer-social-grid .social-link:hover::after,
  .footer-social-grid .social-link:focus-visible::after {
    transform: translate(-50%, 0);
  }
}


/* Final home page alignment */
.final-home {
  width: min(1180px, calc(100% - 40px));
  margin: 42px auto 64px;
}

.home-hero-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 26px;
  align-items: stretch;
  padding: 34px;
  border: 1px solid rgba(11, 111, 102, .14);
  border-radius: 30px;
  background: linear-gradient(135deg, #ffffff 0%, #f0faf7 100%);
  box-shadow: 0 18px 46px rgba(6, 73, 67, .10);
}

.home-hero-copy .eyebrow {
  margin: 0 0 10px;
  color: var(--teal);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
}

.home-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.03;
  letter-spacing: -.05em;
}

.home-hero-copy p {
  max-width: 680px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.home-hero-card {
  display: grid;
  gap: 12px;
  align-content: center;
  padding: 22px;
  border-radius: 24px;
  background: var(--teal);
  box-shadow: 0 18px 38px rgba(6, 73, 67, .18);
}

.home-hero-card a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  background: #ffffff;
  color: var(--teal-deep);
  font-weight: 900;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.home-hero-card a:first-child {
  background: var(--premium-accent);
  color: #4a3506;
}

.home-hero-card a:hover,
.home-hero-card a:focus-visible {
  transform: translateY(-2px);
  background: var(--teal-deep);
  color: #ffffff;
  outline: none;
}

.home-section {
  margin-top: 28px;
  padding: 28px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid rgba(11, 111, 102, .12);
  box-shadow: 0 14px 34px rgba(6, 73, 67, .07);
}

.section-heading,
.compact-home-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.section-heading h2,
.compact-home-note h2 {
  margin: 0;
  color: var(--ink);
  font-size: 24px;
}

.section-heading a,
.compact-home-note > a {
  color: var(--teal);
  font-weight: 900;
}

.listing-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}

.listing-preview-card {
  padding: 22px;
  border-radius: 22px;
  background: #f3faf8;
  border: 1px solid rgba(11, 111, 102, .12);
}

.listing-preview-card span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.listing-preview-card h3 {
  margin: 10px 0 8px;
  color: var(--ink);
}

.listing-preview-card p,
.compact-home-note p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.footer-logo-unified {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 8px 12px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .14);
}

.footer-logo-unified img {
  width: 190px;
  height: auto;
  display: block;
  filter: none;
}

@media (max-width: 860px) {
  .final-home {
    width: min(100% - 28px, 1180px);
    margin-top: 30px;
  }

  .home-hero-preview,
  .listing-preview-grid {
    grid-template-columns: 1fr;
  }

  .home-hero-preview,
  .home-section {
    padding: 22px;
  }

  .section-heading,
  .compact-home-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-logo-unified img {
    width: 160px;
  }
}


/* V38 fixes: keep original logo/search shape; only color aligned, footer logo fixed */
.logo-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.logo-link img {
  width: 184px;
  height: auto;
  display: block;
}

.search-submit {
  background: var(--teal);
  color: #ffffff;
  box-shadow: none;
}

.search-submit:hover,
.search-submit:focus-visible {
  background: var(--teal-dark);
  box-shadow: 0 10px 20px rgba(11, 111, 102, .22);
  outline: none;
}

.search-submit .search-icon {
  background: transparent;
  box-shadow: none;
  color: #ffffff;
}

.search-submit .search-icon svg {
  fill: currentColor;
  filter: none;
}

.footer-logo-unified {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 8px 12px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .14);
}

.footer-logo-unified img {
  width: 190px;
  height: auto;
  display: block;
  filter: none !important;
}

@media (max-width: 860px) {
  .footer-logo-unified img { width: 160px; }
}


/* V39 - TikTok social icon */
.footer-social-grid .social-tiktok .social-icon {
  font-size: 18px;
  font-weight: 900;
}


/* V41 - Follow Retemax social grid + premium aqua-mint accent cleanup */
:root {
  --premium-accent: #A7D8CC;
  --premium-accent-strong: #7FBFAF;
  --footer-accent-hover: #A7D8CC;
}

.footer-social-grid {
  display: grid;
  grid-template-columns: repeat(4, 46px);
  justify-content: end;
  align-items: center;
  gap: 12px;
}

.footer-social-grid .social-tiktok {
  grid-column: 1;
  grid-row: 3;
}

.footer-social-grid .social-link:hover,
.footer-social-grid .social-link:focus-visible {
  background: var(--premium-accent);
  border-color: rgba(167, 216, 204, .9);
  color: var(--footer-premium-dark);
}

.footer-social-grid .social-link::before,
.footer-v32-column h2::after,
.footer-v32-column a::before {
  background: var(--premium-accent);
}

.footer-v32-column a:hover,
.footer-v32-column a:focus-visible,
.footer-v32-bottom a:hover,
.footer-v32-bottom a:focus-visible {
  color: var(--premium-accent);
}

.footer-v32-logo-mark,
.scroll-btn {
  background: var(--premium-accent);
  color: var(--footer-premium-dark);
}

@media (max-width: 760px) {
  .footer-social-column {
    justify-self: start;
  }

  .footer-social-grid {
    grid-template-columns: repeat(4, 46px);
    justify-content: start;
  }

  .footer-social-grid .social-tiktok {
    grid-column: 1;
    grid-row: 3;
  }
}


/* V44 - Footer Information and Advertisement link hover colors */
.footer-information-links a,
.footer-advertisement-links a {
  transition: color .2s ease, transform .2s ease, opacity .2s ease;
}

.footer-information-links a:hover,
.footer-information-links a:focus-visible,
.footer-advertisement-links a:hover,
.footer-advertisement-links a:focus-visible {
  color: var(--premium-accent);
  transform: translateX(4px);
  opacity: 1;
  outline: none;
}

.footer-information-links a:active,
.footer-advertisement-links a:active {
  color: var(--premium-accent-strong);
}


/* V45 - Footer only: premium hover color for Information and Advertisement links */
.retemax-footer-v32 .footer-v32-group:nth-of-type(1) a:hover,
.retemax-footer-v32 .footer-v32-group:nth-of-type(1) a:focus-visible,
.retemax-footer-v32 .footer-v32-group:nth-of-type(1) a:active,
.retemax-footer-v32 .footer-v32-group:nth-of-type(2) a:hover,
.retemax-footer-v32 .footer-v32-group:nth-of-type(2) a:focus-visible,
.retemax-footer-v32 .footer-v32-group:nth-of-type(2) a:active {
  color: #7DE7D6;
  opacity: 1;
  transform: translateX(3px);
}

.retemax-footer-v32 .footer-v32-group:nth-of-type(1) a:focus-visible,
.retemax-footer-v32 .footer-v32-group:nth-of-type(2) a:focus-visible {
  outline: 2px solid rgba(125, 231, 214, .55);
  outline-offset: 3px;
  border-radius: 8px;
}


/* V46 - Footer only: clearly visible premium hover color for Information and Advertisement links */
.retemax-footer-v32 .footer-information-links a:hover,
.retemax-footer-v32 .footer-information-links a:focus-visible,
.retemax-footer-v32 .footer-advertisement-links a:hover,
.retemax-footer-v32 .footer-advertisement-links a:focus-visible {
  color: #FFB7A1 !important;
  opacity: 1;
  transform: translateX(4px);
  outline: none;
}

.retemax-footer-v32 .footer-information-links a:hover::before,
.retemax-footer-v32 .footer-information-links a:focus-visible::before,
.retemax-footer-v32 .footer-advertisement-links a:hover::before,
.retemax-footer-v32 .footer-advertisement-links a:focus-visible::before {
  width: 14px;
  background: #FFB7A1 !important;
}

.retemax-footer-v32 .footer-information-links a:active,
.retemax-footer-v32 .footer-advertisement-links a:active {
  color: #FFFFFF !important;
}


/* V47 - Only requested hover colors: footer Information/Advertisement premium blue + TOP aqua-mint */
.retemax-footer-v32 .footer-information-links a:hover,
.retemax-footer-v32 .footer-information-links a:focus-visible,
.retemax-footer-v32 .footer-advertisement-links a:hover,
.retemax-footer-v32 .footer-advertisement-links a:focus-visible {
  color: #7FCBFF !important;
  opacity: 1;
  transform: translateX(4px);
  outline: none;
}

.retemax-footer-v32 .footer-information-links a:hover::before,
.retemax-footer-v32 .footer-information-links a:focus-visible::before,
.retemax-footer-v32 .footer-advertisement-links a:hover::before,
.retemax-footer-v32 .footer-advertisement-links a:focus-visible::before {
  width: 14px;
  background: #7FCBFF !important;
}

.retemax-footer-v32 .footer-information-links a:active,
.retemax-footer-v32 .footer-advertisement-links a:active {
  color: #BFE7FF !important;
}

.top-marquee a:hover,
.top-marquee a:focus,
.top-marquee a:active {
  color: #7DE7D6 !important;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #7DE7D6 !important;
}

.top-marquee a:hover::before,
.top-marquee a:focus::before,
.top-marquee a:active::before {
  color: #7DE7D6 !important;
}

.top-marquee a:focus-visible {
  outline: 2px solid rgba(125, 231, 214, .7);
  outline-offset: 3px;
}

/* V48 - TOP Text premium hover only */
.top-marquee a:hover,
.top-marquee a:focus,
.top-marquee a:active {
  color: #2F80ED !important;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #2F80ED !important;
}

.top-marquee a:hover::before,
.top-marquee a:focus::before,
.top-marquee a:active::before {
  color: #2F80ED !important;
}

.top-marquee a:focus-visible {
  outline: 2px solid rgba(47, 128, 237, .72) !important;
  outline-offset: 3px;
}


/* V49 - TOP Text previous gold hover only */
.top-marquee a:hover,
.top-marquee a:focus,
.top-marquee a:active {
  color: #B27900 !important;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #FFB81C !important;
}

.top-marquee a:hover::before,
.top-marquee a:focus::before,
.top-marquee a:active::before {
  color: #FFB81C !important;
}

.top-marquee a:focus-visible {
  outline: 2px solid rgba(255, 184, 28, .72) !important;
  outline-offset: 3px;
}


/* V50 - Footer only: Information and Advertisement links previous gold hover */
.retemax-footer-v32 .footer-information-links a:hover,
.retemax-footer-v32 .footer-information-links a:focus-visible,
.retemax-footer-v32 .footer-advertisement-links a:hover,
.retemax-footer-v32 .footer-advertisement-links a:focus-visible {
  color: #FFB81C !important;
  opacity: 1;
  transform: translateX(4px);
  outline: none;
}

.retemax-footer-v32 .footer-information-links a:hover::before,
.retemax-footer-v32 .footer-information-links a:focus-visible::before,
.retemax-footer-v32 .footer-advertisement-links a:hover::before,
.retemax-footer-v32 .footer-advertisement-links a:focus-visible::before {
  width: 14px;
  background: #FFB81C !important;
}

.retemax-footer-v32 .footer-information-links a:active,
.retemax-footer-v32 .footer-advertisement-links a:active {
  color: #B27900 !important;
}


/* V51 - Only dropdown link hover: Classifieds United Kingdom and Retemax Categories use previous champagne gold */
.classifieds-menu .nav-link-panel a:hover,
.classifieds-menu .nav-link-panel a:focus-visible,
.classifieds-menu .nav-link-panel a:active,
.categories-nav-menu .nav-category-panel a:hover,
.categories-nav-menu .nav-category-panel a:focus-visible,
.categories-nav-menu .nav-category-panel a:active {
  color: #B27900 !important;
  background: #FFF7E4 !important;
  border-color: #FFB81C !important;
  box-shadow: inset 5px 0 0 #FFB81C, 0 10px 22px rgba(255, 184, 28, .18) !important;
  opacity: 1;
}

.classifieds-menu .nav-link-panel a:hover::before,
.classifieds-menu .nav-link-panel a:focus-visible::before,
.categories-nav-menu .nav-category-panel a:hover::before,
.categories-nav-menu .nav-category-panel a:focus-visible::before {
  background: #FFB81C !important;
}

/* V51 - Fix visibility for Cars Trucks in Retemax Categories dropdown */
.categories-nav-menu .nav-category-panel a:first-child {
  color: #064943 !important;
  background: #FFFFFF;
  font-weight: 900;
}

.categories-nav-menu .nav-category-panel a:first-child:hover,
.categories-nav-menu .nav-category-panel a:first-child:focus-visible,
.categories-nav-menu .nav-category-panel a:first-child:active {
  color: #B27900 !important;
  background: #FFF7E4 !important;
}


/* V52 - Fix only the first item visibility inside Classifieds United Kingdom dropdown */
.classifieds-menu .nav-link-panel a:first-child {
  color: var(--teal-deep) !important;
  background: #f6fbfc !important;
  border-color: rgba(11, 111, 102, .14) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.classifieds-menu .nav-link-panel a:first-child:hover,
.classifieds-menu .nav-link-panel a:first-child:focus-visible,
.classifieds-menu .nav-link-panel a:first-child:active {
  color: #B27900 !important;
  background: #FFF7E4 !important;
  border-color: #FFB81C !important;
  box-shadow: inset 5px 0 0 #FFB81C, 0 10px 22px rgba(255, 184, 28, .18) !important;
}


/* =========================================================
   Retemax Home Page - Categories First
   ========================================================= */
.home-marketplace {
  background:
    radial-gradient(circle at top left, rgba(255, 211, 106, .16), transparent 34%),
    linear-gradient(180deg, #f7fbfa 0%, #eef8f5 100%);
  padding: 42px 18px 70px;
}

.home-intro-panel,
.home-categories-section {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.home-intro-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 34px;
  border: 1px solid rgba(11, 111, 102, .16);
  border-radius: 30px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 24px 60px rgba(6, 73, 67, .10);
}

.home-kicker,
.home-section-heading p {
  margin: 0 0 8px;
  color: var(--teal-dark);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.home-intro-panel h1 {
  max-width: 760px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.02;
  letter-spacing: -1.6px;
}

.home-intro-panel p:not(.home-kicker) {
  max-width: 680px;
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}

.home-location-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--teal);
  box-shadow: 0 16px 32px rgba(6, 73, 67, .18);
  font-weight: 900;
  white-space: nowrap;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.home-location-cta:hover,
.home-location-cta:focus-visible {
  background: var(--teal-dark);
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(6, 73, 67, .24);
  outline: none;
}

.home-categories-section {
  margin-top: 34px;
  padding: 34px;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(11, 111, 102, .12);
  box-shadow: 0 22px 54px rgba(6, 73, 67, .08);
}

.home-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 24px;
}

.home-section-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -.8px;
}

.home-section-heading > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #e4f1ee;
  font-weight: 800;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.home-section-heading > a:hover,
.home-section-heading > a:focus-visible {
  color: #6a4300;
  background: var(--champagne);
  transform: translateY(-1px);
  outline: none;
}

.home-categories-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.home-category-card {
  position: relative;
  min-height: 116px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px solid rgba(11, 111, 102, .12);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #f6fbfa);
  box-shadow: 0 12px 28px rgba(6, 73, 67, .06);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.home-category-card::after {
  content: "";
  position: absolute;
  inset: auto 18px 12px 18px;
  height: 3px;
  border-radius: 999px;
  background: var(--champagne);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .24s ease;
}

.home-category-card:hover,
.home-category-card:focus-visible {
  border-color: rgba(255, 211, 106, .75);
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(6, 73, 67, .13);
  transform: translateY(-3px);
  outline: none;
}

.home-category-card:hover::after,
.home-category-card:focus-visible::after {
  transform: scaleX(1);
}

.home-category-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #ffffff;
  background: var(--teal);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 10px 22px rgba(6, 73, 67, .16);
}

.home-category-icon svg {
  width: 25px;
  height: 25px;
  fill: currentColor;
}

.home-category-content {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.home-category-content strong {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.25;
}

.home-category-content small {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.home-category-card:hover .home-category-icon,
.home-category-card:focus-visible .home-category-icon {
  color: #6a4300;
  background: var(--champagne);
}

.home-category-card:hover .home-category-content strong,
.home-category-card:focus-visible .home-category-content strong {
  color: var(--teal-dark);
}

@media (max-width: 1080px) {
  .home-categories-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .home-intro-panel,
  .home-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-location-cta,
  .home-section-heading > a {
    width: 100%;
  }

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

@media (max-width: 540px) {
  .home-marketplace {
    padding-inline: 12px;
  }

  .home-intro-panel,
  .home-categories-section {
    padding: 22px;
    border-radius: 24px;
  }

  .home-categories-grid {
    grid-template-columns: 1fr;
  }
}


/* V54: Categories refined - better icon presentation, title first, number of ads below */
.home-categories-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.home-category-card {
  min-height: 158px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
  padding: 22px 16px 20px;
  text-align: center;
  border-color: rgba(11, 111, 102, .14);
  background: linear-gradient(180deg, #ffffff 0%, #f7fcfb 100%);
}

.home-category-icon {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  color: #ffffff;
  background: linear-gradient(145deg, var(--teal), var(--teal-dark));
  box-shadow: 0 16px 28px rgba(6, 73, 67, .18), inset 0 1px 0 rgba(255,255,255,.22);
}

.home-category-icon svg {
  width: 29px;
  height: 29px;
}

.home-category-content {
  justify-items: center;
  gap: 7px;
}

.home-category-content strong {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -.15px;
}

.home-category-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: #e6f3f0;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.home-category-card:hover .home-category-icon,
.home-category-card:focus-visible .home-category-icon {
  color: #6a4300;
  background: linear-gradient(145deg, var(--champagne), var(--champagne-deep));
}

.home-category-card:hover .home-category-count,
.home-category-card:focus-visible .home-category-count {
  color: #6a4300;
  background: rgba(255, 211, 106, .35);
}

@media (max-width: 1080px) {
  .home-categories-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-category-card {
    min-height: 142px;
  }
  .home-category-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }
}


/* V55: premium category icons and count-only labels */
.home-category-icon {
  position: relative;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  color: #ffffff;
  background: linear-gradient(145deg, #0b6f66 0%, #0f8b7d 54%, #72d9cb 100%);
  box-shadow:
    0 16px 34px rgba(6, 73, 67, .20),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -10px 18px rgba(3, 43, 40, .16);
  border: 1px solid rgba(255,255,255,.46);
}

.home-category-icon::before {
  content: "";
  position: absolute;
  inset: 7px 9px auto 9px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,255,255,0));
  pointer-events: none;
}

.home-category-icon svg {
  width: 29px;
  height: 29px;
  fill: currentColor;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.12));
}

.home-category-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 58px;
  margin-inline: auto;
  padding: 5px 12px;
  border-radius: 999px;
  color: #0b6f66;
  background: #e7f6f2;
  border: 1px solid rgba(11, 111, 102, .14);
  font-weight: 800;
  letter-spacing: .01em;
}

.home-category-card:hover .home-category-icon,
.home-category-card:focus-visible .home-category-icon {
  transform: translateY(-3px) scale(1.03);
  box-shadow:
    0 22px 44px rgba(6, 73, 67, .25),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -10px 18px rgba(3, 43, 40, .16);
}


/* V56: larger and more realistic premium category icons */
.home-category-card {
  min-height: 184px;
  gap: 17px;
  padding: 24px 16px 22px;
}

.home-category-icon {
  width: 78px;
  height: 78px;
  border-radius: 26px;
  color: #ffffff;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.38) 0 18%, rgba(255,255,255,0) 36%),
    linear-gradient(145deg, #0b6f66 0%, #0f8b7d 54%, #6ed9cc 100%);
  box-shadow:
    0 20px 40px rgba(6, 73, 67, .24),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -14px 22px rgba(3, 43, 40, .18);
  border: 1px solid rgba(255,255,255,.58);
}

.home-category-icon::before {
  inset: 8px 11px auto 11px;
  height: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,0));
}

.home-category-icon svg {
  width: 40px;
  height: 40px;
  fill: currentColor;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.16));
}

.home-category-content strong {
  font-size: 16.5px;
}

.home-category-count {
  min-width: 64px;
  min-height: 30px;
  padding: 6px 14px;
  font-size: 13px;
}

.home-category-card:hover .home-category-icon,
.home-category-card:focus-visible .home-category-icon {
  transform: translateY(-4px) scale(1.06);
  box-shadow:
    0 26px 50px rgba(6, 73, 67, .28),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -14px 22px rgba(3, 43, 40, .18);
}

@media (max-width: 640px) {
  .home-category-card {
    min-height: 162px;
  }

  .home-category-icon {
    width: 68px;
    height: 68px;
    border-radius: 22px;
  }

  .home-category-icon svg {
    width: 35px;
    height: 35px;
  }
}


/* =========================================================
   V57: Category layout like provided reference image
   - large rounded teal icon tiles
   - category name below
   - number below the name
   - header and footer unchanged
   ========================================================= */
.home-categories-section {
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(6, 73, 67, .07);
}

.home-categories-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 34px 28px;
  align-items: start;
}

.home-category-card {
  min-height: auto;
  padding: 0;
  gap: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  text-align: center;
}

.home-category-card::after {
  display: none;
}

.home-category-icon {
  width: 116px;
  height: 116px;
  margin-inline: auto;
  border-radius: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.25) 0 18%, rgba(255,255,255,0) 36%),
    linear-gradient(145deg, #087f91 0%, #057689 100%);
  border: 0;
  box-shadow: 0 16px 30px rgba(5, 89, 99, .18);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.home-category-icon::before {
  display: none;
}

.home-category-icon svg {
  width: 66px;
  height: 66px;
  fill: currentColor;
  filter: drop-shadow(0 3px 3px rgba(0,0,0,.14));
}

.home-category-content {
  gap: 5px;
}

.home-category-content strong {
  color: #050f14;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.3px;
  line-height: 1.22;
}

.home-category-count {
  min-width: auto;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #0b6f66;
  background: transparent;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .01em;
}

.home-category-card:hover,
.home-category-card:focus-visible {
  background: transparent;
  box-shadow: none;
  transform: translateY(-4px);
}

.home-category-card:hover .home-category-icon,
.home-category-card:focus-visible .home-category-icon {
  color: #ffffff;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.32) 0 18%, rgba(255,255,255,0) 36%),
    linear-gradient(145deg, #0b6f66 0%, #087f91 100%);
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 22px 44px rgba(5, 89, 99, .24);
}

.home-category-card:hover .home-category-content strong,
.home-category-card:focus-visible .home-category-content strong {
  color: var(--teal-dark);
}

.home-category-card:hover .home-category-count,
.home-category-card:focus-visible .home-category-count {
  color: var(--champagne-deep);
  background: transparent;
}

@media (max-width: 1180px) {
  .home-categories-grid {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
  }
}

@media (max-width: 900px) {
  .home-categories-grid {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
  }
}

@media (max-width: 640px) {
  .home-categories-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 28px 18px;
  }
  .home-category-icon {
    width: 96px;
    height: 96px;
    border-radius: 21px;
  }
  .home-category-icon svg {
    width: 54px;
    height: 54px;
  }
  .home-category-content strong {
    font-size: 16px;
  }
}


/* =========================================================
   V58 - Modern category icons only; header and footer unchanged
   ========================================================= */
.home-categories-section .home-category-icon-modern {
  width: 82px;
  height: 82px;
  border-radius: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(145deg, var(--teal), var(--teal-deep));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -14px 24px rgba(0,0,0,.08),
    0 16px 30px rgba(6, 73, 67, .18);
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.home-categories-section .home-category-glyph {
  display: block;
  font-size: 38px;
  line-height: 1;
  filter: drop-shadow(0 7px 10px rgba(0,0,0,.18));
  transform: translateY(1px);
}

.home-categories-section .home-category-card:hover .home-category-icon-modern,
.home-categories-section .home-category-card:focus-visible .home-category-icon-modern {
  color: #ffffff;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.30), transparent 36%),
    linear-gradient(145deg, #0b7b72, #064943);
  transform: translateY(-4px) scale(1.03);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -14px 24px rgba(0,0,0,.10),
    0 22px 40px rgba(6, 73, 67, .24);
}

.home-categories-section .home-category-card {
  min-height: 148px;
  align-items: center;
}

@media (max-width: 540px) {
  .home-categories-section .home-category-icon-modern {
    width: 72px;
    height: 72px;
    border-radius: 22px;
  }

  .home-categories-section .home-category-glyph {
    font-size: 33px;
  }
}


/* V59 - realistic illustrations only for Cars Trucks and Real Estate */
.home-category-icon-illustration { overflow: hidden; }
.home-category-icon-illustration img { width: 78px; height: 78px; object-fit: contain; display:block; filter: drop-shadow(0 10px 14px rgba(0,0,0,.18)); }
@media (max-width: 540px) { .home-category-icon-illustration img { width: 68px; height: 68px; } }


/* V60 - real object illustrations for every category; header/footer unchanged */
.home-category-icon-illustration { overflow:hidden; }
.home-category-icon-illustration img{width:82px;height:82px;object-fit:contain;display:block;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18));}
@media (max-width:540px){.home-category-icon-illustration img{width:72px;height:72px;}}


/* V61 - keep all real-object category icons, resize closer to original Retemax categories only */
.home-categories-section .home-category-icon-modern{width:74px;height:74px;border-radius:22px;}
.home-categories-section .home-category-card{min-height:140px;}
.home-category-icon-illustration img{width:62px !important;height:62px !important;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.16));}
@media (max-width:540px){.home-categories-section .home-category-icon-modern{width:68px;height:68px;border-radius:20px;}.home-category-icon-illustration img{width:56px !important;height:56px !important;}}


/* V62 - Retemax Categories: 4 items per row, real object icons, original-size feel */
.home-categories-grid {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 34px 30px;
}
.home-categories-section .home-category-card {
  min-height: 140px;
}
.home-categories-section .home-category-icon-modern {
  width: 74px;
  height: 74px;
  border-radius: 22px;
}
.home-category-icon-illustration img {
  width: 62px !important;
  height: 62px !important;
}
@media (max-width: 980px) {
  .home-categories-grid {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }
}
@media (max-width: 700px) {
  .home-categories-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    gap: 28px 18px;
  }
}
@media (max-width: 430px) {
  .home-categories-grid {
    grid-template-columns: 1fr;
  }
}


/* V64 - nicer and more realistic category icons only; header/footer unchanged */
.home-categories-section .home-category-card{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,249,.98)); border:1px solid rgba(10,96,88,.10); box-shadow:0 14px 26px rgba(6,73,67,.07); padding:28px 18px 24px;}
.home-categories-section .home-category-card::after{background:linear-gradient(90deg, rgba(143,216,202,.18), rgba(255,210,106,.10));}
.home-categories-section .home-category-card:hover,.home-categories-section .home-category-card:focus-visible{transform:translateY(-6px); border-color:rgba(10,96,88,.16); box-shadow:0 22px 38px rgba(6,73,67,.12);}
.home-categories-section .home-category-icon-modern{width:88px; height:88px; border-radius:50%; background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.95), rgba(255,255,255,.25) 34%, transparent 36%), linear-gradient(180deg, #eef8f5 0%, #e2f2ee 100%); border:1px solid rgba(10,96,88,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(6,73,67,.10); color:#0b6f66;}
.home-category-icon-illustration{overflow:visible;}
.home-category-icon-illustration img{width:72px !important; height:72px !important; object-fit:contain; display:block; filter:drop-shadow(0 8px 12px rgba(0,0,0,.12));}
.home-categories-section .home-category-content strong{font-weight:800; letter-spacing:-.01em; color:#173b36;}
.home-categories-section .home-category-count{color:#7d8f8a; font-weight:700;}
.home-categories-section .home-category-card:hover .home-category-icon-modern,.home-categories-section .home-category-card:focus-visible .home-category-icon-modern{background:radial-gradient(circle at 32% 28%, rgba(255,255,255,1), rgba(255,255,255,.30) 34%, transparent 36%), linear-gradient(180deg, #f4fbf9 0%, #ddf0eb 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 14px 28px rgba(6,73,67,.14);}
@media (max-width:980px){.home-categories-section .home-category-icon-modern{width:84px;height:84px;}.home-category-icon-illustration img{width:68px !important;height:68px !important;}}
@media (max-width:540px){.home-categories-section .home-category-icon-modern{width:78px;height:78px;}.home-category-icon-illustration img{width:62px !important;height:62px !important;}}


/* V65 - luxury treatment for 8 priority categories only; header/footer unchanged */
.home-categories-grid .home-category-card:nth-child(1),.home-categories-grid .home-category-card:nth-child(2),.home-categories-grid .home-category-card:nth-child(3),.home-categories-grid .home-category-card:nth-child(9),.home-categories-grid .home-category-card:nth-child(10),.home-categories-grid .home-category-card:nth-child(14),.home-categories-grid .home-category-card:nth-child(18),.home-categories-grid .home-category-card:nth-child(19){border-color:rgba(215,157,70,.18); background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,247,240,.98)); box-shadow:0 16px 30px rgba(6,73,67,.08);}
.home-categories-grid .home-category-card:nth-child(1) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(2) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(3) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(9) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(10) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(14) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(18) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(19) .home-category-icon-modern{width:92px;height:92px;border-radius:28px; background:radial-gradient(circle at 30% 24%, rgba(255,255,255,.98), rgba(255,255,255,.30) 34%, transparent 36%), linear-gradient(180deg, #fbf8ef 0%, #f1ead6 100%); border:1px solid rgba(215,157,70,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 12px 26px rgba(12,73,67,.10);}
.home-categories-grid .home-category-card:nth-child(1):hover, .home-categories-grid .home-category-card:nth-child(1):focus-visible,.home-categories-grid .home-category-card:nth-child(2):hover, .home-categories-grid .home-category-card:nth-child(2):focus-visible,.home-categories-grid .home-category-card:nth-child(3):hover, .home-categories-grid .home-category-card:nth-child(3):focus-visible,.home-categories-grid .home-category-card:nth-child(9):hover, .home-categories-grid .home-category-card:nth-child(9):focus-visible,.home-categories-grid .home-category-card:nth-child(10):hover, .home-categories-grid .home-category-card:nth-child(10):focus-visible,.home-categories-grid .home-category-card:nth-child(14):hover, .home-categories-grid .home-category-card:nth-child(14):focus-visible,.home-categories-grid .home-category-card:nth-child(18):hover, .home-categories-grid .home-category-card:nth-child(18):focus-visible,.home-categories-grid .home-category-card:nth-child(19):hover, .home-categories-grid .home-category-card:nth-child(19):focus-visible{border-color:rgba(215,157,70,.32); box-shadow:0 22px 40px rgba(6,73,67,.14);}
.home-categories-grid .home-category-card:nth-child(1):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(1):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(2):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(2):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(3):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(3):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(9):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(9):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(10):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(10):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(14):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(14):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(18):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(18):focus-visible .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(19):hover .home-category-icon-modern, .home-categories-grid .home-category-card:nth-child(19):focus-visible .home-category-icon-modern{background:radial-gradient(circle at 30% 24%, rgba(255,255,255,1), rgba(255,255,255,.34) 34%, transparent 36%), linear-gradient(180deg, #fffaf0 0%, #efe3bd 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 16px 30px rgba(12,73,67,.14);}
.home-categories-grid .home-category-card:nth-child(1) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(2) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(3) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(9) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(10) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(14) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(18) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(19) .home-category-icon-illustration img{width:76px !important;height:76px !important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.14));}
@media (max-width:540px){.home-categories-grid .home-category-card:nth-child(1) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(2) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(3) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(9) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(10) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(14) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(18) .home-category-icon-modern,.home-categories-grid .home-category-card:nth-child(19) .home-category-icon-modern{width:84px;height:84px;border-radius:26px;}.home-categories-grid .home-category-card:nth-child(1) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(2) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(3) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(9) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(10) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(14) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(18) .home-category-icon-illustration img,.home-categories-grid .home-category-card:nth-child(19) .home-category-icon-illustration img{width:68px !important;height:68px !important;}}


/* V66 - luxury style applied consistently to all 24 category cards only; header/footer unchanged */
.home-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;}
.home-categories-section .home-category-card{position:relative; overflow:hidden; padding:28px 18px 24px; min-height:150px; border-radius:24px; border:1px solid rgba(215,157,70,.20); background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,247,240,.98)); box-shadow:0 16px 30px rgba(6,73,67,.08);}
.home-categories-section .home-category-card::before{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at top left, rgba(255,255,255,.90), transparent 32%);}
.home-categories-section .home-category-card::after{background:linear-gradient(90deg, rgba(215,157,70,.22), rgba(140,232,214,.16)); height:4px;}
.home-categories-section .home-category-card:hover,.home-categories-section .home-category-card:focus-visible{transform:translateY(-6px); border-color:rgba(215,157,70,.34); box-shadow:0 24px 42px rgba(6,73,67,.14);}
.home-categories-section .home-category-icon-modern{width:92px; height:92px; border-radius:28px; background:radial-gradient(circle at 30% 24%, rgba(255,255,255,1), rgba(255,255,255,.34) 34%, transparent 36%), linear-gradient(180deg, #fffaf0 0%, #efe3bd 100%); border:1px solid rgba(215,157,70,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 14px 28px rgba(12,73,67,.10); color:#0b6f66;}
.home-categories-section .home-category-card:hover .home-category-icon-modern,.home-categories-section .home-category-card:focus-visible .home-category-icon-modern{background:radial-gradient(circle at 30% 24%, rgba(255,255,255,1), rgba(255,255,255,.38) 34%, transparent 36%), linear-gradient(180deg, #fffaf1 0%, #e8d7a5 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 18px 30px rgba(12,73,67,.14);}
.home-category-icon-illustration{overflow:visible;}
.home-category-icon-illustration img{width:76px !important; height:76px !important; object-fit:contain; display:block; filter:drop-shadow(0 10px 14px rgba(0,0,0,.14));}
.home-categories-section .home-category-content strong{font-weight:800; letter-spacing:-.01em; color:#173b36;}
.home-categories-section .home-category-count{color:#7d8f8a; font-weight:700;}
@media (max-width:1100px){.home-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:780px){.home-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-categories-section .home-category-icon-modern{width:86px;height:86px;border-radius:26px;}.home-category-icon-illustration img{width:70px !important;height:70px !important;}}
@media (max-width:540px){.home-categories-grid{grid-template-columns:1fr;}.home-categories-section .home-category-card{min-height:138px;}.home-categories-section .home-category-icon-modern{width:80px;height:80px;border-radius:24px;}.home-category-icon-illustration img{width:64px !important;height:64px !important;}}


/* V67 - prettier category icons only; header/footer unchanged */
.home-categories-section .home-category-card{background:linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%); border:1px solid rgba(10,96,88,.10); box-shadow:0 12px 28px rgba(6,73,67,.08);}
.home-categories-section .home-category-card::after{height:3px; background:linear-gradient(90deg, rgba(14,116,107,.14), rgba(215,157,70,.18), rgba(143,231,213,.12));}
.home-categories-section .home-category-card:hover,.home-categories-section .home-category-card:focus-visible{box-shadow:0 20px 38px rgba(6,73,67,.14); border-color:rgba(10,96,88,.16);}
.home-categories-section .home-category-icon-modern{width:90px; height:90px; border-radius:50%; background:radial-gradient(circle at 30% 28%, rgba(255,255,255,1), rgba(255,255,255,.55) 30%, transparent 31%), linear-gradient(180deg, #f7fcfb 0%, #edf7f4 100%); border:1px solid rgba(10,96,88,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 10px 22px rgba(6,73,67,.10);}
.home-category-icon-illustration img{width:74px !important; height:74px !important; object-fit:contain; display:block; filter:drop-shadow(0 8px 10px rgba(0,0,0,.10)) saturate(1.05);}
.home-categories-section .home-category-card:hover .home-category-icon-modern,.home-categories-section .home-category-card:focus-visible .home-category-icon-modern{background:radial-gradient(circle at 30% 28%, rgba(255,255,255,1), rgba(255,255,255,.62) 30%, transparent 31%), linear-gradient(180deg, #fbfefd 0%, #e8f4f0 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 14px 28px rgba(6,73,67,.14);}
.home-categories-section .home-category-content strong{color:#173b36; font-weight:800;}
.home-categories-section .home-category-count{color:#82918d; font-weight:700;}
@media (max-width:780px){.home-categories-section .home-category-icon-modern{width:84px;height:84px;}.home-category-icon-illustration img{width:68px !important;height:68px !important;}}
@media (max-width:540px){.home-categories-section .home-category-icon-modern{width:78px;height:78px;}.home-category-icon-illustration img{width:62px !important;height:62px !important;}}


/* V68 - every category SVG icon replaced individually; header/footer unchanged */
.home-category-icon-illustration img{object-fit:contain;}


/* V69 - footer social icons: 3 per row only */
.footer-social-grid{grid-template-columns:repeat(3,46px); justify-content:end;}
.footer-social-grid .social-tiktok{grid-column:auto; grid-row:auto;}
@media (max-width:760px){.footer-social-grid{grid-template-columns:repeat(3,46px); justify-content:start;}.footer-social-grid .social-tiktok{grid-column:auto; grid-row:auto;}}


/* V70 - Footer social icons: 3 per row and aligned left only */
.footer-social-column .footer-social-grid{display:grid;grid-template-columns:repeat(3,42px);gap:12px;justify-content:start;justify-items:start;align-items:center;}
.footer-social-column{align-items:flex-start;text-align:left;}
.footer-social-column h2{text-align:left;}
@media (max-width:700px){.footer-social-column .footer-social-grid{grid-template-columns:repeat(3,42px);justify-content:start;}}


/* V71 - Retemax Categories text-only cards with stronger premium effects; header/footer unchanged */
.home-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;}
.home-categories-section .home-category-card-text{position:relative; min-height:112px; padding:24px 20px 22px; overflow:hidden; border-radius:24px; border:1px solid rgba(11,111,102,.13); background:linear-gradient(180deg,#ffffff 0%,#f8fcfb 100%); box-shadow:0 14px 28px rgba(6,73,67,.08); display:flex; align-items:flex-start; justify-content:center; text-align:left;}
.home-categories-section .home-category-card-text::before{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at top left, rgba(143,231,213,.20), transparent 34%), linear-gradient(90deg, rgba(215,157,70,.10), transparent 50%); opacity:.75; transition:opacity .22s ease, transform .22s ease;}
.home-categories-section .home-category-card-text::after{content:""; position:absolute; left:18px; right:18px; bottom:14px; height:3px; border-radius:999px; background:linear-gradient(90deg,#d79d46,#f2d48e,#8fe7d5); transform:scaleX(.20); transform-origin:left; opacity:.75; transition:transform .24s ease, opacity .24s ease;}
.home-categories-section .home-category-card-text .home-category-content{position:relative; z-index:1; width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
.home-categories-section .home-category-card-text .home-category-content strong{font-size:18px; line-height:1.22; font-weight:900; color:#123d37; letter-spacing:-.02em; transition:color .2s ease, transform .2s ease;}
.home-categories-section .home-category-card-text .home-category-count{display:inline-flex; align-items:center; min-height:28px; padding:5px 12px; border-radius:999px; background:rgba(11,111,102,.08); color:#0b6f66; font-size:13px; font-weight:800; letter-spacing:.01em; transition:background .2s ease, color .2s ease, transform .2s ease;}
.home-categories-section .home-category-card-text:hover,.home-categories-section .home-category-card-text:focus-visible{transform:translateY(-6px); border-color:rgba(215,157,70,.42); box-shadow:0 24px 44px rgba(6,73,67,.14); outline:none;}
.home-categories-section .home-category-card-text:hover::before,.home-categories-section .home-category-card-text:focus-visible::before{opacity:1; transform:scale(1.03);}
.home-categories-section .home-category-card-text:hover::after,.home-categories-section .home-category-card-text:focus-visible::after{transform:scaleX(1); opacity:1;}
.home-categories-section .home-category-card-text:hover .home-category-content strong,.home-categories-section .home-category-card-text:focus-visible .home-category-content strong{color:#0b6f66; transform:translateX(3px);}
.home-categories-section .home-category-card-text:hover .home-category-count,.home-categories-section .home-category-card-text:focus-visible .home-category-count{background:#d79d46; color:#173b36; transform:translateX(3px);}
@media (max-width:1100px){.home-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:780px){.home-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-categories-section .home-category-card-text{min-height:104px;}}
@media (max-width:480px){.home-categories-grid{grid-template-columns:1fr;}.home-categories-section .home-category-card-text{text-align:left;}}


/* V72 - Retemax Categories text-only full background color hover; header/footer unchanged */
.home-categories-section .home-category-card-text{min-height:108px; padding:24px 20px; border:1px solid rgba(11,111,102,.18); background:#0b6f66; color:#ffffff; box-shadow:0 14px 28px rgba(6,73,67,.13); transition:background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;}
.home-categories-section .home-category-card-text::before{background:radial-gradient(circle at top left, rgba(255,255,255,.22), transparent 38%); opacity:.9;}
.home-categories-section .home-category-card-text::after{left:20px; right:20px; bottom:14px; height:3px; background:#f2d48e; transform:scaleX(.22); opacity:.75;}
.home-categories-section .home-category-card-text .home-category-content strong{color:#ffffff; font-size:18px; transition:color .22s ease, transform .22s ease;}
.home-categories-section .home-category-card-text .home-category-count{background:rgba(255,255,255,.16); color:#f7fffd; border:1px solid rgba(255,255,255,.18); transition:background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease;}
.home-categories-section .home-category-card-text:nth-child(2n){background:#0a625b;}
.home-categories-section .home-category-card-text:nth-child(3n){background:#0d766c;}
.home-categories-section .home-category-card-text:hover,.home-categories-section .home-category-card-text:focus-visible{background:#f2d48e; border-color:#d79d46; box-shadow:0 24px 44px rgba(6,73,67,.16); transform:translateY(-6px); outline:none;}
.home-categories-section .home-category-card-text:hover::before,.home-categories-section .home-category-card-text:focus-visible::before{background:radial-gradient(circle at top left, rgba(255,255,255,.55), transparent 40%); opacity:1;}
.home-categories-section .home-category-card-text:hover::after,.home-categories-section .home-category-card-text:focus-visible::after{background:#0b6f66; transform:scaleX(1); opacity:1;}
.home-categories-section .home-category-card-text:hover .home-category-content strong,.home-categories-section .home-category-card-text:focus-visible .home-category-content strong{color:#123d37; transform:translateX(3px);}
.home-categories-section .home-category-card-text:hover .home-category-count,.home-categories-section .home-category-card-text:focus-visible .home-category-count{background:rgba(11,111,102,.13); color:#0b6f66; border-color:rgba(11,111,102,.18); transform:translateX(3px);}


/* V73 - Retemax Categories: add icon above title, keep full-color hover; header/footer unchanged */
.home-categories-section .home-category-card-text{align-items:center; text-align:center; min-height:166px; padding:24px 18px 22px; gap:12px;}
.home-categories-section .home-category-card-text .home-category-content{align-items:center; text-align:center; gap:7px;}
.home-category-text-icon{position:relative; z-index:1; display:grid; place-items:center; width:64px; height:64px; margin:0 auto 2px; border-radius:21px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.20); box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 10px 20px rgba(0,0,0,.10); transition:background .22s ease, transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.home-category-text-icon img{width:52px; height:52px; object-fit:contain; display:block; filter:drop-shadow(0 7px 9px rgba(0,0,0,.14));}
.home-categories-section .home-category-card-text:hover .home-category-text-icon,.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon{background:rgba(255,255,255,.72); border-color:rgba(11,111,102,.18); transform:translateY(-3px) scale(1.03); box-shadow:inset 0 1px 0 rgba(255,255,255,.90), 0 13px 24px rgba(6,73,67,.14);}
.home-categories-section .home-category-card-text:hover .home-category-content strong,.home-categories-section .home-category-card-text:focus-visible .home-category-content strong{transform:translateY(-1px);}
.home-categories-section .home-category-card-text:hover .home-category-count,.home-categories-section .home-category-card-text:focus-visible .home-category-count{transform:translateY(-1px);}
@media (max-width:780px){.home-categories-section .home-category-card-text{min-height:156px;}.home-category-text-icon{width:58px;height:58px;border-radius:19px;}.home-category-text-icon img{width:47px;height:47px;}}


/* V74 - Retemax Categories fix: working cards, icons without circle, header/footer unchanged */
.home-categories-section .home-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.home-categories-section .home-category-card-text{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:168px; padding:24px 18px 22px; text-align:center; border-radius:24px; overflow:hidden; cursor:pointer;}
.home-categories-section .home-category-card-text .home-category-text-icon{position:relative; z-index:2; width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important; display:flex; align-items:center; justify-content:center; margin:0 0 12px; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transform:none;}
.home-categories-section .home-category-card-text .home-category-text-icon img{display:block; width:68px !important; height:68px !important; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.16)); pointer-events:none;}
.home-categories-section .home-category-card-text:hover .home-category-text-icon,.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon{background:transparent !important; border:0 !important; box-shadow:none !important; transform:none !important;}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{transform:translateY(-3px) scale(1.05); filter:drop-shadow(0 12px 16px rgba(0,0,0,.20));}
.home-categories-section .home-category-card-text .home-category-content{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:7px; width:100%;}
.home-categories-section .home-category-card-text .home-category-content strong,.home-categories-section .home-category-card-text .home-category-count{position:relative; z-index:2;}
@media (max-width:980px){.home-categories-section .home-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:700px){.home-categories-section .home-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:430px){.home-categories-section .home-categories-grid{grid-template-columns:1fr;}.home-categories-section .home-category-card-text .home-category-text-icon img{width:60px !important;height:60px !important;}}


/* V75 - fix visible backgrounds only for Cars Trucks and Home & Garden; header/footer unchanged */
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1),
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19){
  background:#0b6f66 !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 14px 28px rgba(6,73,67,.16) !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1)::before,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19)::before{
  background:radial-gradient(circle at top left, rgba(255,255,255,.24), transparent 38%) !important;
  opacity:.95 !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1) .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19) .home-category-content strong{
  color:#ffffff !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1) .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19) .home-category-count{
  background:rgba(255,255,255,.16) !important;
  color:#f7fffd !important;
  border-color:rgba(255,255,255,.18) !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):hover,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):focus-visible,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):hover,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):focus-visible{
  background:#f2d48e !important;
  border-color:#d79d46 !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):hover .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):focus-visible .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):hover .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):focus-visible .home-category-content strong{
  color:#123d37 !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):hover .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):focus-visible .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):hover .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):focus-visible .home-category-count{
  background:rgba(11,111,102,.13) !important;
  color:#0b6f66 !important;
  border-color:rgba(11,111,102,.18) !important;
}


/* V76 - Retemax Categories hover color changed to premium aqua-blue; header/footer unchanged */
.home-categories-section .home-category-card-text:hover,
.home-categories-section .home-category-card-text:focus-visible{
  background:#7FCBFF !important;
  border-color:#4aaee8 !important;
  box-shadow:0 24px 44px rgba(6,73,67,.16) !important;
}
.home-categories-section .home-category-card-text:hover::before,
.home-categories-section .home-category-card-text:focus-visible::before{
  background:radial-gradient(circle at top left, rgba(255,255,255,.58), transparent 42%) !important;
  opacity:1 !important;
}
.home-categories-section .home-category-card-text:hover::after,
.home-categories-section .home-category-card-text:focus-visible::after{
  background:#0b6f66 !important;
}
.home-categories-section .home-category-card-text:hover .home-category-content strong,
.home-categories-section .home-category-card-text:focus-visible .home-category-content strong{
  color:#073b46 !important;
}
.home-categories-section .home-category-card-text:hover .home-category-count,
.home-categories-section .home-category-card-text:focus-visible .home-category-count{
  background:rgba(7,59,70,.12) !important;
  color:#073b46 !important;
  border-color:rgba(7,59,70,.18) !important;
}


/* V77 - fix Cars Trucks and Home & Garden backgrounds, use lighter Back-to-Top color on category hover; header/footer unchanged */
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1),
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19){
  background:#0b6f66 !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 14px 28px rgba(6,73,67,.16) !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1)::before,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19)::before{
  background:radial-gradient(circle at top left, rgba(255,255,255,.24), transparent 38%) !important;
  opacity:.95 !important;
}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1) .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19) .home-category-content strong{color:#ffffff !important;}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1) .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19) .home-category-count{background:rgba(255,255,255,.16) !important;color:#f7fffd !important;border-color:rgba(255,255,255,.18) !important;}
.home-categories-section .home-category-card-text:hover,
.home-categories-section .home-category-card-text:focus-visible,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):hover,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):focus-visible,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):hover,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):focus-visible{
  background:var(--premium-accent) !important;
  border-color:var(--premium-accent-strong) !important;
  box-shadow:0 24px 44px rgba(6,73,67,.16) !important;
}
.home-categories-section .home-category-card-text:hover::before,
.home-categories-section .home-category-card-text:focus-visible::before{background:radial-gradient(circle at top left, rgba(255,255,255,.62), transparent 42%) !important;opacity:1 !important;}
.home-categories-section .home-category-card-text:hover::after,
.home-categories-section .home-category-card-text:focus-visible::after{background:#0b6f66 !important;}
.home-categories-section .home-category-card-text:hover .home-category-content strong,
.home-categories-section .home-category-card-text:focus-visible .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):hover .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):focus-visible .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):hover .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):focus-visible .home-category-content strong{color:#063c36 !important;}
.home-categories-section .home-category-card-text:hover .home-category-count,
.home-categories-section .home-category-card-text:focus-visible .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):hover .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(1):focus-visible .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):hover .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(19):focus-visible .home-category-count{background:rgba(6,60,54,.12) !important;color:#063c36 !important;border-color:rgba(6,60,54,.18) !important;}


/* V78 - prettier, different category icons only */
.home-categories-section .home-category-card-text .home-category-text-icon{margin:0 0 14px !important;}
.home-categories-section .home-category-card-text .home-category-text-icon img{width:74px !important;height:74px !important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.16)) !important;}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{transform:translateY(-3px) scale(1.08) !important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.22)) !important;}
@media (max-width:430px){.home-categories-section .home-category-card-text .home-category-text-icon img{width:64px !important;height:64px !important;}}


/* V79 - equalize all Retemax Categories icon sizes only */
.home-categories-section .home-category-card-text .home-category-text-icon{width:82px !important;height:82px !important;min-width:82px !important;min-height:82px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 14px !important;line-height:1 !important;}
.home-categories-section .home-category-card-text .home-category-text-icon img{width:70px !important;height:70px !important;max-width:70px !important;max-height:70px !important;object-fit:contain !important;display:block !important;transform-origin:center center !important;}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{transform:translateY(-2px) scale(1.04) !important;}
@media (max-width:700px){.home-categories-section .home-category-card-text .home-category-text-icon{width:76px !important;height:76px !important;min-width:76px !important;min-height:76px !important;}.home-categories-section .home-category-card-text .home-category-text-icon img{width:64px !important;height:64px !important;max-width:64px !important;max-height:64px !important;}}
@media (max-width:430px){.home-categories-section .home-category-card-text .home-category-text-icon{width:72px !important;height:72px !important;min-width:72px !important;min-height:72px !important;}.home-categories-section .home-category-card-text .home-category-text-icon img{width:60px !important;height:60px !important;max-width:60px !important;max-height:60px !important;}}


/* V80 - fix Computers & Electronics icon to match all others exactly */
.home-categories-section .home-category-card-text .home-category-text-icon{display:flex!important;align-items:center!important;justify-content:center!important;}
.home-categories-section .home-category-card-text .home-category-text-icon img{vertical-align:middle!important;}
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(14) .home-category-text-icon img{width:60px !important;height:60px !important;max-width:60px !important;max-height:60px !important;}
@media (max-width:700px){.home-categories-section .home-categories-grid .home-category-card-text:nth-child(14) .home-category-text-icon img{width:56px !important;height:56px !important;max-width:56px !important;max-height:56px !important;}}
@media (max-width:430px){.home-categories-section .home-categories-grid .home-category-card-text:nth-child(14) .home-category-text-icon img{width:52px !important;height:52px !important;max-width:52px !important;max-height:52px !important;}}


/* V81 - all Retemax category names in one line; header/footer unchanged */
.home-categories-section .home-category-card-text .home-category-content strong{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  display: block !important;
  font-size: clamp(13px, 1.05vw, 17px) !important;
  line-height: 1.15 !important;
}
.home-categories-section .home-category-card-text .home-category-content{
  width: 100% !important;
  min-width: 0 !important;
}
.home-categories-section .home-category-card-text{
  min-width: 0 !important;
}
.home-categories-section .home-category-card-text:hover .home-category-content strong,
.home-categories-section .home-category-card-text:focus-visible .home-category-content strong{
  transform: translateY(-1px) !important;
}
@media (max-width: 700px){
  .home-categories-section .home-category-card-text .home-category-content strong{
    font-size: 15px !important;
  }
}


/* V82 - larger Retemax category icons only; header/footer unchanged */
.home-categories-section .home-category-card-text .home-category-text-icon{
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  margin: 0 auto 16px !important;
}
.home-categories-section .home-category-card-text .home-category-text-icon img{
  width: 82px !important;
  height: 82px !important;
  max-width: 82px !important;
  max-height: 82px !important;
  object-fit: contain !important;
}
.home-categories-section .home-category-card-text{
  min-height: 184px !important;
}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,
.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{
  transform: translateY(-2px) scale(1.03) !important;
}
@media (max-width: 700px){
  .home-categories-section .home-category-card-text .home-category-text-icon{
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon img{
    width: 74px !important;
    height: 74px !important;
    max-width: 74px !important;
    max-height: 74px !important;
  }
}
@media (max-width: 430px){
  .home-categories-section .home-category-card-text .home-category-text-icon{
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon img{
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
  }
}


/* V83 - bigger category icons and tighter icon/title spacing; header/footer unchanged */
.home-categories-section .home-category-card-text{
  min-height: 188px !important;
  padding-top: 22px !important;
  padding-bottom: 20px !important;
}
.home-categories-section .home-category-card-text .home-category-text-icon{
  width: 104px !important;
  height: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  margin: 0 auto 6px !important;
}
.home-categories-section .home-category-card-text .home-category-text-icon img{
  width: 94px !important;
  height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;
  object-fit: contain !important;
}
.home-categories-section .home-category-card-text .home-category-content{
  gap: 4px !important;
}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,
.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{
  transform: translateY(-2px) scale(1.025) !important;
}
@media (max-width: 700px){
  .home-categories-section .home-category-card-text{
    min-height: 176px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon{
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    margin-bottom: 5px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon img{
    width: 84px !important;
    height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
  }
}
@media (max-width: 430px){
  .home-categories-section .home-category-card-text{
    min-height: 168px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon{
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon img{
    width: 78px !important;
    height: 78px !important;
    max-width: 78px !important;
    max-height: 78px !important;
  }
}


/* V84 - larger category icons and tighter icon/title spacing; header/footer unchanged */
.home-categories-section .home-category-card-text{
  min-height: 192px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.home-categories-section .home-category-card-text .home-category-text-icon{
  width: 116px !important;
  height: 116px !important;
  min-width: 116px !important;
  min-height: 116px !important;
  margin: 0 auto 2px !important;
}
.home-categories-section .home-category-card-text .home-category-text-icon img{
  width: 106px !important;
  height: 106px !important;
  max-width: 106px !important;
  max-height: 106px !important;
  object-fit: contain !important;
}
.home-categories-section .home-category-card-text .home-category-content{
  gap: 3px !important;
}
.home-categories-section .home-category-card-text .home-category-content strong{
  margin-top: 0 !important;
}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,
.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{
  transform: translateY(-1px) scale(1.02) !important;
}
@media (max-width: 700px){
  .home-categories-section .home-category-card-text{
    min-height: 182px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon{
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    margin-bottom: 2px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon img{
    width: 94px !important;
    height: 94px !important;
    max-width: 94px !important;
    max-height: 94px !important;
  }
}
@media (max-width: 430px){
  .home-categories-section .home-category-card-text{
    min-height: 172px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon{
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
  }
  .home-categories-section .home-category-card-text .home-category-text-icon img{
    width: 84px !important;
    height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
  }
}


/* V85 - widen Retemax Categories section left and right only; header/footer unchanged */
.home-marketplace{
  max-width: 1480px !important;
}
.home-categories-section{
  width: min(100%, 1440px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-categories-grid{
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
  gap: 24px 28px !important;
}
@media (max-width: 1180px){
  .home-categories-grid{
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}
@media (max-width: 820px){
  .home-categories-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 480px){
  .home-categories-grid{
    grid-template-columns: 1fr !important;
  }
}


/* V86 - expand Retemax Categories almost full width only; header/footer unchanged */
.home-marketplace{
  max-width: none !important;
  width: 100% !important;
  padding-left: clamp(16px, 2vw, 36px) !important;
  padding-right: clamp(16px, 2vw, 36px) !important;
}
.home-categories-section{
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-categories-grid{
  width: 100% !important;
  grid-template-columns: repeat(4, minmax(280px, 1fr)) !important;
  gap: 24px 30px !important;
}
@media (max-width: 1220px){
  .home-categories-grid{
    grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  }
}
@media (max-width: 860px){
  .home-categories-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px){
  .home-marketplace{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .home-categories-grid{
    grid-template-columns: 1fr !important;
  }
}


/* V87 - widest and properly aligned Retemax Categories only; header/footer unchanged */
.home-marketplace{
  max-width: none !important;
  width: 100% !important;
  padding-left: clamp(10px, 1.2vw, 22px) !important;
  padding-right: clamp(10px, 1.2vw, 22px) !important;
  box-sizing: border-box !important;
}
.home-categories-section{
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.home-categories-section .home-section-heading{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.home-categories-grid{
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
.home-categories-section .home-category-card-text{
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.home-categories-section .home-category-card-text .home-category-content{
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}
@media (max-width: 1180px){
  .home-categories-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 820px){
  .home-categories-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}
@media (max-width: 520px){
  .home-marketplace{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .home-categories-grid{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}


/* V88 - prettier premium category icons only */
.home-categories-section .home-category-card-text .home-category-text-icon img{filter:drop-shadow(0 10px 14px rgba(6,73,67,.14)) saturate(1.02) !important;}
.home-categories-section .home-category-card-text:hover .home-category-text-icon img,.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img{filter:drop-shadow(0 12px 18px rgba(6,73,67,.18)) saturate(1.08) !important;}


/* V91 - Featured Ads section; header/footer/categories unchanged */
.home-featured-ads-section{
  width:100%;
  margin:42px auto 0;
  padding:0;
  box-sizing:border-box;
}

.home-featured-ads-section .featured-heading{
  margin-bottom:22px;
}

.featured-ads-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  width:100%;
}

.featured-ad-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:360px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(11,111,102,.14);
  background:linear-gradient(180deg,#ffffff 0%,#f7fcfb 100%);
  box-shadow:0 18px 38px rgba(6,73,67,.10);
  text-decoration:none;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.featured-ad-card::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:16px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#d79d46,#f2d48e,#8fe7d5);
  transform:scaleX(.22);
  transform-origin:left;
  opacity:.75;
  transition:transform .24s ease, opacity .24s ease;
}

.featured-ad-card:hover,
.featured-ad-card:focus-visible{
  transform:translateY(-7px);
  border-color:rgba(215,157,70,.34);
  box-shadow:0 28px 52px rgba(6,73,67,.16);
  outline:none;
}

.featured-ad-card:hover::after,
.featured-ad-card:focus-visible::after{
  transform:scaleX(1);
  opacity:1;
}

.featured-badge{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#0b6f66;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(6,73,67,.12);
}

.featured-ad-visual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:154px;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),transparent 32%),
    linear-gradient(135deg,#0b6f66 0%,#0a625b 58%,#064943 100%);
}

.featured-ad-visual::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.18);
}

.featured-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  border-radius:26px;
  background:rgba(255,255,255,.15);
  color:#f2d48e;
  font-size:52px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 14px 28px rgba(0,0,0,.13);
}

.featured-real-estate{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.52),transparent 32%),
    linear-gradient(135deg,#0b6f66 0%,#0a625b 58%,#064943 100%);
}

.featured-cars{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.50),transparent 32%),
    linear-gradient(135deg,#0d766c 0%,#0b6f66 52%,#063c36 100%);
}

.featured-travel{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.48),transparent 32%),
    linear-gradient(135deg,#0b6f66 0%,#0e887d 55%,#064943 100%);
}

.featured-jobs{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.52),transparent 32%),
    linear-gradient(135deg,#064943 0%,#0b6f66 58%,#0e887d 100%);
}

.featured-ad-body{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:22px 22px 30px;
  flex:1;
}

.featured-category{
  margin:0;
  color:#0b6f66;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.featured-ad-body h3{
  margin:0;
  color:#173b36;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.025em;
  font-weight:950;
}

.featured-location{
  margin:0;
  color:#71857f;
  font-size:14px;
  line-height:1.45;
  font-weight:700;
}

.featured-price{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:34px;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(11,111,102,.09);
  color:#0b6f66;
  font-size:13px;
  font-weight:900;
  transition:background .22s ease,color .22s ease,transform .22s ease;
}

.featured-ad-card:hover .featured-price,
.featured-ad-card:focus-visible .featured-price{
  background:#f2d48e;
  color:#063c36;
  transform:translateY(-1px);
}

@media (max-width:1180px){
  .featured-ads-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .featured-ads-grid{
    grid-template-columns:1fr;
  }
  .featured-ad-card{
    min-height:330px;
  }
  .featured-ad-visual{
    min-height:140px;
  }
}


/* V92 - two clear and different Featured sections; header/footer/categories unchanged */
.home-featured-listings-top{
  width:100%;
  margin:28px auto 34px;
  box-sizing:border-box;
}

.top-featured-inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  gap:24px;
  align-items:stretch;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(11,111,102,.16);
  background:
    radial-gradient(circle at 8% 10%,rgba(143,231,213,.22),transparent 34%),
    linear-gradient(135deg,#064943 0%,#0b6f66 55%,#0e887d 100%);
  box-shadow:0 22px 52px rgba(6,73,67,.16);
  padding:24px;
}

.top-featured-inner::after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  pointer-events:none;
}

.top-featured-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:210px;
  color:#fff;
  padding:8px 6px;
}

.top-featured-kicker{
  margin:0 0 10px;
  color:#f2d48e;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.top-featured-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,46px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:950;
}

.top-featured-text{
  max-width:520px;
  margin:14px 0 0;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.55;
  font-weight:700;
}

.top-featured-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.top-featured-item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:128px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  transition:background .22s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.top-featured-item::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:13px;
  height:2px;
  border-radius:999px;
  background:#f2d48e;
  transform:scaleX(.18);
  transform-origin:left;
  opacity:.8;
  transition:transform .22s ease;
}

.top-featured-item:hover,
.top-featured-item:focus-visible{
  background:rgba(255,255,255,.18);
  border-color:rgba(242,212,142,.55);
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,.12);
  outline:none;
}

.top-featured-item:hover::after,
.top-featured-item:focus-visible::after{
  transform:scaleX(1);
}

.top-featured-tag{
  display:inline-flex;
  width:max-content;
  min-height:26px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(242,212,142,.18);
  color:#f2d48e;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.top-featured-item strong{
  margin:14px 0 8px;
  color:#fff;
  font-size:17px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:-.02em;
}

.top-featured-item em{
  color:#dff8f4;
  font-size:14px;
  font-style:normal;
  font-weight:900;
}

/* Lower section becomes a clearly different curated card area */
.home-featured-ads-section{
  margin-top:46px !important;
}

.home-featured-ads-section .featured-heading p{
  color:#0b6f66;
}

.home-featured-ads-section .featured-heading h2{
  letter-spacing:-.04em;
}

@media (max-width:980px){
  .top-featured-inner{
    grid-template-columns:1fr;
  }
  .top-featured-copy{
    min-height:auto;
  }
}

@media (max-width:620px){
  .top-featured-inner{
    padding:18px;
    border-radius:24px;
  }
  .top-featured-strip{
    grid-template-columns:1fr;
  }
  .top-featured-item{
    min-height:112px;
  }
}

/* =========================================================
   V94 - Retemax Categories: 4 columns, fixed reference PNG icons,
   green background and light green hover.
   Header and footer unchanged.
   ========================================================= */

.home-categories-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: clamp(28px, 3vw, 44px) clamp(14px, 2vw, 28px) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 46px rgba(6,73,67,.07) !important;
  box-sizing: border-box !important;
}

.home-categories-section .home-section-heading {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 26px !important;
  text-align: center !important;
}

.home-categories-section .home-section-heading p {
  margin: 0 0 6px !important;
  color: var(--teal, #0b6f66) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.home-categories-section .home-section-heading h2 {
  margin: 0 !important;
  color: var(--ink, #083b36) !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
}

.home-categories-section .home-categories-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

.home-categories-section .home-categories-grid .home-category-card-text,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(2n),
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(3n) {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 220px !important;
  height: 100% !important;
  padding: 20px 18px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  text-align: center !important;
  border-radius: 24px !important;
  border: 1px solid rgba(11,111,102,.24) !important;
  background: var(--teal, #0b6f66) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(6,73,67,.14) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transform: none !important;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.home-categories-section .home-category-card-text::before,
.home-categories-section .home-category-card-text::after {
  display: none !important;
  content: none !important;
}

.home-categories-section .home-category-card-text .home-category-text-icon {
  position: relative !important;
  z-index: 2 !important;
  width: 170px !important;
  height: 126px !important;
  min-width: 170px !important;
  min-height: 126px !important;
  max-width: 100% !important;
  margin: 0 auto 2px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.home-categories-section .home-category-card-text .home-category-text-icon img {
  display: block !important;
  width: 170px !important;
  height: 126px !important;
  max-width: 100% !important;
  max-height: 126px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  pointer-events: none !important;
  transition: transform .22s ease, filter .22s ease !important;
  filter: drop-shadow(0 8px 13px rgba(0,0,0,.16)) !important;
}

.home-categories-section .home-category-card-text .home-category-content {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  text-align: center !important;
}

.home-categories-section .home-category-card-text .home-category-content strong {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
  transition: color .22s ease, transform .22s ease !important;
}

.home-categories-section .home-category-card-text .home-category-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: auto !important;
  min-height: 28px !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  transition: background .22s ease, border-color .22s ease, color .22s ease !important;
}

.home-categories-section .home-category-card-text:hover,
.home-categories-section .home-category-card-text:focus-visible {
  background: var(--premium-accent, #A7D8CC) !important;
  border-color: var(--premium-accent-strong, #7FBFAF) !important;
  box-shadow: 0 22px 40px rgba(6,73,67,.16) !important;
  transform: translateY(-5px) !important;
  outline: none !important;
}

.home-categories-section .home-category-card-text:hover .home-category-content strong,
.home-categories-section .home-category-card-text:focus-visible .home-category-content strong {
  color: var(--ink, #083b36) !important;
}

.home-categories-section .home-category-card-text:hover .home-category-count,
.home-categories-section .home-category-card-text:focus-visible .home-category-count {
  background: rgba(255,255,255,.52) !important;
  border-color: rgba(8,91,84,.14) !important;
  color: var(--teal-dark, #085b54) !important;
}

.home-categories-section .home-category-card-text:hover .home-category-text-icon img,
.home-categories-section .home-category-card-text:focus-visible .home-category-text-icon img {
  transform: translateY(-2px) scale(1.03) !important;
  filter: drop-shadow(0 11px 17px rgba(0,0,0,.18)) !important;
}

@media (max-width: 1180px) {
  .home-categories-section .home-categories-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

@media (max-width: 820px) {
  .home-categories-section .home-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .home-categories-section .home-categories-grid .home-category-card-text {
    min-height: 204px !important;
  }

  .home-categories-section .home-category-card-text .home-category-text-icon {
    width: 148px !important;
    height: 112px !important;
    min-width: 148px !important;
    min-height: 112px !important;
  }

  .home-categories-section .home-category-card-text .home-category-text-icon img {
    width: 148px !important;
    height: 112px !important;
    max-height: 112px !important;
  }
}

@media (max-width: 520px) {
  .home-categories-section {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .home-categories-section .home-categories-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .home-categories-section .home-categories-grid .home-category-card-text {
    min-height: 190px !important;
  }
}


/* =========================================================
   V95 - Fix hover color for every Retemax Categories card
   Some old nth-child rules had higher specificity than the hover rule.
   Header and footer unchanged.
   ========================================================= */
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):hover,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):focus-visible {
  background: var(--premium-accent, #A7D8CC) !important;
  border-color: var(--premium-accent-strong, #7FBFAF) !important;
  box-shadow: 0 22px 40px rgba(6,73,67,.16) !important;
  transform: translateY(-5px) !important;
  outline: none !important;
}

.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):hover .home-category-content strong,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):focus-visible .home-category-content strong {
  color: var(--ink, #083b36) !important;
}

.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):hover .home-category-count,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):focus-visible .home-category-count {
  background: rgba(255,255,255,.52) !important;
  border-color: rgba(8,91,84,.14) !important;
  color: var(--teal-dark, #085b54) !important;
}

.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):hover .home-category-text-icon,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):focus-visible .home-category-text-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):hover .home-category-text-icon img,
.home-categories-section .home-categories-grid .home-category-card-text:nth-child(n):focus-visible .home-category-text-icon img {
  transform: translateY(-2px) scale(1.03) !important;
  filter: drop-shadow(0 11px 17px rgba(0,0,0,.18)) !important;
}


/* =========================================================
   V96 - Fix cropped category icon text artifacts + universal hover
   Header and footer unchanged
   ========================================================= */
.home-categories-section .home-categories-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.home-categories-section .home-category-card-text,
.home-categories-section .home-category-card-text:nth-child(1n),
.home-categories-section .home-category-card-text:nth-child(2n),
.home-categories-section .home-category-card-text:nth-child(3n),
.home-categories-section .home-category-card-text:nth-child(4n),
.home-categories-section .home-category-card-text:nth-child(5n),
.home-categories-section .home-category-card-text:nth-child(6n){
  background:var(--teal,#0b6f66) !important;
}
.home-categories-section .home-category-card-text:hover,
.home-categories-section .home-category-card-text:focus-visible,
.home-categories-section .home-category-card-text:nth-child(1n):hover,
.home-categories-section .home-category-card-text:nth-child(2n):hover,
.home-categories-section .home-category-card-text:nth-child(3n):hover,
.home-categories-section .home-category-card-text:nth-child(4n):hover,
.home-categories-section .home-category-card-text:nth-child(5n):hover,
.home-categories-section .home-category-card-text:nth-child(6n):hover,
.home-categories-section .home-category-card-text:nth-child(1n):focus-visible,
.home-categories-section .home-category-card-text:nth-child(2n):focus-visible,
.home-categories-section .home-category-card-text:nth-child(3n):focus-visible,
.home-categories-section .home-category-card-text:nth-child(4n):focus-visible,
.home-categories-section .home-category-card-text:nth-child(5n):focus-visible,
.home-categories-section .home-category-card-text:nth-child(6n):focus-visible{
  background:var(--premium-accent,#A7D8CC) !important;
  border-color:var(--premium-accent-strong,#7FBFAF) !important;
  transform:translateY(-5px) !important;
}
.home-categories-section .home-category-card-text .home-category-text-icon img{
  max-width:150px !important;
  max-height:112px !important;
  object-fit:contain !important;
}
@media (max-width:1280px){
  .home-categories-section .home-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  .home-categories-section .home-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:680px){
  .home-categories-section .home-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:430px){
  .home-categories-section .home-categories-grid{grid-template-columns:1fr !important;}
}


/* =========================================================
   V97 - Categories heading label text and size update
   Header and footer unchanged
   ========================================================= */
.home-categories-section .home-section-heading p{
  font-size:clamp(18px,1.45vw,24px) !important;
  line-height:1.18 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
}


/* =========================================================
   V98 - Retemax Categories heading sizes
   Left label larger, right title smaller.
   Header and footer unchanged.
   ========================================================= */
.home-categories-section .home-section-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  text-align:left !important;
}

.home-categories-section .home-section-heading p{
  margin:0 !important;
  color:var(--teal,#0b6f66) !important;
  font-size:clamp(26px,2.25vw,36px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  text-transform:none !important;
}

.home-categories-section .home-section-heading h2{
  margin:0 !important;
  color:var(--ink,#083b36) !important;
  font-size:clamp(18px,1.45vw,26px) !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

@media (max-width:680px){
  .home-categories-section .home-section-heading{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .home-categories-section .home-section-heading p{
    font-size:clamp(24px,7vw,32px) !important;
  }
  .home-categories-section .home-section-heading h2{
    font-size:clamp(17px,5vw,22px) !important;
  }
}


/* =========================================================
   V99 - Retemax Categories heading link
   Left title remains Retemax Categories; right title becomes Advanced Search link.
   Header and footer unchanged.
   ========================================================= */
.home-categories-section .home-section-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  text-align:left !important;
}

.home-categories-section .home-section-heading p#home-categories-title{
  margin:0 !important;
  color:var(--teal,#0b6f66) !important;
  font-size:clamp(26px,2.25vw,36px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  text-transform:none !important;
}

.home-categories-section .home-section-heading .home-categories-heading-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(11,111,102,.18) !important;
  background:rgba(167,216,204,.38) !important;
  color:var(--teal-dark,#085b54) !important;
  font-size:clamp(15px,1.1vw,19px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease !important;
}

.home-categories-section .home-section-heading .home-categories-heading-link:hover,
.home-categories-section .home-section-heading .home-categories-heading-link:focus-visible{
  background:var(--premium-accent,#A7D8CC) !important;
  border-color:var(--premium-accent-strong,#7FBFAF) !important;
  color:var(--ink,#083b36) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

@media (max-width:680px){
  .home-categories-section .home-section-heading{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .home-categories-section .home-section-heading p#home-categories-title{
    font-size:clamp(24px,7vw,32px) !important;
  }

  .home-categories-section .home-section-heading .home-categories-heading-link{
    min-height:36px !important;
    font-size:16px !important;
  }
}


/* =========================================================
   V100 - Featured Listings Soft Silver / Platinum theme
   Header and footer unchanged.
   ========================================================= */
:root {
  --featured-bg: #F7F8FA;
  --featured-bg-soft: #EEF2F7;
  --featured-card: #FFFFFF;
  --featured-border: #D8DEE6;
  --featured-border-strong: #BFC8D4;
  --featured-accent: #6B7280;
  --featured-accent-dark: #374151;
  --featured-text: #111827;
  --featured-muted: #667085;
  --featured-shadow: rgba(17, 24, 39, .10);
}

/* Top featured strip */
.home-featured-listings-top .top-featured-inner {
  border-color: var(--featured-border) !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(255,255,255,.95), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, var(--featured-bg) 54%, #E9EEF5 100%) !important;
  box-shadow: 0 22px 52px rgba(17,24,39,.10) !important;
}

.home-featured-listings-top .top-featured-inner::after {
  border-color: rgba(255,255,255,.86) !important;
}

.home-featured-listings-top .top-featured-copy,
.home-featured-listings-top .top-featured-copy h2 {
  color: var(--featured-text) !important;
}

.home-featured-listings-top .top-featured-kicker {
  color: var(--featured-accent-dark) !important;
}

.home-featured-listings-top .top-featured-text {
  color: var(--featured-muted) !important;
}

.home-featured-listings-top .top-featured-item {
  border-color: var(--featured-border) !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--featured-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 14px 30px rgba(17,24,39,.08) !important;
  backdrop-filter: blur(10px) !important;
}

.home-featured-listings-top .top-featured-item::after {
  background: linear-gradient(90deg, var(--featured-accent-dark), var(--featured-border-strong)) !important;
}

.home-featured-listings-top .top-featured-item:hover,
.home-featured-listings-top .top-featured-item:focus-visible {
  background: #FFFFFF !important;
  border-color: var(--featured-border-strong) !important;
  box-shadow: 0 18px 36px rgba(17,24,39,.12) !important;
}

.home-featured-listings-top .top-featured-tag {
  background: var(--featured-bg-soft) !important;
  color: var(--featured-accent-dark) !important;
}

.home-featured-listings-top .top-featured-item strong {
  color: var(--featured-text) !important;
}

.home-featured-listings-top .top-featured-item em {
  color: var(--featured-accent-dark) !important;
}

/* Lower featured marketplace cards */
.home-featured-ads-section {
  margin-top: 46px !important;
  padding: clamp(22px, 2.4vw, 34px) !important;
  border-radius: 30px !important;
  border: 1px solid var(--featured-border) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, var(--featured-bg) 100%) !important;
  box-shadow: 0 18px 46px rgba(17,24,39,.08) !important;
}

.home-featured-ads-section .featured-heading p {
  color: var(--featured-accent-dark) !important;
}

.home-featured-ads-section .featured-heading h2 {
  color: var(--featured-text) !important;
}

.home-featured-ads-section .featured-ad-card {
  border-color: var(--featured-border) !important;
  background: linear-gradient(180deg, var(--featured-card) 0%, #FBFCFE 100%) !important;
  box-shadow: 0 18px 38px rgba(17,24,39,.09) !important;
}

.home-featured-ads-section .featured-ad-card::after {
  background: linear-gradient(90deg, var(--featured-accent-dark), var(--featured-border-strong), #FFFFFF) !important;
}

.home-featured-ads-section .featured-ad-card:hover,
.home-featured-ads-section .featured-ad-card:focus-visible {
  border-color: var(--featured-border-strong) !important;
  box-shadow: 0 28px 52px rgba(17,24,39,.13) !important;
}

.home-featured-ads-section .featured-badge {
  background: rgba(255,255,255,.92) !important;
  color: var(--featured-accent-dark) !important;
  box-shadow: 0 8px 18px rgba(17,24,39,.12) !important;
}

.home-featured-ads-section .featured-ad-visual,
.home-featured-ads-section .featured-real-estate,
.home-featured-ads-section .featured-cars,
.home-featured-ads-section .featured-travel,
.home-featured-ads-section .featured-jobs {
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.92), transparent 34%),
    linear-gradient(135deg, #FDFEFF 0%, #EEF2F7 52%, #D8DEE6 100%) !important;
}

.home-featured-ads-section .featured-ad-visual::before {
  border-color: rgba(107,114,128,.18) !important;
}

.home-featured-ads-section .featured-icon {
  background: rgba(255,255,255,.74) !important;
  color: var(--featured-accent-dark) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 14px 28px rgba(17,24,39,.10) !important;
}

.home-featured-ads-section .featured-category {
  color: var(--featured-accent-dark) !important;
}

.home-featured-ads-section .featured-ad-body h3 {
  color: var(--featured-text) !important;
}

.home-featured-ads-section .featured-location {
  color: var(--featured-muted) !important;
}

.home-featured-ads-section .featured-price {
  background: var(--featured-bg-soft) !important;
  color: var(--featured-accent-dark) !important;
}

.home-featured-ads-section .featured-ad-card:hover .featured-price,
.home-featured-ads-section .featured-ad-card:focus-visible .featured-price {
  background: var(--featured-accent-dark) !important;
  color: #FFFFFF !important;
}

@media (max-width: 640px) {
  .home-featured-ads-section {
    padding: 18px !important;
    border-radius: 24px !important;
  }
}


/* =========================================================
   V101 - Featured Listings manual slider, Navy / Deep Blue
   Header and footer unchanged
   ========================================================= */
:root{
  --featured-bg:#F3F7FB;
  --featured-card:#FFFFFF;
  --featured-border:#C9D8EA;
  --featured-accent:#123A63;
  --featured-accent-dark:#0B2744;
  --featured-text:#0A1F35;
  --featured-muted:#5F7186;
}

.home-featured-ads-section.featured-slider-section{
  width:100% !important;
  margin:44px auto 0 !important;
  padding:clamp(24px,3vw,38px) !important;
  border:1px solid var(--featured-border) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at top left, rgba(18,58,99,.10), transparent 38%),
    linear-gradient(180deg,#ffffff 0%,var(--featured-bg) 100%) !important;
  box-shadow:0 18px 46px rgba(10,31,53,.09) !important;
  box-sizing:border-box !important;
}

.home-featured-ads-section.featured-slider-section .featured-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:22px !important;
}

.home-featured-ads-section.featured-slider-section .featured-heading p{
  margin:0 0 6px !important;
  color:var(--featured-accent) !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.home-featured-ads-section.featured-slider-section .featured-heading h2{
  margin:0 !important;
  color:var(--featured-text) !important;
  font-size:clamp(26px,3vw,42px) !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}

.home-featured-ads-section.featured-slider-section .featured-heading > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(18,58,99,.18) !important;
  background:#ffffff !important;
  color:var(--featured-accent) !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(10,31,53,.07) !important;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease !important;
}

.home-featured-ads-section.featured-slider-section .featured-heading > a:hover,
.home-featured-ads-section.featured-slider-section .featured-heading > a:focus-visible{
  background:var(--featured-accent) !important;
  color:#ffffff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 14px 26px rgba(18,58,99,.18) !important;
  outline:none !important;
}

.featured-slider{
  position:relative !important;
}

.featured-slider-viewport{
  display:flex !important;
  gap:22px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  padding:2px 2px 14px !important;
  -webkit-overflow-scrolling:touch !important;
}

.featured-slider-viewport::-webkit-scrollbar{
  display:none !important;
}

.featured-slider-viewport .featured-ad-card{
  position:relative !important;
  display:flex !important;
  flex:0 0 calc((100% - 66px) / 4) !important;
  min-width:0 !important;
  flex-direction:column !important;
  border:1px solid var(--featured-border) !important;
  border-radius:24px !important;
  background:var(--featured-card) !important;
  color:var(--featured-text) !important;
  box-shadow:0 14px 30px rgba(10,31,53,.08) !important;
  overflow:hidden !important;
  scroll-snap-align:start !important;
  transform:none !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}

.featured-slider-viewport .featured-ad-card:hover,
.featured-slider-viewport .featured-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:rgba(18,58,99,.38) !important;
  box-shadow:0 24px 42px rgba(10,31,53,.15) !important;
  outline:none !important;
}

.featured-slider-viewport .featured-badge{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  background:var(--featured-accent) !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 18px rgba(10,31,53,.20) !important;
}

.featured-slider-viewport .featured-ad-visual{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:190px !important;
  margin:0 !important;
  border-radius:0 !important;
  background:#DDE7F3 !important;
  overflow:hidden !important;
}

.featured-slider-viewport .featured-ad-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(10,31,53,.05),rgba(10,31,53,.18)) !important;
  pointer-events:none !important;
}

.featured-slider-viewport .featured-ad-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1.01) !important;
  transition:transform .28s ease !important;
}

.featured-slider-viewport .featured-ad-card:hover .featured-ad-visual img,
.featured-slider-viewport .featured-ad-card:focus-visible .featured-ad-visual img{
  transform:scale(1.06) !important;
}

.featured-slider-viewport .featured-ad-body{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-height:188px !important;
  padding:18px !important;
}

.featured-slider-viewport .featured-category{
  margin:0 !important;
  color:var(--featured-accent) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.featured-slider-viewport .featured-ad-body h3{
  margin:0 !important;
  color:var(--featured-text) !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.22 !important;
  letter-spacing:-.02em !important;
}

.featured-slider-viewport .featured-location{
  margin:0 !important;
  color:var(--featured-muted) !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.featured-slider-viewport .featured-price{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  margin-top:auto !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:rgba(18,58,99,.08) !important;
  color:var(--featured-accent-dark) !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.featured-slider-btn{
  position:absolute !important;
  top:50% !important;
  z-index:5 !important;
  width:46px !important;
  height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:999px !important;
  background:var(--featured-accent) !important;
  color:#ffffff !important;
  box-shadow:0 16px 28px rgba(10,31,53,.22) !important;
  cursor:pointer !important;
  transform:translateY(-50%) !important;
  transition:background .2s ease,transform .2s ease,opacity .2s ease,box-shadow .2s ease !important;
}

.featured-slider-btn span{
  display:block !important;
  margin-top:-2px !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.featured-slider-btn-prev{left:-12px !important;}
.featured-slider-btn-next{right:-12px !important;}

.featured-slider-btn:hover,
.featured-slider-btn:focus-visible{
  background:var(--featured-accent-dark) !important;
  transform:translateY(-50%) scale(1.06) !important;
  outline:none !important;
}

.featured-slider-btn.is-disabled{
  opacity:.38 !important;
  pointer-events:none !important;
}

@media (max-width:1180px){
  .featured-slider-viewport .featured-ad-card{flex-basis:calc((100% - 44px) / 3) !important;}
}

@media (max-width:820px){
  .home-featured-ads-section.featured-slider-section .featured-heading{align-items:flex-start !important;flex-direction:column !important;}
  .featured-slider-viewport{gap:18px !important;}
  .featured-slider-viewport .featured-ad-card{flex-basis:calc((100% - 18px) / 2) !important;}
  .featured-slider-btn{width:42px !important;height:42px !important;}
  .featured-slider-btn-prev{left:-8px !important;}
  .featured-slider-btn-next{right:-8px !important;}
}

@media (max-width:560px){
  .home-featured-ads-section.featured-slider-section{padding:22px 14px !important;border-radius:24px !important;}
  .featured-slider-viewport .featured-ad-card{flex-basis:86% !important;}
  .featured-slider-viewport .featured-ad-visual{height:178px !important;}
  .featured-slider-viewport .featured-ad-body{min-height:172px !important;padding:16px !important;}
  .featured-slider-btn{top:auto !important;bottom:-6px !important;transform:none !important;}
  .featured-slider-btn:hover,.featured-slider-btn:focus-visible{transform:scale(1.06) !important;}
  .featured-slider-btn-prev{left:calc(50% - 52px) !important;}
  .featured-slider-btn-next{right:calc(50% - 52px) !important;}
  .featured-slider{padding-bottom:50px !important;}
}


/* =========================================================
   V102 - Featured Listings below header, Champagne / Gold
   Header and footer unchanged
   ========================================================= */
:root{
  --featured-bg:#FFF8EA;
  --featured-card:#FFFFFF;
  --featured-border:#E7C77A;
  --featured-accent:#D79D46;
  --featured-accent-dark:#9B6A1D;
  --featured-text:#173B36;
  --featured-muted:#6F6655;
}

.home-featured-listings-top.featured-gold-section{
  width:100% !important;
  max-width:none !important;
  margin:0 auto 28px !important;
  padding:clamp(24px,3vw,42px) clamp(12px,1.6vw,24px) !important;
  border:1px solid var(--featured-border) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 16% 0%,rgba(255,255,255,.98) 0,rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#ffffff 0%,var(--featured-bg) 100%) !important;
  box-shadow:0 18px 44px rgba(90,62,20,.10) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.home-featured-listings-top.featured-gold-section .featured-top-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin-bottom:22px !important;
}

.home-featured-listings-top.featured-gold-section .featured-top-heading p{
  margin:0 0 6px !important;
  color:var(--featured-accent-dark) !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.home-featured-listings-top.featured-gold-section .featured-top-heading h2{
  margin:0 !important;
  color:var(--featured-text) !important;
  font-size:clamp(28px,3vw,44px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}

.home-featured-listings-top.featured-gold-section .featured-top-heading span{
  display:block !important;
  margin-top:8px !important;
  color:var(--featured-muted) !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

.home-featured-listings-top.featured-gold-section .featured-top-heading > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border:1px solid rgba(155,106,29,.25) !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:var(--featured-accent-dark) !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(90,62,20,.08) !important;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease !important;
  white-space:nowrap !important;
}

.home-featured-listings-top.featured-gold-section .featured-top-heading > a:hover,
.home-featured-listings-top.featured-gold-section .featured-top-heading > a:focus-visible{
  background:var(--featured-accent) !important;
  border-color:var(--featured-accent) !important;
  color:#ffffff !important;
  transform:translateY(-2px) !important;
  outline:none !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider{
  position:relative !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider-viewport{
  display:flex !important;
  gap:22px !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  padding:4px 2px 8px !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider-viewport::-webkit-scrollbar{
  display:none !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-card{
  position:relative !important;
  flex:0 0 calc((100% - 66px) / 4) !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid var(--featured-border) !important;
  border-radius:24px !important;
  background:var(--featured-card) !important;
  color:var(--featured-text) !important;
  box-shadow:0 16px 30px rgba(90,62,20,.11) !important;
  overflow:hidden !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-card:hover,
.home-featured-listings-top.featured-gold-section .featured-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:var(--featured-accent) !important;
  box-shadow:0 24px 44px rgba(90,62,20,.17) !important;
  outline:none !important;
}

.home-featured-listings-top.featured-gold-section .featured-badge{
  position:absolute !important;
  z-index:3 !important;
  top:14px !important;
  left:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:var(--featured-accent) !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 20px rgba(90,62,20,.18) !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-visual{
  position:relative !important;
  width:100% !important;
  height:190px !important;
  margin:0 !important;
  background:#F7F1E5 !important;
  overflow:hidden !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:44% !important;
  background:linear-gradient(180deg,rgba(23,59,54,0) 0%,rgba(23,59,54,.34) 100%) !important;
  pointer-events:none !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-visual img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transform:scale(1.01) !important;
  transition:transform .28s ease !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-card:hover .featured-ad-visual img,
.home-featured-listings-top.featured-gold-section .featured-ad-card:focus-visible .featured-ad-visual img{
  transform:scale(1.06) !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-body{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-height:172px !important;
  padding:18px !important;
}

.home-featured-listings-top.featured-gold-section .featured-category{
  margin:0 !important;
  color:var(--featured-accent-dark) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-body h3{
  margin:0 !important;
  color:var(--featured-text) !important;
  font-size:18px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.home-featured-listings-top.featured-gold-section .featured-location{
  margin:0 !important;
  color:var(--featured-muted) !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.home-featured-listings-top.featured-gold-section .featured-price{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:var(--featured-bg) !important;
  color:var(--featured-accent-dark) !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider-btn{
  position:absolute !important;
  z-index:5 !important;
  top:50% !important;
  width:46px !important;
  height:46px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--featured-accent) !important;
  color:#ffffff !important;
  box-shadow:0 16px 32px rgba(90,62,20,.22) !important;
  cursor:pointer !important;
  transform:translateY(-50%) !important;
  transition:background .22s ease,transform .22s ease,opacity .22s ease !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider-btn span{
  display:block !important;
  font-size:34px !important;
  line-height:1 !important;
  margin-top:-2px !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider-btn-prev{left:-12px !important;}
.home-featured-listings-top.featured-gold-section .featured-slider-btn-next{right:-12px !important;}

.home-featured-listings-top.featured-gold-section .featured-slider-btn:hover,
.home-featured-listings-top.featured-gold-section .featured-slider-btn:focus-visible{
  background:var(--featured-accent-dark) !important;
  transform:translateY(-50%) scale(1.06) !important;
  outline:none !important;
}

.home-featured-listings-top.featured-gold-section .featured-slider-btn.is-disabled{
  opacity:.42 !important;
  cursor:default !important;
  pointer-events:none !important;
}

@media (max-width:1180px){
  .home-featured-listings-top.featured-gold-section .featured-ad-card{flex-basis:calc((100% - 44px) / 3) !important;}
}

@media (max-width:820px){
  .home-featured-listings-top.featured-gold-section .featured-top-heading{align-items:flex-start !important;flex-direction:column !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-viewport{gap:18px !important;}
  .home-featured-listings-top.featured-gold-section .featured-ad-card{flex-basis:calc((100% - 18px) / 2) !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn{width:42px !important;height:42px !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn-prev{left:-8px !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn-next{right:-8px !important;}
}

@media (max-width:560px){
  .home-featured-listings-top.featured-gold-section{padding:22px 14px !important;border-radius:24px !important;}
  .home-featured-listings-top.featured-gold-section .featured-ad-card{flex-basis:86% !important;}
  .home-featured-listings-top.featured-gold-section .featured-ad-visual{height:178px !important;}
  .home-featured-listings-top.featured-gold-section .featured-ad-body{min-height:166px !important;padding:16px !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn{top:auto !important;bottom:-6px !important;transform:none !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn:hover,
  .home-featured-listings-top.featured-gold-section .featured-slider-btn:focus-visible{transform:scale(1.06) !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn-prev{left:calc(50% - 52px) !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider-btn-next{right:calc(50% - 52px) !important;}
  .home-featured-listings-top.featured-gold-section .featured-slider{padding-bottom:50px !important;}
}


/* =========================================================
   V104 - Compact intro panel restored
   Header and footer unchanged
   ========================================================= */
.home-intro-panel.home-intro-panel-compact{
  width:min(920px,100%) !important;
  min-height:auto !important;
  margin:22px auto 24px !important;
  padding:18px 22px !important;
  gap:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(11,111,102,.14) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 14px 32px rgba(6,73,67,.08) !important;
}

.home-intro-panel.home-intro-panel-compact .home-kicker{
  margin:0 0 5px !important;
  color:var(--teal-dark,#085b54) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.home-intro-panel.home-intro-panel-compact h1{
  max-width:620px !important;
  margin:0 !important;
  color:var(--ink,#083b36) !important;
  font-size:clamp(22px,2.2vw,32px) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
}

.home-intro-panel.home-intro-panel-compact p:not(.home-kicker){
  max-width:620px !important;
  margin:8px 0 0 !important;
  color:var(--muted,#5e7a74) !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

.home-intro-panel.home-intro-panel-compact .home-location-cta{
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:0 10px 22px rgba(6,73,67,.14) !important;
}

@media (max-width:780px){
  .home-intro-panel.home-intro-panel-compact{
    width:100% !important;
    margin:18px auto 22px !important;
    padding:16px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .home-intro-panel.home-intro-panel-compact .home-location-cta{
    width:auto !important;
  }
}


/* =========================================================
   V105 - Retemax Latest Ads grid
   Header and footer unchanged
   ========================================================= */
.latest-ads-section{
  --latest-bg:#F7F8FA;
  --latest-card:#FFFFFF;
  --latest-border:#D8DEE6;
  --latest-text:#173B36;
  --latest-muted:#6B7280;
  --latest-accent:#0B6F66;
  --latest-accent-dark:#085B54;
  width:100% !important;
  margin:clamp(28px,3vw,46px) auto 0 !important;
  padding:clamp(24px,3vw,38px) clamp(12px,1.6vw,24px) !important;
  border:1px solid var(--latest-border) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at top left, rgba(216,222,230,.34), transparent 34%),
    var(--latest-bg) !important;
  box-shadow:0 18px 44px rgba(17,24,39,.07) !important;
  box-sizing:border-box !important;
}

.latest-ads-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:22px !important;
}

.latest-ads-heading p{
  margin:0 0 6px !important;
  color:var(--latest-accent) !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.latest-ads-heading h2{
  margin:0 !important;
  color:var(--latest-text) !important;
  font-size:clamp(26px,2.6vw,40px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}

.latest-ads-heading span{
  display:block !important;
  margin-top:7px !important;
  color:var(--latest-muted) !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.latest-ads-heading > a{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(11,111,102,.22) !important;
  background:#fff !important;
  color:var(--latest-accent-dark) !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 10px 24px rgba(17,24,39,.06) !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important;
}

.latest-ads-heading > a:hover,
.latest-ads-heading > a:focus-visible{
  background:var(--latest-accent) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 30px rgba(11,111,102,.16) !important;
  outline:none !important;
}

.latest-ads-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.latest-ad-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  min-height:100% !important;
  border:1px solid var(--latest-border) !important;
  border-radius:24px !important;
  background:var(--latest-card) !important;
  color:var(--latest-text) !important;
  overflow:hidden !important;
  box-shadow:0 12px 28px rgba(17,24,39,.08) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:rgba(11,111,102,.32) !important;
  box-shadow:0 22px 44px rgba(17,24,39,.13) !important;
  outline:none !important;
}

.latest-ad-visual{
  position:relative !important;
  width:100% !important;
  aspect-ratio:4/3 !important;
  margin:0 !important;
  background:#E5E7EB !important;
  overflow:hidden !important;
}

.latest-ad-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1.01) !important;
  transition:transform .28s ease, filter .28s ease !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:scale(1.06) !important;
  filter:saturate(1.04) contrast(1.02) !important;
}

.latest-ad-badge{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:var(--latest-accent) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 18px rgba(0,0,0,.15) !important;
}

.latest-ad-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  padding:16px !important;
}

.latest-ad-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:9px !important;
  color:var(--latest-muted) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.latest-ad-meta time{
  flex:0 0 auto !important;
  color:var(--latest-accent) !important;
}

.latest-ad-body h3{
  margin:0 !important;
  color:var(--latest-text) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.latest-ad-location{
  margin:8px 0 14px !important;
  color:var(--latest-muted) !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

.latest-ad-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:auto !important;
}

.latest-ad-price{
  color:var(--latest-accent-dark) !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.latest-ad-link{
  flex:0 0 auto !important;
  color:var(--latest-muted) !important;
  font-size:13px !important;
  font-weight:900 !important;
  transition:color .2s ease !important;
}

.latest-ad-card:hover .latest-ad-link,
.latest-ad-card:focus-visible .latest-ad-link{
  color:var(--latest-accent) !important;
}

@media (max-width:1180px){
  .latest-ads-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

@media (max-width:900px){
  .latest-ads-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
  .latest-ads-heading{align-items:flex-start !important;flex-direction:column !important;}
}

@media (max-width:560px){
  .latest-ads-section{border-radius:22px !important;padding:22px 12px !important;}
  .latest-ads-grid{grid-template-columns:1fr !important;gap:16px !important;}
  .latest-ad-visual{aspect-ratio:16/10 !important;}
  .latest-ads-heading > a{width:100% !important;}
}


/* =========================================================
   V107 - Retemax Latest Ads: title underline on hover only
   Header and footer unchanged
   ========================================================= */
.latest-ad-card{
  transition:border-color .2s ease !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:none !important;
  border-color:var(--latest-border,#D8DEE6) !important;
  box-shadow:0 12px 28px rgba(17,24,39,.08) !important;
  outline:none !important;
}

.latest-ad-visual img{
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:none !important;
  filter:none !important;
}

.latest-ad-badge{
  animation:none !important;
}

.latest-ad-body h3{
  position:relative !important;
  display:inline-block !important;
  align-self:flex-start !important;
  padding-bottom:5px !important;
  background-image:linear-gradient(var(--latest-accent,#0B6F66),var(--latest-accent,#0B6F66)) !important;
  background-repeat:no-repeat !important;
  background-position:left bottom !important;
  background-size:0 2px !important;
  transition:background-size .22s ease,color .22s ease !important;
}

.latest-ad-card:hover .latest-ad-body h3,
.latest-ad-card:focus-visible .latest-ad-body h3{
  background-size:100% 2px !important;
}

.latest-ad-card:hover .latest-ad-link,
.latest-ad-card:focus-visible .latest-ad-link{
  color:var(--latest-muted,#6B7280) !important;
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-body h3{
    transition:none !important;
  }
}


/* =========================================================
   V109 - Full width compact intro panel
   Header and footer unchanged
   ========================================================= */
.home-marketplace .home-intro-panel.home-intro-panel-compact{
  width:100% !important;
  max-width:none !important;
  margin:22px 0 24px !important;
  padding:16px clamp(18px,2.2vw,34px) !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  min-height:92px !important;
}

.home-marketplace .home-intro-panel.home-intro-panel-compact > div{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.home-marketplace .home-intro-panel.home-intro-panel-compact h1{
  max-width:none !important;
  font-size:clamp(21px,2vw,30px) !important;
}

.home-marketplace .home-intro-panel.home-intro-panel-compact p:not(.home-kicker){
  max-width:none !important;
  margin-top:6px !important;
  font-size:14px !important;
}

.home-marketplace .home-intro-panel.home-intro-panel-compact .home-location-cta{
  flex:0 0 auto !important;
  min-height:38px !important;
  padding:0 18px !important;
}

@media (max-width:780px){
  .home-marketplace .home-intro-panel.home-intro-panel-compact{
    margin:18px 0 22px !important;
    padding:15px 16px !important;
    min-height:auto !important;
    align-items:flex-start !important;
    gap:14px !important;
  }
}

/* =========================================================
   V110 - Retemax Latest Ads: hover lift only
   Header and footer unchanged
   ========================================================= */
.latest-ad-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  will-change:transform !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:rgba(11,111,102,.28) !important;
  box-shadow:0 18px 38px rgba(17,24,39,.12) !important;
  outline:none !important;
}

.latest-ad-visual img,
.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

.latest-ad-badge{
  animation:none !important;
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-card{
    transition:border-color .2s ease, box-shadow .2s ease !important;
    will-change:auto !important;
  }

  .latest-ad-card:hover,
  .latest-ad-card:focus-visible{
    transform:none !important;
  }
}


/* =========================================================
   V111 - Retemax Latest Ads: image zoom + subtle New badge glow
   Header and footer unchanged
   ========================================================= */
.latest-ad-visual{
  overflow:hidden !important;
}

.latest-ad-visual img{
  transform:scale(1) !important;
  filter:none !important;
  transition:transform .28s ease, filter .28s ease !important;
  will-change:transform !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:scale(1.055) !important;
  filter:saturate(1.04) contrast(1.02) !important;
}

.latest-ad-badge{
  animation:latestNewBadgeGlow 3.4s ease-in-out infinite !important;
  box-shadow:0 10px 18px rgba(0,0,0,.15), 0 0 0 rgba(11,111,102,0) !important;
}

@keyframes latestNewBadgeGlow{
  0%,100%{
    box-shadow:0 10px 18px rgba(0,0,0,.15), 0 0 0 0 rgba(11,111,102,0) !important;
  }
  45%{
    box-shadow:0 10px 18px rgba(0,0,0,.15), 0 0 0 6px rgba(11,111,102,.10) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-visual img{
    transform:none !important;
    filter:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  .latest-ad-card:hover .latest-ad-visual img,
  .latest-ad-card:focus-visible .latest-ad-visual img{
    transform:none !important;
    filter:none !important;
  }

  .latest-ad-badge{
    animation:none !important;
  }
}


/* =========================================================
   V112 - Featured Listings title underline on hover only
   Header and footer unchanged
   ========================================================= */
.home-featured-listings-top.featured-gold-section .featured-ad-body h3{
  position:relative !important;
  display:inline-block !important;
  width:auto !important;
  padding-bottom:5px !important;
  text-decoration:none !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-body h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--featured-accent,#D79D46) !important;
  transform:scaleX(0) !important;
  transform-origin:left center !important;
  transition:transform .22s ease !important;
}

.home-featured-listings-top.featured-gold-section .featured-ad-card:hover .featured-ad-body h3::after,
.home-featured-listings-top.featured-gold-section .featured-ad-card:focus-visible .featured-ad-body h3::after{
  transform:scaleX(1) !important;
}


/* =========================================================
   V113 - Retemax Latest Ads: remove subtle New badge glow only
   Header and footer unchanged
   ========================================================= */
.latest-ad-badge{
  animation:none !important;
  box-shadow:0 10px 18px rgba(0,0,0,.15) !important;
}


/* =========================================================
   V114 - Featured Ads Mosaic below Retemax Categories
   Header and footer unchanged
   ========================================================= */
.featured-mosaic-section{
  width:100% !important;
  max-width:none !important;
  margin:36px auto 0 !important;
  padding:clamp(24px,3vw,40px) clamp(12px,1.6vw,24px) !important;
  border-radius:28px !important;
  background:#F7F8FA !important;
  border:1px solid #D8DEE6 !important;
  box-shadow:0 18px 44px rgba(17,24,39,.07) !important;
  box-sizing:border-box !important;
}

.featured-mosaic-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:22px !important;
}

.featured-mosaic-heading p{
  margin:0 0 6px !important;
  color:#123A63 !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.featured-mosaic-heading h2{
  margin:0 !important;
  color:#173B36 !important;
  font-size:clamp(28px,3vw,42px) !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  line-height:1.06 !important;
}

.featured-mosaic-heading span{
  display:block !important;
  margin-top:8px !important;
  color:#6B7280 !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.featured-mosaic-heading > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:#123A63 !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 12px 24px rgba(18,58,99,.18) !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;
  white-space:nowrap !important;
}

.featured-mosaic-heading > a:hover,
.featured-mosaic-heading > a:focus-visible{
  background:#0B2744 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 30px rgba(18,58,99,.22) !important;
  outline:none !important;
}

.featured-mosaic-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.featured-mosaic-card{
  position:relative !important;
  display:block !important;
  min-height:310px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#111827 !important;
  border:1px solid rgba(216,222,230,.95) !important;
  box-shadow:0 18px 34px rgba(17,24,39,.13) !important;
  isolation:isolate !important;
  transform:translateY(0) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.featured-mosaic-card-large{
  grid-column:span 2 !important;
}

.featured-mosaic-visual{
  position:absolute !important;
  inset:0 !important;
  margin:0 !important;
  z-index:0 !important;
}

.featured-mosaic-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(8,15,28,.08) 0%, rgba(8,15,28,.30) 42%, rgba(8,15,28,.86) 100%) !important;
  z-index:1 !important;
}

.featured-mosaic-visual img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transform:scale(1) !important;
  transition:transform .35s ease !important;
}

.featured-mosaic-overlay{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:22px !important;
  color:#ffffff !important;
}

.featured-mosaic-badge{
  width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  color:#172033 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 18px rgba(0,0,0,.20) !important;
}

.featured-mosaic-overlay p{
  margin:4px 0 0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

.featured-mosaic-overlay h3{
  position:relative !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:clamp(19px,2vw,28px) !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

.featured-mosaic-card:not(.featured-mosaic-card-large) .featured-mosaic-overlay h3{
  font-size:20px !important;
}

.featured-mosaic-overlay h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:-5px !important;
  width:100% !important;
  height:3px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .24s ease !important;
}

.featured-mosaic-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:8px !important;
}

.featured-mosaic-meta span{
  min-width:0 !important;
  color:rgba(255,255,255,.84) !important;
  font-size:13px !important;
  font-weight:800 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.featured-mosaic-meta strong{
  color:#FFE8B2 !important;
  font-size:16px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.featured-mosaic-card:hover,
.featured-mosaic-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:#123A63 !important;
  box-shadow:0 28px 48px rgba(17,24,39,.20) !important;
  outline:none !important;
}

.featured-mosaic-card:hover .featured-mosaic-visual img,
.featured-mosaic-card:focus-visible .featured-mosaic-visual img{
  transform:scale(1.045) !important;
}

.featured-mosaic-card:hover .featured-mosaic-overlay h3::after,
.featured-mosaic-card:focus-visible .featured-mosaic-overlay h3::after{
  transform:scaleX(1) !important;
}

@media (max-width:1020px){
  .featured-mosaic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .featured-mosaic-card-large{
    grid-column:span 2 !important;
  }
}

@media (max-width:680px){
  .featured-mosaic-section{
    padding:22px 14px !important;
  }
  .featured-mosaic-heading{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .featured-mosaic-heading > a{
    width:100% !important;
  }
  .featured-mosaic-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .featured-mosaic-card,
  .featured-mosaic-card-large{
    grid-column:span 1 !important;
    min-height:300px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .featured-mosaic-card,
  .featured-mosaic-visual img,
  .featured-mosaic-overlay h3::after,
  .featured-mosaic-heading > a{
    transition:none !important;
  }
  .featured-mosaic-card:hover,
  .featured-mosaic-card:focus-visible,
  .featured-mosaic-heading > a:hover,
  .featured-mosaic-heading > a:focus-visible{
    transform:none !important;
  }
  .featured-mosaic-card:hover .featured-mosaic-visual img,
  .featured-mosaic-card:focus-visible .featured-mosaic-visual img{
    transform:none !important;
  }
}


/* =========================================================
   V115 - Retemax Latest Ads: same interaction effects as Featured Ads mosaic
   Header and footer unchanged
   ========================================================= */
.latest-ad-card{
  transform:translateY(0) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:#123A63 !important;
  box-shadow:0 28px 48px rgba(17,24,39,.16) !important;
  outline:none !important;
}

.latest-ad-visual{
  overflow:hidden !important;
}

.latest-ad-visual img{
  transform:scale(1) !important;
  filter:none !important;
  transition:transform .35s ease !important;
  will-change:auto !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:scale(1.045) !important;
  filter:none !important;
}

.latest-ad-badge{
  animation:none !important;
}

.latest-ad-body h3{
  position:relative !important;
  display:inline-block !important;
  width:max-content !important;
  max-width:100% !important;
  padding-bottom:6px !important;
  background:none !important;
}

.latest-ad-body h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .24s ease !important;
}

.latest-ad-card:hover .latest-ad-body h3::after,
.latest-ad-card:focus-visible .latest-ad-body h3::after{
  transform:scaleX(1) !important;
}

.latest-ad-card:hover .latest-ad-link,
.latest-ad-card:focus-visible .latest-ad-link{
  color:var(--latest-accent,#0B6F66) !important;
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-card{
    transition:border-color .2s ease, box-shadow .2s ease !important;
  }

  .latest-ad-card:hover,
  .latest-ad-card:focus-visible{
    transform:none !important;
  }

  .latest-ad-visual img,
  .latest-ad-card:hover .latest-ad-visual img,
  .latest-ad-card:focus-visible .latest-ad-visual img{
    transform:none !important;
    transition:none !important;
  }

  .latest-ad-body h3::after{
    transition:none !important;
  }
}


/* =========================================================
   V116 - Retemax Latest Ads: mosaic layout with large and small cards
   hover lift, gentle image zoom, title underline on hover
   Header and footer unchanged
   ========================================================= */
.latest-ads-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-flow:dense !important;
  gap:22px !important;
  align-items:stretch !important;
}

.latest-ad-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:270px !important;
  border:1px solid var(--latest-border,#D8DEE6) !important;
  border-radius:24px !important;
  background:var(--latest-card,#FFFFFF) !important;
  box-shadow:0 16px 30px rgba(17,24,39,.09) !important;
  overflow:hidden !important;
  transform:translateY(0) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:#123A63 !important;
  box-shadow:0 28px 48px rgba(17,24,39,.16) !important;
  outline:none !important;
}

.latest-ad-card:nth-child(1),
.latest-ad-card:nth-child(4){
  grid-column:span 2 !important;
  min-height:330px !important;
}

.latest-ad-card:nth-child(7),
.latest-ad-card:nth-child(8){
  grid-column:span 2 !important;
  min-height:300px !important;
}

.latest-ad-visual{
  position:relative !important;
  width:100% !important;
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
  background:#E5E7EB !important;
}

.latest-ad-card:nth-child(1) .latest-ad-visual,
.latest-ad-card:nth-child(4) .latest-ad-visual{
  aspect-ratio:16/10 !important;
}

.latest-ad-card:nth-child(7) .latest-ad-visual,
.latest-ad-card:nth-child(8) .latest-ad-visual{
  aspect-ratio:16/10 !important;
}

.latest-ad-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1) !important;
  transition:transform .35s ease !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:scale(1.045) !important;
}

.latest-ad-badge{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:var(--latest-accent,#0B6F66) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 18px rgba(0,0,0,.15) !important;
  animation:none !important;
}

.latest-ad-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  padding:18px !important;
}

.latest-ad-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
  color:var(--latest-muted,#6B7280) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.latest-ad-meta time{
  color:var(--latest-accent,#0B6F66) !important;
}

.latest-ad-body h3{
  position:relative !important;
  display:inline-block !important;
  align-self:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding-bottom:6px !important;
  color:var(--latest-text,#173B36) !important;
  font-size:20px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.latest-ad-card:nth-child(1) .latest-ad-body h3,
.latest-ad-card:nth-child(4) .latest-ad-body h3{
  font-size:clamp(22px,2vw,28px) !important;
}

.latest-ad-body h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .24s ease !important;
}

.latest-ad-card:hover .latest-ad-body h3::after,
.latest-ad-card:focus-visible .latest-ad-body h3::after{
  transform:scaleX(1) !important;
}

.latest-ad-location{
  margin:8px 0 14px !important;
  color:var(--latest-muted,#6B7280) !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

.latest-ad-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:auto !important;
}

.latest-ad-price{
  color:var(--latest-accent-dark,#085B54) !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.latest-ad-link{
  flex:0 0 auto !important;
  color:var(--latest-muted,#6B7280) !important;
  font-size:13px !important;
  font-weight:900 !important;
  transition:color .2s ease !important;
}

.latest-ad-card:hover .latest-ad-link,
.latest-ad-card:focus-visible .latest-ad-link{
  color:var(--latest-accent,#0B6F66) !important;
}

@media (max-width:1180px){
  .latest-ads-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .latest-ad-card:nth-child(1),
  .latest-ad-card:nth-child(4),
  .latest-ad-card:nth-child(7),
  .latest-ad-card:nth-child(8){
    grid-column:span 2 !important;
  }
}

@media (max-width:760px){
  .latest-ads-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .latest-ad-card,
  .latest-ad-card:nth-child(1),
  .latest-ad-card:nth-child(4),
  .latest-ad-card:nth-child(7),
  .latest-ad-card:nth-child(8){
    grid-column:span 1 !important;
    min-height:auto !important;
  }

  .latest-ad-visual,
  .latest-ad-card:nth-child(1) .latest-ad-visual,
  .latest-ad-card:nth-child(4) .latest-ad-visual,
  .latest-ad-card:nth-child(7) .latest-ad-visual,
  .latest-ad-card:nth-child(8) .latest-ad-visual{
    aspect-ratio:16/10 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-card{
    transition:border-color .2s ease, box-shadow .2s ease !important;
  }

  .latest-ad-card:hover,
  .latest-ad-card:focus-visible{
    transform:none !important;
  }

  .latest-ad-visual img,
  .latest-ad-card:hover .latest-ad-visual img,
  .latest-ad-card:focus-visible .latest-ad-visual img{
    transform:none !important;
    transition:none !important;
  }

  .latest-ad-body h3::after{
    transition:none !important;
  }
}


/* =========================================================
   V117 - Retemax Latest Ads: classic grid layout
   Keeps hover lift, gentle image zoom and title underline on hover
   Header and footer unchanged
   ========================================================= */
.latest-ads-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:22px !important;
  align-items:stretch !important;
}

.latest-ad-card,
.latest-ad-card:nth-child(1),
.latest-ad-card:nth-child(4),
.latest-ad-card:nth-child(7),
.latest-ad-card:nth-child(8){
  grid-column:auto !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid var(--latest-border,#D8DEE6) !important;
  border-radius:24px !important;
  background:var(--latest-card,#FFFFFF) !important;
  box-shadow:0 16px 30px rgba(17,24,39,.09) !important;
  overflow:hidden !important;
  transform:translateY(0) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:#123A63 !important;
  box-shadow:0 28px 48px rgba(17,24,39,.16) !important;
  outline:none !important;
}

.latest-ad-visual,
.latest-ad-card:nth-child(1) .latest-ad-visual,
.latest-ad-card:nth-child(4) .latest-ad-visual,
.latest-ad-card:nth-child(7) .latest-ad-visual,
.latest-ad-card:nth-child(8) .latest-ad-visual{
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
}

.latest-ad-visual img{
  transform:scale(1) !important;
  transition:transform .35s ease !important;
  filter:none !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:scale(1.045) !important;
  filter:none !important;
}

.latest-ad-body h3,
.latest-ad-card:nth-child(1) .latest-ad-body h3,
.latest-ad-card:nth-child(4) .latest-ad-body h3{
  position:relative !important;
  display:inline-block !important;
  align-self:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
  padding-bottom:6px !important;
  font-size:18px !important;
  line-height:1.2 !important;
  background:none !important;
}

.latest-ad-body h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .24s ease !important;
}

.latest-ad-card:hover .latest-ad-body h3::after,
.latest-ad-card:focus-visible .latest-ad-body h3::after{
  transform:scaleX(1) !important;
}

.latest-ad-badge{
  animation:none !important;
}

@media (max-width:1180px){
  .latest-ads-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .latest-ad-card,
  .latest-ad-card:nth-child(1),
  .latest-ad-card:nth-child(4),
  .latest-ad-card:nth-child(7),
  .latest-ad-card:nth-child(8){
    grid-column:auto !important;
  }
}

@media (max-width:900px){
  .latest-ads-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

@media (max-width:560px){
  .latest-ads-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .latest-ad-visual,
  .latest-ad-card:nth-child(1) .latest-ad-visual,
  .latest-ad-card:nth-child(4) .latest-ad-visual,
  .latest-ad-card:nth-child(7) .latest-ad-visual,
  .latest-ad-card:nth-child(8) .latest-ad-visual{
    aspect-ratio:16/10 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-card{
    transition:border-color .2s ease, box-shadow .2s ease !important;
  }

  .latest-ad-card:hover,
  .latest-ad-card:focus-visible{
    transform:none !important;
  }

  .latest-ad-visual img,
  .latest-ad-card:hover .latest-ad-visual img,
  .latest-ad-card:focus-visible .latest-ad-visual img{
    transform:none !important;
    transition:none !important;
  }

  .latest-ad-body h3::after{
    transition:none !important;
  }
}


/* =========================================================
   V118 - Retemax Latest Ads: 20 ads, classic grid retained
   Header and footer unchanged
   ========================================================= */
.latest-ads-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:22px !important;
  align-items:stretch !important;
}

.latest-ad-card{
  grid-column:auto !important;
}

.latest-ad-card:nth-child(n){
  grid-column:auto !important;
  min-height:100% !important;
}

@media (max-width:1180px){
  .latest-ads-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  .latest-ads-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
}
@media (max-width:560px){
  .latest-ads-grid{grid-template-columns:1fr !important;gap:16px !important;}
}


/* =========================================================
   V119 - Retemax Latest Ads: sharper stable images, smoother hover
   Header and footer unchanged
   ========================================================= */
.latest-ad-card{
  transform:translateY(0) !important;
  transition:transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out !important;
  will-change:auto !important;
}

.latest-ad-card:hover,
.latest-ad-card:focus-visible{
  transform:translateY(-4px) !important;
  border-color:#123A63 !important;
  box-shadow:0 22px 38px rgba(17,24,39,.14) !important;
  outline:none !important;
}

.latest-ad-visual,
.latest-ad-card:nth-child(n) .latest-ad-visual{
  position:relative !important;
  overflow:hidden !important;
  background:#F1F3F5 !important;
  aspect-ratio:4/3 !important;
  contain:paint !important;
}

.latest-ad-visual img,
.latest-ad-card:nth-child(n) .latest-ad-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  transform:scale(1) !important;
  transform-origin:center center !important;
  filter:none !important;
  transition:transform .22s ease-out !important;
  will-change:auto !important;
  backface-visibility:hidden !important;
}

.latest-ad-card:hover .latest-ad-visual img,
.latest-ad-card:focus-visible .latest-ad-visual img{
  transform:scale(1.025) !important;
  filter:none !important;
}

.latest-ad-badge{
  animation:none !important;
}

.latest-ad-body h3::after{
  height:2px !important;
  transition:transform .20s ease-out !important;
}

@media (max-width:560px){
  .latest-ad-visual,
  .latest-ad-card:nth-child(n) .latest-ad-visual{
    aspect-ratio:16/10 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .latest-ad-card{
    transition:border-color .16s ease, box-shadow .16s ease !important;
  }

  .latest-ad-card:hover,
  .latest-ad-card:focus-visible{
    transform:none !important;
  }

  .latest-ad-visual img,
  .latest-ad-card:hover .latest-ad-visual img,
  .latest-ad-card:focus-visible .latest-ad-visual img{
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   V120 - Final responsive safety pass for header, browse and footer
   Works with modern Chrome, Firefox, Edge, Opera and Safari.
   ========================================================= */

html {
  min-width: 0 !important;
  overflow-x: hidden !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

body {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

img,
svg,
video,
canvas {
  max-width: 100% !important;
}

img {
  height: auto;
}

.retemax-header,
.home-marketplace,
.home-featured-ads-section,
.featured-slider-section,
.home-intro-panel,
.home-categories-section,
.featured-mosaic-section,
.latest-ads-section,
.retemax-footer-v32,
.footer-v32-inner {
  max-width: 100% !important;
  min-width: 0 !important;
}

.header-topbar,
.header-nav,
.header-searchbar,
.header-controls,
.top-strip,
.top-ticker-card,
.footer-v32-brand,
.footer-v32-columns,
.footer-v32-bottom,
.home-section-heading,
.featured-heading,
.latest-ads-heading,
.featured-mosaic-heading {
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Header and navigation safety */
.retemax-header {
  overflow: visible !important;
  isolation: isolate !important;
}

.retemax-header details {
  max-width: 100% !important;
}

.retemax-header summary {
  -webkit-tap-highlight-color: transparent !important;
}

/* Prevent long labels/links from forcing horizontal scroll */
.retemax-header a,
.retemax-header summary,
.retemax-header button,
.retemax-footer-v32 a,
.home-marketplace a,
.home-marketplace h1,
.home-marketplace h2,
.home-marketplace h3,
.home-marketplace p,
.home-marketplace span,
.home-marketplace strong,
.home-marketplace small {
  overflow-wrap: anywhere;
}

/* Keep dropdowns inside the viewport on tablet-sized screens */
@media (min-width: 561px) and (max-width: 980px) {
  .retemax-header details[open] > .dropdown-panel,
  .retemax-header details[open] > .top-dropdown,
  .retemax-header details[open] > .nav-link-panel,
  .retemax-header details[open] > .nav-category-panel,
  .retemax-header details[open] > .nav-country-grid,
  .retemax-header details[open] > .country-grid,
  .retemax-header details[open] > .compact-panel,
  .retemax-header details[open] > .nav-compact-panel {
    max-width: calc(100vw - 32px) !important;
    overflow-x: hidden !important;
  }
}

/* Mobile header dropdowns: fixed viewport panel prevents off-screen overflow */
@media (max-width: 560px) {
  .header-topbar,
  .header-nav,
  .header-searchbar,
  .header-controls,
  .topbar-left,
  .topbar-right,
  .nav-links {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .header-topbar,
  .topbar-left,
  .topbar-right,
  .header-controls,
  .nav-links {
    flex-wrap: wrap !important;
  }

  .topbar-left,
  .topbar-right,
  .nav-links {
    justify-content: center !important;
  }

  .retemax-header details {
    position: relative !important;
  }

  .retemax-header details[open] > .dropdown-panel,
  .retemax-header details[open] > .top-dropdown,
  .retemax-header details[open] > .nav-link-panel,
  .retemax-header details[open] > .nav-category-panel,
  .retemax-header details[open] > .nav-country-grid,
  .retemax-header details[open] > .country-grid,
  .retemax-header details[open] > .compact-panel,
  .retemax-header details[open] > .nav-compact-panel {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(70vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .retemax-header details[open] > .dropdown-panel *,
  .retemax-header details[open] > .top-dropdown *,
  .retemax-header details[open] > .nav-link-panel *,
  .retemax-header details[open] > .nav-category-panel *,
  .retemax-header details[open] > .nav-country-grid *,
  .retemax-header details[open] > .country-grid *,
  .retemax-header details[open] > .compact-panel *,
  .retemax-header details[open] > .nav-compact-panel * {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  .header-searchbar,
  .search-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .category-select,
  .match-select,
  .search-input {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .search-input {
    flex: 1 1 220px !important;
  }

  .search-submit {
    flex: 0 0 auto !important;
  }

  .add-listing {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Main content grids */
.home-categories-section .home-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.home-categories-section .home-section-heading h2,
.home-categories-section .home-section-heading p {
  margin: 0 !important;
}

.home-categories-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.featured-mosaic-grid,
.latest-ads-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.latest-ads-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.home-category-card,
.featured-mosaic-card,
.latest-ad-card,
.featured-slide-card {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Stable image rendering for listing cards */
.latest-ad-visual,
.featured-mosaic-visual,
.featured-slide-image,
.featured-ad-image {
  overflow: hidden !important;
  contain: paint !important;
}

.latest-ad-visual img,
.featured-mosaic-visual img,
.featured-slide-image img,
.featured-ad-image img {
  max-width: none !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  transform-origin: center center !important;
}

/* Featured slider scroll safety */
.featured-slider-shell,
.featured-slider-viewport,
.featured-slider-track,
[data-featured-slider],
[data-featured-track] {
  max-width: 100% !important;
  min-width: 0 !important;
}

.featured-slider-viewport,
[data-featured-track] {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}

/* Responsive content */
@media (max-width: 1180px) {
  .home-categories-grid,
  .latest-ads-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .home-categories-grid,
  .latest-ads-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .latest-ads-heading,
  .featured-mosaic-heading,
  .featured-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 560px) {
  .home-marketplace {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .home-categories-section .home-section-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .home-categories-grid,
  .latest-ads-grid {
    grid-template-columns: 1fr !important;
  }

  .home-categories-heading-link,
  .latest-ads-heading > a,
  .featured-mosaic-heading > a,
  .featured-heading > a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .latest-ad-visual {
    aspect-ratio: 16 / 10 !important;
  }
}

/* Footer safety */
.footer-v32-inner,
.footer-v32-columns,
.footer-v32-bottom,
.footer-social-grid {
  max-width: 100% !important;
  min-width: 0 !important;
}

.footer-v32-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 28px !important;
}

@media (max-width: 900px) {
  .footer-v32-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .footer-v32-columns {
    grid-template-columns: 1fr !important;
  }

  .footer-v32-bottom {
    align-items: center !important;
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }

  .footer-social-grid {
    justify-content: center !important;
  }
}

/* Keyboard focus and reduced motion */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(11,111,102,.35) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}


/* =========================================================
   V122 - Retemax Real Estate Category Page
   Global category template with same header/footer foundation
   ========================================================= */
.realestate-page{
  --re-bg:#F7F8FA;
  --re-card:#FFFFFF;
  --re-border:#D8DEE6;
  --re-accent:#123A63;
  --re-accent-dark:#0B2744;
  --re-text:#173B36;
  --re-muted:#6B7280;
  --re-gold:#D79D46;
  --re-gold-soft:#FFF8EA;
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 58px;
  color:var(--re-text);
}
.realestate-page *{box-sizing:border-box;}
.realestate-breadcrumb{display:flex;align-items:center;gap:9px;margin:10px 0 18px;color:var(--re-muted);font-size:13px;font-weight:800;}
.realestate-breadcrumb a{color:var(--re-accent);text-decoration:none;}
.realestate-breadcrumb a:hover{text-decoration:underline;}
.realestate-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:stretch;margin-bottom:22px;padding:28px;border:1px solid var(--re-border);border-radius:30px;background:linear-gradient(135deg,#fff 0%,#F7F8FA 56%,#EEF4F8 100%);box-shadow:0 18px 44px rgba(17,24,39,.08);overflow:hidden;}
.realestate-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.realestate-kicker,.realestate-section-heading p{margin:0 0 8px;color:var(--re-accent);font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.realestate-hero h1{margin:0;color:var(--re-text);font-size:clamp(34px,5vw,58px);line-height:.98;font-weight:950;letter-spacing:-.055em;}
.realestate-hero-copy>p:not(.realestate-kicker){max-width:650px;margin:16px 0 0;color:#4B5563;font-size:17px;line-height:1.6;font-weight:650;}
.realestate-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;}
.realestate-hero-stats span{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid rgba(18,58,99,.13);border-radius:18px;background:#fff;color:var(--re-muted);font-size:12px;font-weight:850;}
.realestate-hero-stats strong{color:var(--re-accent);font-size:18px;line-height:1.1;font-weight:950;}
.realestate-search-panel{display:grid;gap:12px;align-content:start;padding:18px;border:1px solid rgba(18,58,99,.12);border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(17,24,39,.08);}
.realestate-search-panel label{display:grid;gap:6px;min-width:0;color:var(--re-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.realestate-search-panel input,.realestate-search-panel select{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--re-border);border-radius:14px;background:#F9FAFB;color:var(--re-text);font-size:14px;font-weight:750;outline:none;}
.realestate-search-panel input:focus,.realestate-search-panel select:focus{border-color:var(--re-accent);box-shadow:0 0 0 3px rgba(18,58,99,.12);background:#fff;}
.realestate-price-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.realestate-search-panel button,.realestate-search-panel>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:15px;font-weight:950;text-decoration:none;}
.realestate-search-panel button{border:0;background:var(--re-accent);color:#fff;cursor:pointer;box-shadow:0 12px 24px rgba(18,58,99,.22);}
.realestate-search-panel>a{border:1px solid var(--re-border);color:var(--re-accent);background:#fff;}
.realestate-quick-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;}
.realestate-quick-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--re-border);background:#fff;color:var(--re-text);font-size:13px;font-weight:900;text-decoration:none;transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;}
.realestate-quick-filters a:hover,.realestate-quick-filters a:focus-visible{transform:translateY(-2px);border-color:var(--re-accent);color:var(--re-accent);box-shadow:0 12px 20px rgba(17,24,39,.08);outline:none;}
.realestate-featured-section,.realestate-types-section,.realestate-latest-section,.realestate-location-section,.realestate-seo-block{margin-top:28px;padding:24px;border:1px solid var(--re-border);border-radius:28px;background:var(--re-bg);box-shadow:0 14px 34px rgba(17,24,39,.06);}
.realestate-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;}
.realestate-section-heading h2{margin:0;color:var(--re-text);font-size:clamp(25px,3vw,36px);font-weight:950;line-height:1.05;letter-spacing:-.04em;}
.realestate-section-heading span{display:block;margin-top:7px;color:var(--re-muted);font-size:14px;font-weight:750;}
.realestate-section-heading>a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--re-border);color:var(--re-accent);font-size:13px;font-weight:950;text-decoration:none;}
.realestate-section-heading>a:hover{border-color:var(--re-accent);}
.realestate-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.realestate-featured-card{position:relative;display:block;min-height:300px;border-radius:24px;overflow:hidden;background:#111827;border:1px solid rgba(216,222,230,.9);box-shadow:0 18px 34px rgba(17,24,39,.13);transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;isolation:isolate;}
.realestate-featured-card-large{grid-column:span 2;}
.realestate-featured-visual{position:absolute;inset:0;margin:0;}
.realestate-featured-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,28,.08) 0%,rgba(8,15,28,.30) 42%,rgba(8,15,28,.88) 100%);z-index:1;}
.realestate-featured-visual img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1);transition:transform .35s ease;}
.realestate-featured-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:22px;color:#fff;}
.realestate-badge{width:max-content;display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;border-radius:999px;background:var(--re-gold);color:#172033;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 18px rgba(0,0,0,.20);}
.realestate-featured-overlay p{margin:4px 0 0;color:rgba(255,255,255,.82);font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
.realestate-featured-overlay h3{position:relative;width:max-content;max-width:100%;margin:0;color:#fff;font-size:clamp(19px,2vw,28px);font-weight:950;line-height:1.12;letter-spacing:-.03em;}
.realestate-featured-card:not(.realestate-featured-card-large) .realestate-featured-overlay h3{font-size:20px;}
.realestate-featured-overlay h3::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:3px;border-radius:999px;background:var(--re-gold);transform:scaleX(0);transform-origin:left;transition:transform .24s ease;}
.realestate-featured-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;}
.realestate-featured-meta span{min-width:0;color:rgba(255,255,255,.84);font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.realestate-featured-meta strong{color:#FFE8B2;font-size:16px;font-weight:950;white-space:nowrap;}
.realestate-featured-card:hover,.realestate-featured-card:focus-visible{transform:translateY(-5px);border-color:var(--re-accent);box-shadow:0 28px 48px rgba(17,24,39,.20);outline:none;}
.realestate-featured-card:hover .realestate-featured-visual img,.realestate-featured-card:focus-visible .realestate-featured-visual img{transform:scale(1.045);}
.realestate-featured-card:hover .realestate-featured-overlay h3::after,.realestate-featured-card:focus-visible .realestate-featured-overlay h3::after{transform:scaleX(1);}
.realestate-types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.realestate-type-card{display:flex;min-height:128px;flex-direction:column;justify-content:space-between;gap:8px;padding:18px;border:1px solid var(--re-border);border-radius:20px;background:#fff;color:var(--re-text);text-decoration:none;box-shadow:0 10px 22px rgba(17,24,39,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.realestate-type-card span{font-size:16px;font-weight:950;letter-spacing:-.02em;}
.realestate-type-card strong{font-size:25px;font-weight:950;color:var(--re-accent);line-height:1;}
.realestate-type-card small{color:var(--re-muted);font-size:12px;font-weight:750;line-height:1.35;}
.realestate-type-card:hover,.realestate-type-card:focus-visible{transform:translateY(-4px);border-color:var(--re-accent);box-shadow:0 18px 34px rgba(17,24,39,.10);outline:none;}
.realestate-listing-list{display:grid;gap:16px;}
.realestate-listing-card{display:grid;grid-template-columns:220px minmax(0,1fr) 170px;gap:18px;align-items:stretch;padding:14px;border:1px solid var(--re-border);border-radius:24px;background:#fff;box-shadow:0 10px 25px rgba(17,24,39,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.realestate-listing-card:hover,.realestate-listing-card:focus-within{transform:translateY(-4px);border-color:var(--re-accent);box-shadow:0 22px 38px rgba(17,24,39,.12);}
.realestate-listing-image{position:relative;display:block;border-radius:18px;overflow:hidden;background:#E5E7EB;aspect-ratio:4/3;align-self:stretch;}
.realestate-listing-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .32s ease;}
.realestate-listing-card:hover .realestate-listing-image img,.realestate-listing-card:focus-within .realestate-listing-image img{transform:scale(1.035);}
.realestate-listing-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;background:var(--re-accent);color:#fff;font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;}
.realestate-listing-content{min-width:0;display:flex;flex-direction:column;gap:7px;padding:3px 0;}
.realestate-listing-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--re-muted);font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;}
.realestate-listing-meta span{color:var(--re-accent);}
.realestate-listing-content h3{margin:0;font-size:20px;line-height:1.2;font-weight:950;letter-spacing:-.025em;}
.realestate-listing-content h3 a{position:relative;color:var(--re-text);text-decoration:none;padding-bottom:5px;}
.realestate-listing-content h3 a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;border-radius:999px;background:var(--re-gold);transform:scaleX(0);transform-origin:left;transition:transform .24s ease;}
.realestate-listing-card:hover h3 a::after,.realestate-listing-card:focus-within h3 a::after{transform:scaleX(1);}
.realestate-listing-location{margin:0;color:var(--re-muted);font-size:14px;font-weight:800;}
.realestate-listing-desc{margin:0;color:#4B5563;font-size:14px;line-height:1.48;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.realestate-listing-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;border-left:1px solid var(--re-border);padding-left:18px;}
.realestate-listing-action strong{color:var(--re-accent-dark);font-size:19px;font-weight:950;text-align:right;}
.realestate-listing-action a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--re-gold-soft);border:1px solid var(--re-gold);color:#7A4D12;font-size:13px;font-weight:950;text-decoration:none;}
.realestate-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.realestate-location-card{display:grid;gap:6px;padding:18px;border:1px solid var(--re-border);border-radius:20px;background:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.realestate-location-card strong{color:var(--re-text);font-size:17px;font-weight:950;}
.realestate-location-card span{color:var(--re-muted);font-size:13px;font-weight:750;line-height:1.35;}
.realestate-location-card:hover,.realestate-location-card:focus-visible{transform:translateY(-3px);border-color:var(--re-accent);box-shadow:0 16px 30px rgba(17,24,39,.10);outline:none;}
.realestate-seo-block{background:#fff;}
.realestate-seo-block h2{margin:0 0 10px;color:var(--re-text);font-size:26px;font-weight:950;letter-spacing:-.03em;}
.realestate-seo-block p{margin:0;color:#4B5563;font-size:15px;line-height:1.7;font-weight:650;}
@media (max-width:1020px){
  .realestate-hero{grid-template-columns:1fr;}
  .realestate-featured-grid,.realestate-types-grid,.realestate-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .realestate-featured-card-large{grid-column:span 2;}
  .realestate-listing-card{grid-template-columns:180px minmax(0,1fr);}
  .realestate-listing-action{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-left:0;border-top:1px solid var(--re-border);padding:14px 0 0;}
}
@media (max-width:680px){
  .realestate-page{width:min(100% - 22px,1180px);padding-top:16px;}
  .realestate-hero,.realestate-featured-section,.realestate-types-section,.realestate-latest-section,.realestate-location-section,.realestate-seo-block{border-radius:22px;padding:18px;}
  .realestate-hero-stats,.realestate-price-row{grid-template-columns:1fr;}
  .realestate-section-heading{align-items:flex-start;flex-direction:column;}
  .realestate-section-heading>a{width:100%;}
  .realestate-featured-grid,.realestate-types-grid,.realestate-location-grid{grid-template-columns:1fr;}
  .realestate-featured-card,.realestate-featured-card-large{grid-column:span 1;min-height:280px;}
  .realestate-listing-card{grid-template-columns:1fr;gap:12px;}
  .realestate-listing-image{aspect-ratio:16/10;}
  .realestate-listing-action{align-items:stretch;flex-direction:column;}
  .realestate-listing-action strong{text-align:left;}
  .realestate-quick-filters a{flex:1 1 calc(50% - 10px);}
}
@media (max-width:390px){.realestate-quick-filters a{flex-basis:100%;}.realestate-hero h1{font-size:32px;}}
@media (prefers-reduced-motion:reduce){
  .realestate-featured-card,.realestate-featured-visual img,.realestate-type-card,.realestate-listing-card,.realestate-listing-image img,.realestate-location-card,.realestate-quick-filters a{transition:none!important;}
  .realestate-featured-card:hover,.realestate-listing-card:hover,.realestate-type-card:hover,.realestate-location-card:hover,.realestate-quick-filters a:hover{transform:none!important;}
  .realestate-featured-card:hover .realestate-featured-visual img,.realestate-listing-card:hover .realestate-listing-image img{transform:none!important;}
}


/* =========================================================
   V123 - Real Estate page: featured ads slider below header
   and browse width aligned with home page content
   ========================================================= */
.realestate-page{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:42px clamp(16px,2vw,36px) 70px !important;
}

.realestate-page > .realestate-breadcrumb,
.realestate-page > section{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.realestate-featured-slider-top{
  margin-top:0 !important;
  margin-bottom:24px !important;
}

.realestate-featured-slider-top .featured-top-heading h2{
  color:var(--featured-text,#173B36) !important;
}

.realestate-featured-slider-top .featured-ad-card{
  min-width:0 !important;
}

.realestate-featured-slider-top .featured-ad-visual img{
  backface-visibility:hidden !important;
  transform:translateZ(0) scale(1) !important;
}

.realestate-featured-slider-top .featured-ad-card:hover .featured-ad-visual img,
.realestate-featured-slider-top .featured-ad-card:focus-visible .featured-ad-visual img{
  transform:translateZ(0) scale(1.035) !important;
}

@media (max-width:680px){
  .realestate-page{
    padding:22px 12px 54px !important;
  }

  .realestate-featured-slider-top{
    margin-bottom:18px !important;
  }
}


/* =========================================================
   V124 - Real Estate automatic small Featured Ads slider
   Header and footer unchanged
   ========================================================= */
.realestate-auto-featured{
  width:min(1180px, calc(100% - 32px)) !important;
  margin:24px auto 22px !important;
  padding:22px !important;
  border:1px solid rgba(231,199,122,.90) !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,#FFF8EA 0%,#FFFFFF 58%,#F7F8FA 100%) !important;
  box-shadow:0 18px 42px rgba(17,24,39,.10) !important;
  overflow:hidden !important;
}

.realestate-auto-featured-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin-bottom:18px !important;
}

.realestate-auto-featured-heading p{
  margin:0 0 6px !important;
  color:#9B6A1D !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.realestate-auto-featured-heading h2{
  margin:0 !important;
  color:#173B36 !important;
  font-size:clamp(26px,3vw,38px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}

.realestate-auto-featured-heading span{
  display:block !important;
  margin-top:8px !important;
  color:#6B7280 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

.realestate-auto-featured-heading > a{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  color:#173B36 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 12px 24px rgba(155,106,29,.18) !important;
  transition:transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.realestate-auto-featured-heading > a:hover,
.realestate-auto-featured-heading > a:focus-visible{
  background:#E7C77A !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 30px rgba(155,106,29,.24) !important;
  outline:none !important;
}

.re-auto-feature-shell{
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%) !important;
  mask-image:linear-gradient(90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%) !important;
}

.re-auto-feature-track{
  display:flex !important;
  width:max-content !important;
  gap:16px !important;
  align-items:stretch !important;
  animation:retemaxAutoSmallSlider 58s linear infinite !important;
  will-change:transform !important;
}

.realestate-auto-featured:hover .re-auto-feature-track,
.realestate-auto-featured:focus-within .re-auto-feature-track{
  animation-play-state:paused !important;
}

.re-auto-feature-card{
  flex:0 0 236px !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  border:1px solid rgba(216,222,230,.95) !important;
  border-radius:20px !important;
  background:#FFFFFF !important;
  color:#173B36 !important;
  overflow:hidden !important;
  text-decoration:none !important;
  box-shadow:0 12px 28px rgba(17,24,39,.09) !important;
  transform:translateY(0) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.re-auto-feature-card:hover,
.re-auto-feature-card:focus-visible{
  transform:translateY(-4px) !important;
  border-color:#D79D46 !important;
  box-shadow:0 18px 36px rgba(17,24,39,.14) !important;
  outline:none !important;
}

.re-auto-feature-visual{
  position:relative !important;
  width:100% !important;
  aspect-ratio:4/3 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#EEF2F6 !important;
}

.re-auto-feature-visual img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:translateZ(0) scale(1) !important;
  backface-visibility:hidden !important;
  transition:transform .28s ease !important;
}

.re-auto-feature-card:hover .re-auto-feature-visual img,
.re-auto-feature-card:focus-visible .re-auto-feature-visual img{
  transform:translateZ(0) scale(1.025) !important;
}

.re-auto-feature-badge{
  position:absolute !important;
  left:10px !important;
  top:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  color:#173B36 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 16px rgba(0,0,0,.18) !important;
}

.re-auto-feature-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  gap:5px !important;
  padding:12px !important;
}

.re-auto-feature-body p{
  margin:0 !important;
  color:#9B6A1D !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

.re-auto-feature-body h3{
  position:relative !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding-bottom:5px !important;
  color:#173B36 !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.re-auto-feature-body h3::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:2px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .22s ease !important;
}

.re-auto-feature-card:hover .re-auto-feature-body h3::after,
.re-auto-feature-card:focus-visible .re-auto-feature-body h3::after{
  transform:scaleX(1) !important;
}

.re-auto-feature-location{
  display:block !important;
  color:#6B7280 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.re-auto-feature-body strong{
  display:block !important;
  margin-top:auto !important;
  color:#9B6A1D !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
}

@keyframes retemaxAutoSmallSlider{
  0%{ transform:translate3d(0,0,0); }
  100%{ transform:translate3d(calc(-50% - 8px),0,0); }
}

@media (max-width:900px){
  .realestate-auto-featured{
    width:min(1180px, calc(100% - 24px)) !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  .realestate-auto-featured-heading{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .realestate-auto-featured-heading > a{
    width:100% !important;
  }

  .re-auto-feature-card{
    flex-basis:220px !important;
  }
}

@media (max-width:560px){
  .realestate-auto-featured{
    width:min(1180px, calc(100% - 20px)) !important;
    margin-top:18px !important;
    padding:14px !important;
    border-radius:22px !important;
  }

  .realestate-auto-featured-heading h2{
    font-size:26px !important;
  }

  .realestate-auto-featured-heading span{
    font-size:14px !important;
  }

  .re-auto-feature-shell{
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .re-auto-feature-track{
    gap:12px !important;
    animation-duration:48s !important;
  }

  .re-auto-feature-card{
    flex-basis:74vw !important;
    border-radius:18px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .re-auto-feature-track{
    animation:none !important;
    overflow-x:auto !important;
    width:100% !important;
    scroll-snap-type:x mandatory !important;
    padding-bottom:6px !important;
  }

  .re-auto-feature-card{
    scroll-snap-align:start !important;
  }

  .re-auto-feature-card:hover,
  .re-auto-feature-card:focus-visible,
  .re-auto-feature-card:hover .re-auto-feature-visual img,
  .re-auto-feature-card:focus-visible .re-auto-feature-visual img{
    transform:none !important;
  }
}

/* =========================================================
   V125 - Real Estate compact automatic + manual featured slider
   Image-first cards with hover details overlay
   Header and footer unchanged
   ========================================================= */
.realestate-compact-featured{
  width:min(1180px, calc(100% - 32px)) !important;
  margin:18px auto 18px !important;
  padding:16px !important;
  border:1px solid rgba(216,222,230,.95) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,#F7F8FA 0%,#FFFFFF 58%,#F3F7FB 100%) !important;
  box-shadow:0 14px 34px rgba(17,24,39,.08) !important;
  overflow:hidden !important;
}

.realestate-compact-featured-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:12px !important;
}

.realestate-compact-featured-heading p{
  margin:0 0 5px !important;
  color:#123A63 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.realestate-compact-featured-heading h2{
  margin:0 !important;
  color:#173B36 !important;
  font-size:clamp(22px,2.5vw,32px) !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

.realestate-compact-featured-heading span{
  display:block !important;
  margin-top:6px !important;
  color:#6B7280 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}

.re-compact-slider-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex:0 0 auto !important;
}

.re-compact-slider-actions > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid #D8DEE6 !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:#123A63 !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.re-compact-slider-actions > a:hover,
.re-compact-slider-actions > a:focus-visible{
  border-color:#123A63 !important;
  outline:none !important;
}

.re-compact-slider-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  border:1px solid #D8DEE6 !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:#123A63 !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 10px 20px rgba(17,24,39,.08) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}

.re-compact-slider-btn:hover,
.re-compact-slider-btn:focus-visible{
  transform:translateY(-1px) !important;
  border-color:#123A63 !important;
  background:#F3F7FB !important;
  outline:none !important;
}

.re-compact-slider-viewport{
  position:relative !important;
  overflow:hidden !important;
  border-radius:20px !important;
}

.re-compact-slider-track{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 48px) / 4) !important;
  gap:16px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  padding:2px 2px 8px !important;
}

.re-compact-slider-track::-webkit-scrollbar{
  display:none !important;
}

.re-compact-slide{
  position:relative !important;
  display:block !important;
  height:154px !important;
  min-width:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#E5E7EB !important;
  border:1px solid rgba(216,222,230,.95) !important;
  box-shadow:0 12px 24px rgba(17,24,39,.10) !important;
  scroll-snap-align:start !important;
  color:#FFFFFF !important;
  text-decoration:none !important;
  isolation:isolate !important;
  transform:translateY(0) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}

.re-compact-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(180deg,rgba(8,15,28,0) 0%,rgba(8,15,28,.10) 46%,rgba(8,15,28,.72) 100%) !important;
  opacity:.72 !important;
  transition:opacity .24s ease !important;
}

.re-compact-slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transform:translateZ(0) scale(1) !important;
  backface-visibility:hidden !important;
  transition:transform .30s ease !important;
}

.re-compact-badge{
  position:absolute !important;
  top:10px !important;
  left:10px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  background:#D79D46 !important;
  color:#172033 !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 16px rgba(0,0,0,.18) !important;
}

.re-compact-overlay{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  padding:32px 12px 12px !important;
  color:#FFFFFF !important;
  background:linear-gradient(180deg,rgba(8,15,28,0) 0%,rgba(8,15,28,.86) 64%,rgba(8,15,28,.95) 100%) !important;
  opacity:0 !important;
  transform:translateY(18px) !important;
  transition:opacity .24s ease,transform .24s ease !important;
  pointer-events:none !important;
}

.re-compact-type{
  color:rgba(255,255,255,.80) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.re-compact-overlay strong{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#FFFFFF !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

.re-compact-meta{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.82) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
}

.re-compact-price{
  display:block !important;
  margin-top:2px !important;
  color:#FFE8B2 !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

.re-compact-slide:hover,
.re-compact-slide:focus-visible{
  transform:translateY(-3px) !important;
  border-color:#123A63 !important;
  box-shadow:0 18px 34px rgba(17,24,39,.16) !important;
  outline:none !important;
}

.re-compact-slide:hover::after,
.re-compact-slide:focus-visible::after{
  opacity:1 !important;
}

.re-compact-slide:hover img,
.re-compact-slide:focus-visible img{
  transform:translateZ(0) scale(1.025) !important;
}

.re-compact-slide:hover .re-compact-overlay,
.re-compact-slide:focus-visible .re-compact-overlay{
  opacity:1 !important;
  transform:translateY(0) !important;
}

@media (hover:none){
  .re-compact-overlay{
    opacity:1 !important;
    transform:none !important;
  }
}

@media (max-width:1020px){
  .re-compact-slider-track{
    grid-auto-columns:calc((100% - 32px) / 3) !important;
  }
}

@media (max-width:760px){
  .realestate-compact-featured{
    width:min(100% - 22px,1180px) !important;
    margin:14px auto 16px !important;
    padding:13px !important;
    border-radius:22px !important;
  }
  .realestate-compact-featured-heading{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:12px !important;
  }
  .re-compact-slider-actions{
    width:100% !important;
    justify-content:space-between !important;
  }
  .re-compact-slider-actions > a{
    flex:1 1 auto !important;
  }
  .re-compact-slider-track{
    grid-auto-columns:calc((100% - 16px) / 2) !important;
    gap:14px !important;
  }
  .re-compact-slide{
    height:150px !important;
  }
}

@media (max-width:480px){
  .re-compact-slider-track{
    grid-auto-columns:86% !important;
  }
  .re-compact-slide{
    height:172px !important;
  }
  .re-compact-overlay strong{
    font-size:16px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .re-compact-slider-track{
    scroll-behavior:auto !important;
  }
  .re-compact-slider-btn,
  .re-compact-slide,
  .re-compact-slide img,
  .re-compact-slide::after,
  .re-compact-overlay{
    transition:none !important;
  }
  .re-compact-slide:hover,
  .re-compact-slide:focus-visible,
  .re-compact-slide:hover img,
  .re-compact-slide:focus-visible img{
    transform:none !important;
  }
}


/* =========================================================
   V126 - Real Estate compact slider cleanup
   - removed visible heading/link text above slider
   - manual controls are positioned on the left/right side of the ads
   - Featured badges are removed from slider cards
   ========================================================= */
.realestate-compact-featured{
  margin:14px auto 18px !important;
  padding:12px !important;
}

.realestate-compact-featured-heading,
.re-compact-slider-actions,
.re-compact-badge{
  display:none !important;
}

.re-compact-slider-viewport{
  position:relative !important;
  overflow:hidden !important;
  border-radius:20px !important;
}

.re-compact-slider-track{
  padding:2px 2px 8px !important;
}

.re-compact-slide{
  height:140px !important;
}

.re-compact-slider-btn{
  position:absolute !important;
  top:50% !important;
  z-index:10 !important;
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(255,255,255,.74) !important;
  background:rgba(255,255,255,.92) !important;
  color:#123A63 !important;
  box-shadow:0 12px 26px rgba(8,15,28,.22) !important;
  transform:translateY(-50%) !important;
  backdrop-filter:saturate(140%) blur(8px) !important;
  -webkit-backdrop-filter:saturate(140%) blur(8px) !important;
}

.re-compact-slider-btn-prev{
  left:10px !important;
}

.re-compact-slider-btn-next{
  right:10px !important;
}

.re-compact-slider-btn:hover,
.re-compact-slider-btn:focus-visible{
  transform:translateY(-50%) scale(1.06) !important;
  border-color:#FFFFFF !important;
  background:#FFFFFF !important;
  outline:2px solid rgba(215,157,70,.55) !important;
  outline-offset:2px !important;
}

@media (max-width:760px){
  .realestate-compact-featured{
    margin:12px auto 16px !important;
    padding:10px !important;
  }

  .re-compact-slide{
    height:138px !important;
  }

  .re-compact-slider-btn{
    width:36px !important;
    height:36px !important;
    font-size:22px !important;
  }

  .re-compact-slider-btn-prev{
    left:8px !important;
  }

  .re-compact-slider-btn-next{
    right:8px !important;
  }
}

@media (max-width:480px){
  .re-compact-slide{
    height:158px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .re-compact-slider-btn:hover,
  .re-compact-slider-btn:focus-visible{
    transform:translateY(-50%) !important;
  }
}

/* =========================================================
   V127 - Global header/topbar dropdown layering fix
   Applies the same verified fix across all remaining pages.
   Keeps header menus above sliders, featured images and browse content.
   ========================================================= */
.retemax-header {
  position: relative !important;
  z-index: 10000 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.header-topbar,
.header-nav,
.header-searchbar,
.header-controls,
.top-strip,
.top-ticker-strip {
  position: relative !important;
  overflow: visible !important;
}

.header-topbar { z-index: 10004 !important; }
.header-nav { z-index: 10003 !important; }
.header-searchbar { z-index: 10002 !important; }
.header-controls,
.top-strip,
.top-ticker-strip { z-index: 10001 !important; }

.retemax-header details,
.retemax-header details[open],
.retemax-header .nav-menu,
.retemax-header .soft-menu,
.retemax-header .nav-control-dropdown,
.retemax-header .control-dropdown {
  position: relative !important;
  z-index: 10020 !important;
}

.retemax-header details[open] {
  z-index: 10040 !important;
}

.retemax-header details[open] > .dropdown-panel,
.retemax-header details[open] > .top-dropdown,
.retemax-header details[open] > .nav-link-panel,
.retemax-header details[open] > .nav-category-panel,
.retemax-header details[open] > .nav-country-grid,
.retemax-header details[open] > .country-grid,
.retemax-header details[open] > .category-grid,
.retemax-header details[open] > .compact-panel,
.retemax-header details[open] > .nav-compact-panel {
  z-index: 10050 !important;
  background: #ffffff !important;
  opacity: 1 !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  pointer-events: auto !important;
  box-shadow: 0 24px 60px rgba(8, 15, 28, .24), 0 0 0 1px rgba(16, 42, 67, .12) !important;
}

.home-marketplace,
.home-featured-listings-top,
.home-featured-ads-section,
.featured-slider-section,
.featured-slider,
.featured-slider-viewport,
.featured-slider-viewport .featured-ad-card,
.featured-mosaic-section,
.latest-ads-section,
.realestate-page,
.realestate-compact-featured,
.re-compact-slider-viewport,
.re-compact-slider-track,
.re-compact-slide,
.ukbrowse-page,
.ukbrowse-main,
.ukbrowse-listings,
.ukbrowse-card {
  position: relative !important;
  z-index: 0 !important;
}

.featured-slider-viewport img,
.featured-mosaic-visual img,
.re-compact-slide img,
.ukbrowse-card img,
.ukbrowse-thumb img {
  position: relative !important;
  z-index: 0 !important;
}

@media (max-width: 560px) {
  .retemax-header details[open] > .dropdown-panel,
  .retemax-header details[open] > .top-dropdown,
  .retemax-header details[open] > .nav-link-panel,
  .retemax-header details[open] > .nav-category-panel,
  .retemax-header details[open] > .nav-country-grid,
  .retemax-header details[open] > .country-grid,
  .retemax-header details[open] > .category-grid,
  .retemax-header details[open] > .compact-panel,
  .retemax-header details[open] > .nav-compact-panel {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: auto !important;
    width: min(100vw - 24px, 360px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(68vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .retemax-header .nav-control-dropdown[open] > .dropdown-panel,
  .retemax-header .nav-control-dropdown[open] > .compact-panel,
  .retemax-header .nav-control-dropdown[open] > .nav-compact-panel,
  .retemax-header .nav-control-dropdown[open] > .nav-country-grid,
  .retemax-header .control-dropdown[open] > .dropdown-panel {
    left: 0 !important;
    right: auto !important;
  }

  .retemax-header .categories-nav-menu[open] > .nav-category-panel,
  .retemax-header .nav-world-dropdown[open] > .nav-country-grid,
  .retemax-header .categories-menu[open] > .top-dropdown {
    width: min(100vw - 24px, 420px) !important;
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   CMS Homepage utility classes (index.htm)
   ========================================================= */

/* Banner ad slot between sections */
.home-banner-slot {
  width: min(1180px, 100%);
  margin: 28px auto 0;
  text-align: center;
}

/* Pagination nav wrapper under latest ads */
.home-paging-nav {
  text-align: center;
  padding: 18px 0 4px;
}

.home-paging-nav a,
.home-paging-nav span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  margin: 0 3px;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid var(--border, #c9e1db);
  background: #ffffff;
  color: var(--teal, #0b6f66);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.home-paging-nav a:hover,
.home-paging-nav a:focus-visible {
  background: var(--teal, #0b6f66);
  color: #ffffff;
  border-color: var(--teal, #0b6f66);
  outline: none;
}