/**
 * Mobile-only UX (≤899px). Desktop styles are never overridden here.
 * Loaded last so these rules win only inside this breakpoint.
 */

@media (max-width: 899px) {
  .browse-results-wrap.is-list {
    display: block;
  }

  .browse-ads-aside {
    display: none !important;
  }

  /* ——— Tokens / global touch ——— */
  :root {
    --site-gutter: 0.95rem;
    --dock-pad: 0.5rem;
    --nav-h: 0px;
    --m-radius: 14px;
    --header-h: 52px;
    --btn-h: 46px;
    --btn-h-sm: 42px;
    --m-space: 0.85rem;
    --m-space-lg: 1.35rem;
    --radius: 14px;
    --radius-sm: 12px;
  }

  /* ——— App shell: no page zoom, no horizontal bleed ——— */
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow-x: visible;
    touch-action: manipulation;
    position: relative;
  }

  #app,
  .site-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
  }

  .site-shell {
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
  }

  .site-main,
  .site-header,
  .site-footer,
  .site-header-inner,
  .market-page,
  .detail-page,
  .seller-page,
  .wiz,
  .page-enter {
    min-width: 0;
    max-width: 100%;
  }

  .site-main {
    overflow-x: clip;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .page-enter {
    animation: none;
  }

  .rel-media .media-photos,
  .cmp-bar {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .cmp-bar {
    background: #111827;
  }

  /* iOS: 16px inputs = no auto-zoom on focus */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  .input {
    font-size: 16px !important;
  }

  img,
  video,
  canvas,
  iframe,
  table {
    max-width: 100%;
  }

  /* Keep intentional horizontal scrollers inside the viewport */
  .chip-row,
  .h-scroll,
  .spec-pills,
  .market-chips,
  .filter-chips,
  .gallery-strip,
  .tabs-row {
    max-width: 100%;
    overscroll-behavior-x: contain;
  }

  /* ——— Shell: header ——— */
  .site-header {
    padding-top: var(--safe-t);
  }

  .site-header-inner {
    grid-template-columns: 1fr auto;
    padding: 0.4rem var(--site-gutter);
    gap: 0.5rem;
    min-height: var(--header-h);
    box-sizing: border-box;
  }

  .site-header-brand {
    gap: 0.45rem;
  }

  .site-header-end {
    gap: 0.4rem;
  }

  .hdr-vehicle-mark {
    color: #1f2937;
  }

  .hdr-vehicle-mark svg:first-child {
    width: 22px;
    height: 22px;
  }

  .hdr-cats-scroll {
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
  }

  .hdr-cat-chip {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }

  .hdr-cat-chip-ico,
  .hdr-cat-chip-ico img,
  .hdr-cat-chip-ico svg {
    width: 34px;
    height: 34px;
  }

  .hdr-menu-btn {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--primary);
    border-color: var(--primary);
  }

  .hdr-menu-mark i {
    background: #ff8c00;
  }

  /* Hamburger: header pinned, overlay fills the rest of the screen */
  .site-header.is-menu-open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: calc(var(--z-sheet) + 40);
    background: #fff;
    box-shadow: 0 1px 0 var(--border);
  }

  .hdr-drawer-backdrop:not([hidden]) {
    top: var(--hdr-menu-top, calc(var(--header-h) + var(--safe-t)));
    background: rgba(23, 24, 39, 0.45);
  }

  .hdr-drawer:not([hidden]) {
    top: var(--hdr-menu-top, calc(var(--header-h) + var(--safe-t)));
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    max-height: none;
    width: 100%;
    max-width: none;
    border-radius: 0;
    border: 0;
    background: #f4f3f8;
    box-shadow: none;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, visibility 0.34s;
  }

  .hdr-drawer.is-open {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  .hdr-drawer-nav {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 0.85rem var(--site-gutter) max(1.25rem, var(--safe-b));
  }

  .hdr-drawer.is-open .hdr-drawer-nav > * {
    animation: hdr-drawer-item 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .hdr-drawer.is-open .hdr-drawer-nav > *:nth-child(1) { animation-delay: 0.04s; }
  .hdr-drawer.is-open .hdr-drawer-nav > *:nth-child(2) { animation-delay: 0.09s; }
  .hdr-drawer.is-open .hdr-drawer-nav > *:nth-child(3) { animation-delay: 0.14s; }
  .hdr-drawer.is-open .hdr-drawer-nav > *:nth-child(4) { animation-delay: 0.19s; }

  @keyframes hdr-drawer-item {
    from {
      opacity: 0;
      transform: translate3d(0, 0.7rem, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hdr-drawer:not([hidden]) {
      transform: none;
      opacity: 1;
      transition: none;
    }

    .hdr-drawer.is-open {
      transform: none;
      opacity: 1;
    }

    .hdr-drawer-nav > *,
    .hdr-drawer.is-open .hdr-drawer-nav > * {
      opacity: 1;
      transform: none;
      animation: none;
    }
  }

  .hdr-d-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 50px;
    padding: 0 1rem;
    border: 0;
    border-radius: 16px;
    background: var(--primary);
    color: #fff;
    font-size: 0.98rem;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.28);
  }

  .hdr-d-cta:hover,
  .hdr-d-cta:focus-visible {
    color: #fff;
    background: var(--primary-hover);
  }

  .hdr-d-group {
    background: #fff;
    border-radius: 18px;
    padding: 0.3rem 0.28rem 0.4rem;
    box-shadow: 0 1px 0 rgba(48, 36, 98, 0.05);
  }

  .hdr-d-label {
    margin: 0.45rem 0.85rem 0.2rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8b91a1;
  }

  .hdr-d-link,
  .hdr-d-user {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 50px;
    padding: 0.4rem 0.6rem;
    border: 0;
    border-radius: 13px;
    color: #171827;
    font-size: 0.95rem;
    font-weight: 600;
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
  }

  .hdr-d-link:hover,
  .hdr-d-link:focus-visible,
  .hdr-d-user:hover,
  .hdr-d-user:focus-visible {
    background: #f6f4fb;
    color: var(--primary);
  }

  .hdr-d-ico {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: var(--primary-soft);
    color: var(--primary);
  }

  .hdr-d-txt {
    min-width: 0;
    flex: 1;
  }

  .hdr-d-chev {
    margin-left: auto;
    color: #c5c8d4;
    flex-shrink: 0;
  }

  .hdr-d-user {
    text-decoration: none;
  }

  .hdr-d-avatar {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: var(--dark);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
  }

  .hdr-d-user-meta {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
    flex: 1;
  }

  .hdr-d-user-meta strong {
    font-size: 0.98rem;
    font-weight: 700;
    color: #171827;
  }

  .hdr-d-user-meta span {
    font-size: 0.78rem;
    font-weight: 500;
    color: #8b91a1;
  }

  .hdr-d-auth {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0.25rem 0.45rem 0.35rem;
  }

  .hdr-d-login,
  .hdr-d-register {
    display: grid;
    place-items: center;
    min-height: 44px;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 700;
  }

  .hdr-d-login {
    background: var(--primary);
    color: #fff;
  }

  .hdr-d-register {
    background: var(--primary-soft);
    color: var(--primary);
  }

  .hdr-d-group-auth .hdr-drawer-social {
    border-bottom: 0;
    padding-top: 0.2rem;
  }

  .hdr-d-logout {
    color: var(--error);
  }

  .hdr-d-logout .hdr-d-ico {
    background: var(--error-soft);
    color: var(--error);
  }

  .hdr-d-logout:hover,
  .hdr-d-logout:focus-visible {
    background: var(--error-soft);
    color: var(--error);
  }

  .site-logo .logo-img {
    height: 30px;
    width: auto;
  }

  .site-actions {
    gap: 0.4rem;
  }

  .hdr-login-btn,
  .site-actions .brand-auth-tile.is-login {
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 9px;
  }

  .site-shell:not(.is-guest) .hdr-icon-btn {
    display: inline-flex;
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .site-shell:not(.is-guest) .hdr-profile {
    display: inline-flex;
  }

  .hdr-profile-btn {
    height: 36px;
    padding: 0 0.4rem 0 0.3rem;
    gap: 0.35rem;
    border-radius: 10px;
  }

  .hdr-avatar {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    font-size: 0.65rem;
  }

  .hdr-profile-name {
    display: none;
  }

  .site-shell.is-guest .site-actions .link-quiet {
    display: none;
  }

  .site-header .btn-post,
  .site-actions .btn-post {
    height: 34px;
    min-height: 34px;
    padding: 0 0.7rem;
    font-size: 0.75rem;
    gap: 0.25rem;
    border-radius: 9px;
    box-sizing: border-box;
    line-height: 1;
  }

  .btn-post .btn-post-full {
    display: none;
  }

  .btn-post .btn-post-short {
    display: inline;
  }

  /* ——— Shell: footer compact ——— */
  .site-footer {
    margin-top: 0.5rem;
  }

  .footer-newsletter-inner {
    padding: 1.25rem var(--site-gutter);
    gap: 1rem;
  }

  .footer-newsletter-copy h3 {
    font-size: 1.05rem;
  }

  .footer-newsletter-copy p {
    font-size: 0.84rem;
  }

  .footer-newsletter-form {
    max-width: none;
    margin-left: 0;
    width: 100%;
  }

  .footer-newsletter-form input,
  .footer-newsletter-form button {
    height: 42px;
  }

  .site-footer-inner,
  .footer-main {
    padding: 1.75rem var(--site-gutter) 1.25rem;
    gap: 1.5rem;
  }

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

  .footer-main .brand-col {
    grid-column: 1 / -1;
    text-align: center;
  }

  .site-footer .brand-col .site-logo {
    justify-content: center;
  }

  .site-footer .brand-col p {
    font-size: 0.84rem;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .social-row {
    justify-content: center;
  }

  .site-footer .logo-img {
    height: 28px;
  }

  .site-footer h4 {
    margin-bottom: 0.55rem;
    font-size: 0.72rem;
  }

  .footer-links,
  .footer-contact {
    gap: 0.45rem;
    font-size: 0.84rem;
  }

  .footer-trust-inner {
    grid-template-columns: 1fr 1fr;
    padding: 0.85rem var(--site-gutter);
    gap: 0.75rem 0;
  }

  .footer-trust-item {
    border-right: 0;
    padding: 0.45rem 0.35rem;
    border-bottom: 1px solid #1f1f27;
  }

  .footer-trust-item:nth-child(odd) {
    padding-left: 0;
    border-right: 1px solid #1f1f27;
  }

  .footer-trust-item:nth-child(even) {
    padding-right: 0;
  }

  .footer-trust-item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .footer-bottom-inner {
    padding: 1rem var(--site-gutter) 1.15rem;
    gap: 0.55rem;
    font-size: 0.72rem;
  }

  .footer-legal {
    gap: 0.55rem 0.85rem;
  }

  /* Bottom dock removed — hamburger menu covers the same links */
  .bottom-nav,
  .bottom-nav.mobile-dock,
  .bottom-nav.mobile-dock.dock-authed {
    display: none !important;
  }

  /* Sellers directory */
  .dir-filters-desktop {
    display: none;
  }

  .sellers-page .browse-quick-search {
    padding: 0.55rem var(--site-gutter) 0.7rem;
  }

  .sellers-page .browse-qs-bar {
    min-height: 0;
    border-radius: 12px;
  }

  .sellers-page .browse-qs-input {
    padding: 0 0.75rem;
    gap: 0.4rem;
  }

  .sellers-page .browse-qs-input input {
    font-size: 16px;
    min-height: 44px;
  }

  .sellers-page .browse-quick-search .dir-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
    margin: 0.5rem 0 0;
  }

  .sellers-page .dir-dd {
    flex-direction: column;
    align-items: stretch;
    gap: 0.18rem;
    min-width: 0;
  }

  .sellers-page .dir-dd:has(> span.is-placeholder-label) {
    gap: 0;
  }

  .sellers-page .dir-dd span {
    font-size: 0.68rem;
    letter-spacing: 0.02em;
  }

  .sellers-page .dir-dd select {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    font-size: 16px;
    padding: 0.35rem 1.75rem 0.35rem 0.65rem;
    border-radius: 10px;
  }

  .sellers-page .market-page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.45rem;
  }

  .sellers-page.is-map-view .market-page-head .eyebrow {
    display: none;
  }

  .sellers-page .market-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 var(--m-space);
  }

  .sellers-meta-row {
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.7rem;
  }

  .sellers-meta-row .dir-summary {
    margin: 0;
    min-width: 0;
    flex: 1;
    font-size: 0.8rem;
    line-height: 1.3;
  }

  .sellers-page .browse-view-btn {
    width: 42px;
    height: 42px;
  }

  .sellers-page .dir-card {
    padding: 0.9rem;
    border-radius: var(--m-radius);
  }

  .sellers-page .dir-card--rich {
    padding: 0;
  }

  .sellers-page .dir-cover {
    height: 122px;
  }

  .sellers-page .dir-cover-av {
    width: 48px;
    height: 48px;
    left: 0.85rem;
    bottom: -18px;
    font-size: 0.82rem;
  }

  .sellers-page .dir-card-body {
    padding: 1.45rem 0.9rem 0.85rem;
    gap: 0.28rem;
  }

  .sellers-page .dir-card--rich h3 {
    font-size: 0.98rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sellers-page .dir-card .type {
    font-size: 0.75rem;
  }

  .sellers-page .dir-card-meta {
    font-size: 0.74rem;
    gap: 0.3rem 0.65rem;
  }

  .sellers-page .dir-card-foot {
    padding-top: 0.6rem;
  }

  .sellers-page .dir-card-foot .ads-n {
    font-size: 0.74rem;
  }

  .sellers-page .dir-card-foot .cta {
    font-size: 0.78rem;
  }

  .sellers-page .dir-card:active {
    transform: scale(0.985);
  }

  .sellers-map-wrap {
    margin-left: calc(-1 * var(--site-gutter));
    margin-right: calc(-1 * var(--site-gutter));
    width: auto;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: calc(
      100dvh - var(--header-h) - var(--browse-qs-h, 132px) - var(--nav-h) - var(--safe-b) - var(--dock-pad) -
        6.4rem
    );
    min-height: 260px;
    max-height: none;
  }

  .sellers-page.is-map-view .sellers-map-wrap {
    height: calc(
      100dvh - var(--header-h) - var(--browse-qs-h, 132px) - var(--nav-h) - var(--safe-b) - var(--dock-pad) -
        5.1rem
    );
  }

  .sellers-map-wrap .leaflet-bottom.leaflet-right {
    bottom: 8px;
    right: 8px;
  }

  .seller-popup .leaflet-popup-content-wrapper {
    border-radius: 14px;
  }

  .seller-popup .leaflet-popup-content {
    width: min(268px, calc(100vw - 32px)) !important;
  }

  .smp-head {
    padding: 0.7rem 0.75rem 0.55rem;
    gap: 0.55rem;
    grid-template-columns: 42px 1fr;
  }

  .smp-av {
    width: 42px;
    height: 42px;
  }

  .smp-head-txt strong {
    font-size: 0.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .smp-slide img {
    height: 128px;
  }

  .smp-profile {
    height: 40px;
    margin: 0.3rem 0.7rem 0.7rem;
  }

  .sellers-page .market-load-more {
    padding-bottom: 0.35rem;
  }

  .bottom-nav a {
    min-height: 0;
    height: 100%;
    gap: 0.12rem;
    font-size: 0.58rem;
    letter-spacing: -0.02em;
    border-radius: 14px;
    padding: 0.2rem 0.1rem;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none;
  }

  .bottom-nav a span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1;
  }

  .bottom-nav a svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .bottom-nav a:active {
    transform: scale(0.96);
  }

  .site-shell {
    padding-bottom: calc(var(--safe-b) + 0.35rem);
  }

  .site-shell.detail-mode {
    padding-bottom: calc(76px + var(--safe-b) + var(--dock-pad));
  }

  .site-shell.wizard-mode,
  .site-shell.wizard-mode.detail-mode {
    padding-bottom: calc(5.5rem + var(--safe-b));
  }

  /* ——— Page wrap ——— */
  .site-main > .page-wrap {
    padding: 0 var(--site-gutter) 0.5rem;
  }

  .site-shell.auth-mode .site-main > .page-wrap {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  /* ——— Market pages (home / browse / sellers / saved) ——— */
  .market-page {
    padding: 0.35rem 0 0;
  }

  .home-page {
    padding-bottom: 0.25rem;
  }

  .market-page-head {
    margin-bottom: 0.65rem;
  }

  .market-page-head .eyebrow {
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
  }

  .market-page-head h1 {
    font-size: 1.28rem;
    letter-spacing: -0.03em;
    margin: 0;
    line-height: 1.2;
  }

  .market-page-head p {
    display: none;
  }

  .market-hero {
    margin: 0 calc(-1 * var(--site-gutter));
    border-radius: 0 0 18px 18px;
    padding: 1.25rem var(--site-gutter) 1.5rem;
    min-height: 0;
  }

  .market-hero h1 {
    font-size: 1.45rem;
    max-width: 14ch;
  }

  .market-hero p {
    font-size: 0.88rem;
  }

  .market-search.lift {
    margin-top: -1.2rem;
  }

  .market-search {
    margin-bottom: var(--m-space);
    border-radius: var(--m-radius);
    padding: 0.35rem;
  }

  .market-search input {
    font-size: 16px;
    padding: 0.5rem 0.6rem;
  }

  .market-page > .market-page-head + .market-tools {
    margin-left: calc(-1 * var(--site-gutter));
    margin-right: calc(-1 * var(--site-gutter));
    margin-bottom: 0.85rem;
    padding: 0.55rem var(--site-gutter) 0.85rem;
  }

  .browse-quick-search {
    padding: 0.7rem var(--site-gutter) 0.85rem;
    /* sellers: section stays fixed under header */
  }

  .browse-page {
    --browse-qs-h: 0px;
  }

  .browse-page .browse-quick-search {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    width: 100vw;
    max-width: none;
    margin: 0 0 0.85rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0.75rem 0 1rem;
    background: var(--dark);
    color: var(--text-on-dark);
    box-shadow: none;
  }

  .browse-page .browse-qs-pin-inner {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }

  .browse-page .browse-home-filter {
    margin: 0;
  }

  .browse-page .browse-home-filter .home-filter,
  .browse-page #browse-filter {
    margin-top: 0.85rem;
    margin-inline: 0;
    border-radius: 16px;
    border: 1px solid #e5dff5;
  }

  .browse-qs-spacer {
    margin-bottom: 0.85rem;
  }

  .browse-page .browse-qs-spacer {
    display: none;
    height: 0;
    margin: 0;
  }

  .browse-jump-top {
    right: var(--site-gutter);
    bottom: calc(var(--nav-h) + var(--safe-b) + var(--dock-pad) + 0.65rem);
    width: 46px;
    height: 46px;
    border-radius: 13px;
  }

  .browse-qs-go {
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    padding: 0;
  }

  .browse-qs-go span {
    display: none;
  }

  .market-tools .market-search {
    position: sticky;
    top: calc(var(--header-h) + var(--safe-t));
    z-index: var(--z-sticky);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.7rem;
    padding: 0.35rem;
    background: linear-gradient(180deg, #faf8ff 0%, #ffffff 75%);
    border: 1px solid #e6e0f5;
    border-radius: var(--radius-sm);
    box-shadow: 0 6px 18px rgba(88, 60, 180, 0.08);
  }

  .market-tools .market-search input,
  .market-tools .market-search .ms-filter,
  .market-tools .market-search .ms-go {
    background: transparent;
    box-shadow: none;
    height: var(--btn-h);
    min-height: var(--btn-h);
  }

  .market-tools .market-search input {
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .market-tools .market-search .ms-filter {
    background: var(--accent-soft);
    border-radius: var(--radius-sm);
  }

  .market-tools .market-search .ms-filter.has-filters {
    background: var(--accent);
    color: #fff;
  }

  .market-tools .market-search .ms-go {
    background: var(--ink);
    color: #fff;
    border-radius: var(--radius-sm);
  }

  .market-tools .market-cats {
    margin: 0 0 0.75rem;
    padding: 0;
  }

  .market-tools .market-chips {
    margin: 0;
    padding: 0;
  }

  /* legacy sticky (pages without .market-tools) */
  .market-page > .market-page-head + .market-search {
    position: sticky;
    top: calc(var(--header-h) + var(--safe-t));
    z-index: var(--z-sticky);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 calc(-1 * var(--site-gutter)) 0.7rem;
    padding: 0.4rem var(--site-gutter);
    background: linear-gradient(180deg, #f0ebff 0%, #f5f2fc 60%, var(--canvas) 100%);
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .market-page > .market-page-head + .market-search input,
  .market-page > .market-page-head + .market-search .ms-filter,
  .market-page > .market-page-head + .market-search .ms-go {
    background: #fff;
    box-shadow: var(--shadow-sm);
    height: var(--btn-h);
    min-height: var(--btn-h);
  }

  .market-page > .market-page-head + .market-search input {
    border: 1px solid #e6e0f5;
    border-radius: var(--radius-sm);
  }

  .market-page > .market-page-head + .market-search .ms-filter,
  .market-page > .market-page-head + .market-search .ms-go {
    border-radius: var(--radius-sm);
  }

  .market-cats {
    margin: 0 calc(-1 * var(--site-gutter)) 0.95rem;
    padding: 0 var(--site-gutter);
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--site-gutter);
    scrollbar-width: none;
    gap: 0.4rem;
  }

  .market-cats::-webkit-scrollbar {
    display: none;
  }

  .market-cat {
    scroll-snap-align: start;
    min-height: 42px;
    font-size: 0.8rem;
    padding: 0.45rem 0.7rem;
    border-radius: 12px;
  }

  .browse-meta-row {
    margin-bottom: 0.65rem;
    align-items: stretch;
  }

  .browse-meta-actions {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .browse-meta-row .sort-field,
  .browse-meta-row .sort-select {
    flex: 1 1 12rem;
    min-width: 0;
    width: auto;
  }

  .browse-meta-row .meta {
    font-size: 0.82rem;
  }

  .browse-save-search span {
    display: none;
  }

  .browse-save-search {
    width: 40px;
    padding: 0;
    justify-content: center;
  }

  .market-list {
    gap: 0.88rem;
  }

  /* Browse list — restore PA-style mobile layout */
  .ad-card.v2.list,
  .market-list .ad-card.v2.list {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0.82rem 0.78rem 0.72rem;
    align-items: stretch;
    overflow: visible;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.18) 0%, #ffffff 100%);
  }

  .market-list .ad-card.v2.list .list-head {
    grid-column: 1 / -1;
    grid-row: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0 0.1rem 0.52rem;
    min-width: 0;
    background: transparent;
  }

  .market-list .ad-card.v2.list .list-head .title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .market-list .ad-card.v2.list .list-head .price-block {
    flex: 0 0 auto;
    text-align: right;
  }

  .market-list .ad-card.v2.list .price {
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.1;
  }

  .market-list .ad-card.v2.list .price-block .price-old {
    font-size: 0.72rem;
  }

  .market-list .ad-card.v2.list .media {
    grid-column: 1;
    grid-row: 2;
    width: 130px;
    height: 130px;
    min-height: 130px;
    max-height: 130px;
    aspect-ratio: auto;
    align-self: start;
    border-radius: 10px;
    overflow: hidden;
    background: #eef1f6;
  }

  .market-list .ad-card.v2.list .media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .market-list .ad-card.v2.list .list-head .title-full {
    display: none !important;
  }

  .market-list .ad-card.v2.list .list-head .title-nofuel {
    display: -webkit-box !important;
  }

  .market-list .ad-card.v2.list .list-mid {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1fr;
    position: relative;
    height: 130px;
    min-height: 130px;
    max-height: 130px;
    column-gap: 0.3rem;
    row-gap: 0;
    padding: 0 0 0 0.4rem;
    min-width: 0;
    align-self: start;
    overflow: visible;
    background: transparent;
  }

  .market-list .ad-card.v2.list .list-mid:has(.list-spec-logo:not(.list-spec-seller)) {
    grid-template-columns: minmax(0, 1fr) 48px;
  }

  .market-list .ad-card.v2.list .list-specs {
    display: contents;
  }

  .market-list .ad-card.v2.list .list-spec-grid {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    gap: 0;
    min-width: 0;
    width: 100%;
    max-width: none;
    padding: 0 0 1.2rem;
  }

  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell {
    display: none;
    width: max-content;
    max-width: none;
    font-size: 0.8rem;
    line-height: 1.25;
    font-weight: 600;
    color: #374151;
    text-align: left;
    grid-column: auto;
    grid-row: auto;
    padding: 0;
    margin: 0;
    border: 0;
    white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
    word-break: normal;
  }

  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell:nth-child(1),
  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell:nth-child(2),
  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell:nth-child(4) {
    display: block;
  }

  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell:nth-child(1) {
    font-size: 0.82rem;
    font-weight: 700;
    color: #1f2937;
  }

  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell:nth-child(1)::after,
  .market-list .ad-card.v2.list .list-spec-grid .list-spec-cell:nth-child(2)::after {
    content: "";
    display: block;
    width: 100%;
    max-width: none;
    height: 1px;
    margin-top: 0.28rem;
    margin-bottom: 0.28rem;
    background: #8b91a1;
  }

  .market-list .ad-card.v2.list .list-spec-logo {
    grid-column: 2;
    grid-row: 1;
    flex: none;
    width: 48px;
    height: 48px;
    position: absolute;
    top: auto;
    right: 0;
    left: auto;
    bottom: 0;
    transform: none;
    min-height: 48px;
    align-self: auto;
    justify-self: end;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .market-list .ad-card.v2.list .list-spec-logo.list-spec-seller {
    display: none;
  }

  .market-list .ad-card.v2.list .list-mid > .list-spec-loc {
    display: inline-flex;
    position: absolute;
    left: 0.4rem;
    top: auto;
    bottom: 0;
    right: 0.1rem;
    transform: none;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    max-width: none;
    height: auto;
    line-height: 1;
    overflow: visible;
    font-size: 0.7rem;
    font-weight: 500;
    color: #4b5563;
    z-index: 1;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: unset;
  }

  .market-list .ad-card.v2.list .list-mid:has(.list-spec-logo:not(.list-spec-seller)) > .list-spec-loc {
    right: 52px;
  }

  .market-list .ad-card.v2.list .list-foot {
    grid-column: 1 / -1;
    grid-row: 3;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.35rem;
    padding: 0.5rem 0.1rem 0;
    min-width: 0;
    border-top: 0;
    background: transparent;
  }

  .market-list .ad-card.v2.list .list-foot > .list-spec-loc {
    display: none;
  }

  .market-list .ad-card.v2.list .list-seller-type {
    display: inline;
    margin-left: auto;
    flex: 0 0 auto;
    align-self: flex-end;
    font-size: 0.62rem;
    font-weight: 600;
    color: #6b7280;
    white-space: nowrap;
    text-align: right;
  }

  .market-list .ad-card.v2.list .list-labels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    overflow: visible;
  }

  .market-list .ad-card.v2.list .card-label,
  .market-list .ad-card.v2.list .card-label.feat {
    min-height: 20px;
    padding: 0.08rem 0.38rem;
    font-size: 0.62rem;
    border-radius: 5px;
    color: #1a56ff;
    border-color: rgba(26, 86, 255, 0.28);
    background: rgba(26, 86, 255, 0.08);
  }

  .market-list .ad-card.v2.list .media-photos {
    right: 0.3rem;
    bottom: 0.3rem;
    height: 20px;
    font-size: 0.62rem;
    padding: 0 0.32rem;
  }

  .market-list .ad-card.v2.list .fav,
  .market-list .ad-card.v2.list .cmp-btn {
    width: 30px;
    height: 30px;
  }

  .market-list .ad-card.v2.list .fav {
    top: 0.08rem;
    right: 0.08rem;
  }

  .market-list .ad-card.v2.list .cmp-btn {
    bottom: 0.12rem;
    left: 0.12rem;
  }

  .market-list .ad-card.v2.list .cmp-btn .cmp-ico {
    width: 22px;
    height: 22px;
  }

  .market-section {
    margin-bottom: var(--m-space-lg);
  }

  .market-section-head h2 {
    font-size: 1.05rem;
  }

  .market-hscroll {
    margin: 0 calc(-1 * var(--site-gutter));
    padding: 0.05rem var(--site-gutter) 0.35rem;
    scroll-padding-inline: var(--site-gutter);
  }

  .market-body-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
  }

  .market-body-tile {
    min-height: 92px;
    padding: 0.8rem 0.7rem;
    border-radius: var(--m-radius);
  }

  .market-map-panel .map-shell {
    height: 200px;
    border-radius: var(--m-radius);
  }

  .market-chips {
    margin: 0 calc(-1 * var(--site-gutter)) 0.7rem;
    padding: 0 var(--site-gutter);
    gap: 0.35rem;
  }

  .market-grid,
  .card-grid,
  .seller-grid,
  .home-page .market-grid.cols-4 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .browse-page .market-grid,
  .browse-page .market-grid.cols-4 {
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
    align-items: stretch;
  }

  @media (min-width: 560px) {
    .market-grid,
    .card-grid,
    .seller-grid,
    .home-page .market-grid.cols-4 {
      grid-template-columns: 1fr 1fr;
      gap: 0.65rem;
    }

    .browse-page .market-grid,
    .browse-page .market-grid.cols-4 {
      grid-template-columns: 1fr 1fr;
      gap: 0.45rem;
    }
  }

  .dir-summary {
    margin-bottom: 0.65rem;
    font-size: 0.84rem;
  }

  .dir-grid {
    grid-template-columns: 1fr;
    gap: 0.7rem;
  }

  @media (min-width: 560px) {
    .dir-grid {
      grid-template-columns: 1fr 1fr;
    }

    .sellers-page .dir-cover {
      height: 112px;
    }
  }

  .market-hscroll .ad-card.v2 {
    display: block;
    width: min(74vw, 260px);
    flex: 0 0 auto;
  }

  .market-hscroll .ad-card.v2 .media {
    aspect-ratio: 4 / 3;
    height: auto;
    min-height: 0;
  }

  .dir-card:hover {
    transform: none;
  }

  .dir-card:active {
    transform: scale(0.99);
  }

  .pagination {
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .pagination .pg-btn {
    min-height: 42px;
    padding: 0 0.85rem;
    border-radius: 12px;
    font-size: 0.84rem;
  }

  /* Legacy selectors kept for any residual markup ——— */
  .hero {
    margin: 0 calc(-1 * var(--site-gutter));
    border-radius: 0 0 22px 22px;
    padding: 1.35rem var(--site-gutter) 1.6rem;
    min-height: 0;
  }

  .search-dock {
    margin: -1.15rem 0 0.85rem;
  }

  .page-enter > .page-head + .search-dock {
    position: sticky;
    top: calc(var(--header-h) + var(--safe-t));
    z-index: var(--z-sticky);
    margin: 0 0 0.75rem;
    padding: 0.35rem 0 0.45rem;
    background: linear-gradient(180deg, var(--canvas) 65%, transparent);
  }

  .search-bar {
    min-height: 50px;
    border-radius: 16px;
    padding: 0.3rem 0.35rem 0.3rem 0.9rem;
    box-shadow: 0 10px 28px rgba(18, 18, 20, 0.1);
  }

  .search-bar input {
    font-size: 16px;
  }

  .section {
    padding: 0;
    margin-bottom: 1.5rem;
  }

  .cat-scroll {
    padding: 0 var(--site-gutter) 0.15rem;
    margin: 0 calc(-1 * var(--site-gutter)) 1rem;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--site-gutter);
  }

  .h-scroll {
    margin: 0 calc(-1 * var(--site-gutter));
    padding: 0.15rem var(--site-gutter) 0.55rem;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--site-gutter);
    gap: 0.75rem;
  }

  .h-scroll .ad-card,
  .h-scroll .ad-card.v2 {
    scroll-snap-align: start;
    width: min(78vw, 280px);
    flex: 0 0 auto;
    display: block;
  }

  .h-scroll .ad-card.v2 .media {
    aspect-ratio: 4 / 3;
    height: auto;
    min-height: 0;
  }

  .h-scroll .ad-card.v2 .body {
    padding: 0.7rem 0.8rem 0.85rem;
  }

  /* ——— Mobile grid cards: readable full-width stack ——— */
  .card-grid {
    gap: 0.75rem;
  }

  .card-grid.cols-2 {
    grid-template-columns: 1fr;
  }

  @media (min-width: 560px) {
    .card-grid.cols-2 {
      grid-template-columns: 1fr 1fr;
    }
  }

  .card-grid .ad-card.v2:not(.list),
  .market-grid .ad-card.v2:not(.list),
  .seller-grid .ad-card.v2:not(.list) {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    min-width: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e6e8ee;
    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.05);
  }

  .card-grid .ad-card.v2:not(.list):hover,
  .market-grid .ad-card.v2:not(.list):hover,
  .seller-grid .ad-card.v2:not(.list):hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.05);
  }

  .card-grid .ad-card.v2:not(.list):active,
  .market-grid .ad-card.v2:not(.list):active,
  .seller-grid .ad-card.v2:not(.list):active {
    transform: scale(0.99);
  }

  .card-grid .ad-card.v2:not(.list) .media,
  .market-grid .ad-card.v2:not(.list) .media,
  .seller-grid .ad-card.v2:not(.list) .media {
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 0;
    max-height: none;
    align-self: auto;
    background: #eef1f6;
  }

  .card-grid .ad-card.v2:not(.list) .media img,
  .market-grid .ad-card.v2:not(.list) .media img,
  .seller-grid .ad-card.v2:not(.list) .media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .card-grid .ad-card.v2:not(.list) .media .badges,
  .market-grid .ad-card.v2:not(.list) .media .badges,
  .seller-grid .ad-card.v2:not(.list) .media .badges {
    left: 0.55rem;
    top: 0.55rem;
    gap: 0.3rem;
  }

  .card-grid .ad-card.v2:not(.list) .pill,
  .market-grid .ad-card.v2:not(.list) .pill,
  .seller-grid .ad-card.v2:not(.list) .pill {
    font-size: 0.7rem;
    padding: 0.2rem 0.45rem;
  }

  .card-grid .ad-card.v2:not(.list) .pill.red,
  .market-grid .ad-card.v2:not(.list) .pill.red,
  .seller-grid .ad-card.v2:not(.list) .pill.red {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    border-radius: 50%;
    font-size: 0.7rem;
  }

  .card-grid .ad-card.v2:not(.list) .media .fav,
  .market-grid .ad-card.v2:not(.list) .media .fav,
  .seller-grid .ad-card.v2:not(.list) .media .fav {
    width: 40px;
    height: 40px;
    right: 0.55rem;
    top: 0.55rem;
  }

  .card-grid .ad-card.v2:not(.list) .media .cmp-btn,
  .market-grid .ad-card.v2:not(.list) .media .cmp-btn,
  .seller-grid .ad-card.v2:not(.list) .media .cmp-btn {
    width: 40px;
    height: 40px;
    left: 0.55rem;
    bottom: 0.55rem;
    top: auto;
    right: auto;
    border-radius: 50%;
  }

  .card-grid .ad-card.v2:not(.list) .media .fav svg,
  .market-grid .ad-card.v2:not(.list) .media .fav svg,
  .seller-grid .ad-card.v2:not(.list) .media .fav svg {
    width: 20px;
    height: 20px;
  }

  .card-grid .ad-card.v2:not(.list) .media-photos,
  .market-grid .ad-card.v2:not(.list) .media-photos,
  .seller-grid .ad-card.v2:not(.list) .media-photos {
    right: 0.55rem;
    bottom: 0.55rem;
    height: 26px;
    padding: 0 0.5rem;
    font-size: 0.72rem;
    border-radius: 8px;
  }

  .card-grid .ad-card.v2:not(.list) .body,
  .market-grid .ad-card.v2:not(.list) .body,
  .seller-grid .ad-card.v2:not(.list) .body {
    padding: 0.85rem 0.95rem 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    flex: 1 1 auto;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.18) 0%, #ffffff 100%);
  }

  .home-page .home-bodytype .market-grid .ad-card.v2:not(.list) .body,
  .home-page #home-body-ads .ad-card.v2:not(.list) .body {
    background: #fff;
  }

  .market-grid .ad-card.v2.featured:not(.list),
  .card-grid .ad-card.v2.featured:not(.list) {
    border: 1px solid transparent;
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(
        135deg,
        rgba(var(--primary-rgb), 0.9) 0%,
        rgba(124, 102, 201, 0.75) 42%,
        rgba(48, 36, 98, 0.65) 100%
      )
      border-box;
    box-shadow: 0 8px 22px rgba(48, 36, 98, 0.14);
  }

  .market-grid .ad-card.v2.featured:not(.list) .body,
  .card-grid .ad-card.v2.featured:not(.list) .body,
  .seller-grid .ad-card.v2.featured:not(.list) .body {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.22) 0%, #ffffff 100%);
  }

  .market-list .ad-card.v2.list.featured {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.18) 0%, #ffffff 88%);
    border: 1px solid rgba(var(--primary-rgb), 0.28);
    box-shadow: 0 8px 22px rgba(48, 36, 98, 0.12);
  }

  .card-grid .ad-card.v2:not(.list) .price-row,
  .market-grid .ad-card.v2:not(.list) .price-row,
  .seller-grid .ad-card.v2:not(.list) .price-row {
    order: -1;
    margin-bottom: 0;
    gap: 0.45rem;
    align-items: baseline;
  }

  .card-grid .ad-card.v2:not(.list):not(.pa-card) .price,
  .market-grid .ad-card.v2:not(.list):not(.pa-card) .price,
  .seller-grid .ad-card.v2:not(.list):not(.pa-card) .price {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #111827;
  }

  .card-grid .ad-card.v2:not(.list) .price-old,
  .market-grid .ad-card.v2:not(.list) .price-old,
  .seller-grid .ad-card.v2:not(.list) .price-old {
    font-size: 0.88rem;
  }

  .card-grid .ad-card.v2:not(.list):not(.pa-card) .title,
  .market-grid .ad-card.v2:not(.list):not(.pa-card) .title,
  .seller-grid .ad-card.v2:not(.list):not(.pa-card) .title {
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    color: #1f2937;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .card-grid .ad-card.v2:not(.list):not(.pa-card) .title.title-mm,
  .market-grid .ad-card.v2:not(.list):not(.pa-card) .title.title-mm,
  .seller-grid .ad-card.v2:not(.list):not(.pa-card) .title.title-mm {
    display: none !important;
  }

  .card-grid .ad-card.v2:not(.list) .spec-line,
  .market-grid .ad-card.v2:not(.list) .spec-line,
  .seller-grid .ad-card.v2:not(.list) .spec-line {
    display: none;
  }

  /* Hide desktop 3×2 meta; show facts as value/line/label — ALL grid/featured/related cards */
  .ad-card.v2:not(.list) .card-meta {
    display: none !important;
  }

  .ad-card.v2:not(.list) .card-facts {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem 0.85rem;
    margin: 0.45rem 0 0.1rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .ad-card.v2:not(.list) .fact {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
  }

  .ad-card.v2:not(.list) .fact strong {
    display: inline-block;
    width: max-content;
    max-width: 100%;
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .ad-card.v2:not(.list) .fact strong::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 0.28rem;
    background: #8b91a1;
  }

  .ad-card.v2:not(.list) .fact span {
    display: none;
  }

  .ad-card.v2:not(.list) .card-labels {
    margin-top: 0.35rem;
    padding-top: 0.5rem;
    gap: 0.4rem;
    align-items: center;
  }

  .ad-card.v2:not(.list) .card-labels-main {
    gap: 0.3rem;
    flex-wrap: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  /* One extra chip after Istaknuto, otherwise first chip only */
  .ad-card.v2:not(.list) .card-label ~ .card-label {
    display: none;
  }

  .ad-card.v2:not(.list) .card-label.feat ~ .card-label {
    display: inline-flex;
  }

  .ad-card.v2:not(.list) .card-label.feat ~ .card-label ~ .card-label {
    display: none;
  }

  .ad-card.v2:not(.list) .card-label {
    min-height: 24px;
    font-size: 0.68rem;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    flex: 0 0 auto;
  }

  .ad-card.v2:not(.list) .card-label-logo {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    flex: 0 0 auto;
  }

  .ad-card.v2:not(.list) .card-foot-loc {
    font-size: 0.72rem;
    max-width: 46%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Featured (home 2×3) + related/seller grids on ad page */
  .home-feat-page,
  .ad-more-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
  }

  .home-feat-page {
    grid-template-rows: none;
    align-content: start;
  }

  .home-feat-page .ad-card.v2,
  .ad-more-grid .ad-card.v2,
  .home-page .market-grid .ad-card.v2 {
    min-width: 0;
  }

  /* Istaknuta vozila — compact 2×3, PA-style (image + make/model + price/year) */
  .home-feat-page .ad-card.v2 .media {
    aspect-ratio: 1 / 1;
    height: auto;
  }

  .home-feat-page .ad-card.v2 .body {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    padding: 0.42rem 0.5rem 0.55rem;
  }

  .home-feat-page .ad-card.v2 .title {
    display: none;
  }

  .home-feat-page .ad-card.v2 .title-mm {
    display: block;
    margin: 0;
    font-size: 0.82rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .home-feat-page .ad-card.v2 .price-row {
    order: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem;
    margin: 0;
  }

  .home-feat-page .ad-card.v2 .price,
  .home-feat-page .ad-card.v2 .price-row .price {
    font-size: 0.92rem;
    font-weight: 800;
    color: #111827;
  }

  .home-feat-page .ad-card.v2 .card-year {
    display: block;
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9ca3af;
    white-space: nowrap;
  }

  .home-feat-page .ad-card.v2 .card-facts,
  .home-feat-page .ad-card.v2 .card-meta,
  .home-feat-page .ad-card.v2 .card-labels,
  .home-feat-page .ad-card.v2 .spec-line,
  .home-feat-page .ad-card.v2 .price-old,
  .home-feat-page .ad-card.v2 .fact {
    display: none !important;
    border: 0;
    background: transparent;
    padding: 0;
  }

  .home-feat-page .ad-card.v2 .media-photos {
    display: inline-flex !important;
    right: 0.4rem;
    bottom: 0.4rem;
    height: 22px;
    padding: 0 0.42rem;
    font-size: 0.68rem;
    border-radius: 6px;
  }

  .home-feat-page .ad-card.v2.featured {
    background: #fff;
    border: 1px solid #ececf1;
    box-shadow: none;
  }

  .home-feat-page .ad-card.v2.featured::before {
    display: none;
  }

  .home-feat-page .ad-card.v2.featured .body {
    background: #fff;
  }

  .home-feat-page .ad-card.v2 .media-fade {
    display: none;
  }

  .home-feat-page .ad-card.v2.featured:hover {
    transform: none;
  }

  .home-feat-page .ad-card.v2 .fav,
  .home-feat-page .ad-card.v2 .cmp-btn {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
  }

  .home-feat-page .ad-card.v2 .cmp-btn {
    top: auto;
    right: auto;
    left: 0.4rem;
    bottom: 0.4rem;
  }

  .card-grid .ad-card.v2:not(.list) .card-meta,
  .market-grid .ad-card.v2:not(.list) .card-meta,
  .seller-grid .ad-card.v2:not(.list) .card-meta {
    display: none;
  }

  .card-grid .ad-card.v2:not(.list) .card-facts,
  .market-grid .ad-card.v2:not(.list) .card-facts,
  .seller-grid .ad-card.v2:not(.list) .card-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem 0.85rem;
    margin: 0.45rem 0 0.1rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .card-grid .ad-card.v2:not(.list) .fact,
  .market-grid .ad-card.v2:not(.list) .fact,
  .seller-grid .ad-card.v2:not(.list) .fact {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
  }

  .card-grid .ad-card.v2:not(.list) .fact strong,
  .market-grid .ad-card.v2:not(.list) .fact strong,
  .seller-grid .ad-card.v2:not(.list) .fact strong {
    display: inline-block;
    width: max-content;
    max-width: 100%;
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
    line-height: 1.25;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .card-grid .ad-card.v2:not(.list) .fact strong::after,
  .market-grid .ad-card.v2:not(.list) .fact strong::after,
  .seller-grid .ad-card.v2:not(.list) .fact strong::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 0.28rem;
    background: #8b91a1;
  }

  .card-grid .ad-card.v2:not(.list) .fact span,
  .market-grid .ad-card.v2:not(.list) .fact span,
  .seller-grid .ad-card.v2:not(.list) .fact span {
    display: none;
  }

  .card-grid .ad-card.v2:not(.list) .card-labels,
  .market-grid .ad-card.v2:not(.list) .card-labels,
  .seller-grid .ad-card.v2:not(.list) .card-labels {
    margin-top: 0.35rem;
    padding-top: 0.55rem;
    gap: 0.45rem;
    align-items: center;
  }

  .card-grid .ad-card.v2:not(.list) .card-labels-main,
  .market-grid .ad-card.v2:not(.list) .card-labels-main,
  .seller-grid .ad-card.v2:not(.list) .card-labels-main {
    gap: 0.35rem;
    flex-wrap: wrap;
    min-width: 0;
  }

  /* Keep footer light: condition (+ optional 1 more) */
  .card-grid .ad-card.v2:not(.list) .card-label:nth-child(n + 3),
  .market-grid .ad-card.v2:not(.list) .card-label:nth-child(n + 3),
  .seller-grid .ad-card.v2:not(.list) .card-label:nth-child(n + 3) {
    display: none;
  }

  .card-grid .ad-card.v2:not(.list) .card-label,
  .market-grid .ad-card.v2:not(.list) .card-label,
  .seller-grid .ad-card.v2:not(.list) .card-label {
    min-height: 26px;
    font-size: 0.72rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
  }

  .card-grid .ad-card.v2:not(.list) .card-label-logo,
  .market-grid .ad-card.v2:not(.list) .card-label-logo,
  .seller-grid .ad-card.v2:not(.list) .card-label-logo {
    width: 24px;
    height: 24px;
    border-radius: 6px;
  }

  .card-grid .ad-card.v2:not(.list) .card-foot-loc,
  .market-grid .ad-card.v2:not(.list) .card-foot-loc,
  .seller-grid .ad-card.v2:not(.list) .card-foot-loc {
    font-size: 0.8rem;
    max-width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Two-col tablets: slightly tighter but still fact tiles */
  @media (min-width: 560px) and (max-width: 899px) {
    .card-grid .ad-card.v2:not(.list) .body,
    .market-grid .ad-card.v2:not(.list) .body,
    .seller-grid .ad-card.v2:not(.list) .body {
      padding: 0.7rem 0.75rem 0.8rem;
      gap: 0.28rem;
    }

    .card-grid .ad-card.v2:not(.list):not(.pa-card) .price,
    .market-grid .ad-card.v2:not(.list):not(.pa-card) .price,
    .seller-grid .ad-card.v2:not(.list):not(.pa-card) .price {
      font-size: 1.18rem;
    }

    .card-grid .ad-card.v2:not(.list):not(.pa-card) .title,
    .market-grid .ad-card.v2:not(.list):not(.pa-card) .title,
    .seller-grid .ad-card.v2:not(.list):not(.pa-card) .title {
      font-size: 0.92rem;
    }

    .card-grid .ad-card.v2:not(.list) .card-facts,
    .market-grid .ad-card.v2:not(.list) .card-facts,
    .seller-grid .ad-card.v2:not(.list) .card-facts {
      padding: 0;
      gap: 0.4rem 0.75rem;
    }

    .card-grid .ad-card.v2:not(.list) .fact strong,
    .market-grid .ad-card.v2:not(.list) .fact strong,
    .seller-grid .ad-card.v2:not(.list) .fact strong {
      font-size: 0.78rem;
    }

    .card-grid .ad-card.v2:not(.list) .media,
    .market-grid .ad-card.v2:not(.list) .media,
    .seller-grid .ad-card.v2:not(.list) .media {
      aspect-ratio: 4 / 3;
    }
  }

  .ad-card.v2 .media .fav {
    width: 36px;
    height: 36px;
    border-radius: 50%;
  }

  .ad-card.v2 .media .fav svg {
    width: 20px;
    height: 20px;
  }

  .market-hscroll .ad-card.v2,
  .h-scroll .ad-card.v2 {
    display: block;
  }

  /* Horizontal carousels: also use fact tiles */
  .market-hscroll .ad-card.v2 .card-meta,
  .h-scroll .ad-card.v2 .card-meta {
    display: none;
  }

  .market-hscroll .ad-card.v2 .card-facts,
  .h-scroll .ad-card.v2 .card-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 0.75rem;
    margin-top: 0.35rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .market-hscroll .ad-card.v2 .fact,
  .h-scroll .ad-card.v2 .fact {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
  }

  .market-hscroll .ad-card.v2 .fact strong,
  .h-scroll .ad-card.v2 .fact strong {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .market-hscroll .ad-card.v2 .fact span,
  .h-scroll .ad-card.v2 .fact span {
    font-size: 0.72rem;
    font-weight: 550;
    color: #6b7280;
    text-transform: none;
  }

  /* ——— Map / body tiles ——— */
  .map-shell {
    border-radius: 16px;
    height: 220px;
  }

  .body-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
  }

  .body-tile {
    border-radius: 14px;
    padding: 0.85rem 0.75rem;
  }

  /* ——— Sheets ——— */
  .sheet {
    max-height: 90dvh;
    border-radius: 22px 22px 0 0;
    padding: 0.55rem 1rem calc(1rem + var(--safe-b));
  }

  .sheet-foot {
    padding-bottom: 0.15rem;
  }

  .sheet-foot .btn {
    min-height: 48px;
  }

  /* ——— Seller profile ——— */
  .seller-cover {
    height: 160px;
  }

  .seller-profile-wrap {
    margin-top: -48px;
  }

  .seller-profile-card {
    padding: 1rem 1rem 1.15rem;
    border-radius: 16px;
    gap: 0.9rem;
  }

  .seller-avatar {
    width: 84px;
    height: 84px;
    margin-top: -44px;
    font-size: 1.15rem;
    border-width: 3px;
  }

  .seller-avatar .v-badge {
    width: 24px;
    height: 24px;
  }

  .seller-id h1 {
    font-size: 1.35rem;
    margin-bottom: 0.4rem;
  }

  .seller-badges {
    gap: 0.4rem;
    margin-bottom: 0.5rem;
  }

  .seller-tabs-wrap {
    top: calc(var(--header-h) + var(--safe-t));
    margin-top: 0.85rem;
    margin-left: calc(-1 * var(--site-gutter));
    margin-right: calc(-1 * var(--site-gutter));
    padding: 0;
    width: auto;
    max-width: none;
  }

  .seller-tabs {
    padding: 0 var(--site-gutter);
    gap: 0 1.15rem;
  }

  .seller-tabs a {
    padding: 0.8rem 0.05rem;
    font-size: 0.875rem;
  }

  .seller-body {
    margin-top: 1rem;
  }

  .seller-filters {
    padding: 0.85rem;
    border-radius: 14px;
    margin-bottom: 1rem;
  }

  .seller-filter-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }

  .seller-filter-row select {
    min-height: 44px;
    font-size: 16px;
  }

  .seller-search {
    min-height: 48px;
  }

  .seller-search input {
    font-size: 16px;
  }

  .seller-stats {
    margin-top: 0.85rem;
  }

  .seller-stat {
    padding: 0.85rem 0.65rem;
  }

  .seller-stat .n {
    font-size: 1.15rem;
  }

  .seller-stat .l {
    font-size: 0.72rem;
  }

  .seller-cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }

  .seller-cta .btn-pill {
    min-height: 44px;
    justify-content: center;
  }

  .panel {
    padding: 1.1rem 1rem;
    border-radius: 14px;
  }

  /* ——— Ad detail (oglas_details layout) ——— */
  .detail-page {
    padding: 0 0 1.15rem;
  }

  .detail-layout {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    max-width: none;
  }

  .detail-main,
  .side-stack {
    display: contents;
  }

  .detail-gallery {
    order: 1;
  }

  .gallery-main {
    border-radius: 0;
    aspect-ratio: 4 / 3;
    position: relative;
  }

  .gallery-main .m-back {
    display: none;
  }

  .gallery-main .gallery-counter {
    top: max(0.85rem, env(safe-area-inset-top, 0px));
    left: max(0.75rem, env(safe-area-inset-left, 0px));
  }

  .gallery-main .gallery-nav {
    width: 36px;
    height: 52px;
    background: transparent;
  }

  .gallery-main.clickable::after {
    content: "";
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.45)
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3M11 8v6M8 11h6'/%3E%3C/svg%3E")
      center/18px no-repeat;
    pointer-events: none;
  }

  .gallery-thumbs {
    display: flex;
    gap: 0.45rem;
    overflow-x: auto;
    margin: 0.55rem 0 0;
    padding: 0 var(--site-gutter) 0.15rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .gallery-thumbs::-webkit-scrollbar {
    display: none;
  }

  .gallery-thumbs button {
    flex: 0 0 72px;
    width: 72px;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    scroll-snap-align: start;
  }

  .gallery-thumbs .more {
    font-size: 0.72rem;
    padding: 0.25rem;
    text-align: center;
    line-height: 1.2;
  }

  .detail-card,
  .side-card {
    order: 10;
    margin: 0 0 0.75rem;
    padding: 1rem var(--site-gutter);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    width: 100%;
    max-width: none;
  }

  .detail-card.ad-head {
    order: 2;
    margin-top: 0.85rem;
  }

  .side-seller {
    order: 3;
    margin-top: 0;
  }

  .ad-tools {
    order: 4;
  }

  .detail-loc {
    order: 5;
  }

  .detail-page .detail-loc,
  .detail-page .loc-map {
    position: relative;
    z-index: 0;
    isolation: isolate;
  }

  .detail-page .loc-map .leaflet-container,
  .detail-page .loc-map .leaflet-pane,
  .detail-page .loc-map .leaflet-control-container,
  .detail-page .loc-map .leaflet-top,
  .detail-page .loc-map .leaflet-bottom {
    z-index: 0 !important;
  }

  .detail-tech {
    order: 6;
  }

  .detail-extra {
    order: 7;
  }

  .detail-safety {
    order: 8;
  }

  .detail-equip {
    order: 9;
  }

  .detail-desc {
    order: 10;
  }

  .side-tips {
    order: 11;
  }

  .detail-card.spec-block {
    padding: 0;
  }

  .detail-card.spec-block > h2 {
    padding: 0.75rem var(--site-gutter);
    font-size: 1rem;
  }

  .detail-card.spec-block .spec-body {
    padding: 0.4rem var(--site-gutter) 0.9rem;
  }

  .ad-head-top {
    flex-direction: column;
    gap: 0.65rem;
  }

  .ad-head h1 {
    font-size: 1.28rem;
    letter-spacing: -0.025em;
    line-height: 1.22;
    overflow-wrap: anywhere;
  }

  .ad-meta {
    font-size: 0.75rem;
    line-height: 1.45;
  }

  .ad-price-block {
    text-align: left;
    width: 100%;
    padding-top: 0.15rem;
    border-top: 1px solid var(--border);
  }

  .ad-price-block .now {
    font-size: 1.5rem;
  }

  .quick-specs {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    gap: 0;
    margin-top: 0.35rem;
    padding: 0.55rem 0 0;
    border: 0;
    border-top: 1px solid #ececf1;
    border-radius: 0;
    background: transparent;
  }

  .quick-spec {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-radius: 0;
    background: transparent;
    min-width: 0;
    border-bottom: 1px solid #d1d5db;
  }

  .quick-spec:last-child {
    border-bottom: 0;
  }

  .quick-spec::after {
    display: none;
  }

  .quick-spec .qs-ico {
    display: none;
  }

  .quick-spec .qs-text {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
  }

  .quick-spec .k {
    font-size: 0.8125rem;
    color: var(--muted-2, #6b7280);
    font-weight: 500;
    margin-bottom: 0;
  }

  .quick-spec .v {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ink-2);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
  }

  .tech-cell {
    border-bottom-color: #d1d5db;
  }

  .detail-card > h2,
  .side-card > h3 {
    font-size: 1.28rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.65rem;
  }

  .tech-grid,
  .spec-checks {
    column-count: 1;
  }

  .tech-cell {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.28rem 0;
  }

  .tech-cell .k {
    font-size: 0.78rem;
  }

  .tech-cell .v {
    font-size: 0.8rem;
    text-align: right;
    max-width: 62%;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }

  .equip-tags {
    gap: 0.4rem;
  }

  .equip-tag {
    padding: 0.4rem 0.7rem;
    font-size: 0.78rem;
    border-radius: 999px;
  }

  .ad-desc {
    font-size: 0.92rem;
    line-height: 1.6;
  }

  .ad-desc.clamped {
    -webkit-line-clamp: 4;
  }

  .loc-row {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .loc-map {
    height: 150px;
    border-radius: 10px;
  }

  .loc-city {
    font-size: 1rem;
  }

  .loc-note {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    font-size: 0.78rem;
  }

  .ad-share-btn {
    font-size: 0.62rem;
    padding: 0.3rem 0.08rem 0.25rem;
  }

  .ad-share-ico {
    width: 38px;
    height: 38px;
  }

  .ad-tools {
    padding: 0.5rem 0.4rem 0.45rem;
  }

  .ad-tools .ad-share {
    gap: 0.22rem;
  }

  .ad-tools .ad-share-btn {
    min-height: 0;
    padding: 0.08rem 0;
  }

  .ad-tools .ad-share-ico {
    width: min(50px, 100%);
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
    aspect-ratio: 1;
    border-radius: 13px;
    overflow: hidden;
  }

  .ad-tools .ad-share-ico img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
  }

  .ad-tools .ad-tool-report {
    display: flex;
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    min-height: 44px;
    margin-top: 0.2rem;
    padding: 0.45rem 0.1rem 0.15rem;
    border-top: 1px solid var(--border);
  }

  .ad-tools .ad-tool-report > span:not(.ad-share-ico) {
    display: inline;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--ink);
  }

  .ad-tools .ad-tool-report .ad-share-ico {
    width: 40px;
    height: 40px;
    min-height: 40px;
    flex: 0 0 40px;
    aspect-ratio: 1;
    border: 1.5px solid var(--primary);
    border-radius: 12px;
    background: #fff;
    color: var(--primary);
    overflow: visible;
    display: grid;
    place-items: center;
  }

  .ad-tools .ad-tool-report .ad-share-ico svg {
    stroke: var(--primary);
    fill: none;
  }

  .ad-contract-dl {
    margin-top: 0.45rem;
    min-height: 44px;
    padding: 0.7rem 0.75rem;
    font-size: 0.74rem;
  }

  .ad-sticky-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "info price"
      "actions actions";
    align-items: center;
    gap: 0.4rem 0.7rem;
    padding: 0.5rem 0.8rem 0.55rem;
    min-height: 0;
  }

  .ad-sticky-info {
    grid-area: info;
  }

  .ad-sticky-info strong {
    font-size: 0.86rem;
  }

  .ad-sticky-info span {
    font-size: 0.7rem;
  }

  .ad-sticky-price {
    grid-area: price;
    align-self: start;
    font-size: 0.98rem;
    padding-top: 0.05rem;
  }

  .ad-sticky-actions {
    grid-area: actions;
    max-width: none;
    overflow: visible;
    width: 100%;
    justify-content: flex-start;
    gap: 0.3rem;
  }

  .ad-sticky .ad-share {
    flex: 1;
    min-width: 0;
  }

  .ad-sticky .ad-share-btn {
    width: 34px;
    height: 34px;
  }

  .ad-sticky-report span {
    display: inline;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .ad-sticky-report {
    width: auto;
    height: 34px;
    padding: 0 0.5rem;
    justify-content: center;
    flex: 0 0 auto;
    gap: 0.3rem;
    border-color: var(--primary);
    color: var(--primary);
  }

  .side-seller .seller-top {
    margin-bottom: 0.65rem;
  }

  .side-seller .side-actions {
    display: none;
  }

  .side-seller .profile-link {
    min-height: 44px;
    align-items: center;
    padding: 0.5rem 0;
  }

  .trust-list {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    gap: 0.45rem;
  }

  .trust-list li {
    font-size: 0.75rem;
  }

  .tips-list li {
    padding: 0.65rem 0;
    font-size: 0.82rem;
  }

  .ad-more {
    margin-top: 1.15rem;
    gap: 1.35rem;
    padding-bottom: calc(var(--btn-h, 46px) + 2.35rem + var(--safe-b, 0px));
  }

  .ad-more-head h2 {
    font-size: 1.05rem;
  }

  .ad-more-head a {
    font-size: 0.8rem;
  }

  /* Sticky CTA — back + fav + compare + Pozovi + Poruka, one row */
  .detail-page .mobile-cta {
    left: var(--dock-pad);
    right: var(--dock-pad);
    bottom: calc(var(--dock-pad) + var(--safe-b));
    display: grid;
    grid-template-columns: var(--btn-h) var(--btn-h) var(--btn-h) minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 0.4rem;
    padding: 0.45rem;
    border-radius: 16px;
    box-shadow: 0 14px 36px rgba(18, 18, 20, 0.18);
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: translateZ(0);
  }

  .detail-page .mobile-cta:not(:has(a[href^="tel"])) {
    grid-template-columns: var(--btn-h) var(--btn-h) var(--btn-h) minmax(0, 1fr) minmax(0, 1fr);
  }

  .detail-page .mobile-cta .m-back {
    display: grid;
    place-items: center;
    width: var(--btn-h);
    height: var(--btn-h);
    border: 0;
    border-radius: 12px;
    background: #f1f2f5;
    color: var(--ink);
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
  }

  .detail-page .mobile-cta .m-back:active {
    transform: scale(0.94);
  }

  .detail-page .mobile-cta .m-cta-fav {
    position: relative;
    width: var(--btn-h);
    height: var(--btn-h);
    border-radius: 13px;
    border: 0;
    background: var(--dark);
    color: #fff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible;
  }

  .detail-page .mobile-cta .m-cta-fav svg {
    fill: #fff;
    stroke: #fff;
  }

  .detail-page .mobile-cta .m-cta-fav .fav-heart-wrap {
    width: 24px;
    height: 24px;
  }

  .detail-page .mobile-cta .m-cta-fav .fav-count {
    min-width: 1.3em;
    height: 1.3em;
    font-size: 0.8rem;
    font-weight: 800;
    color: #111827;
    background: #fff;
    box-shadow: 0 0 0 1.5px rgba(17, 24, 39, 0.22);
    transform: translate(-50%, -46%);
  }

  .detail-page .mobile-cta .m-cta-fav.on {
    color: var(--primary);
    background: var(--dark);
  }

  .detail-page .mobile-cta .m-cta-fav.on svg {
    fill: var(--primary);
    stroke: var(--primary);
  }

  .detail-page .mobile-cta .m-cta-fav.on .fav-count {
    color: #111827;
    background: #fff;
  }

  .detail-page .mobile-cta .m-cta-cmp {
    width: var(--btn-h);
    height: var(--btn-h);
    border: 0;
    border-radius: 12px;
    background: #f1f2f5;
    padding: 0;
    overflow: hidden;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    cursor: pointer;
  }

  .detail-page .mobile-cta .m-cta-cmp .cmp-ico {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
  }

  .detail-page .mobile-cta .m-cta-cmp.on {
    background: #f3eefc;
    box-shadow: inset 0 0 0 2px var(--accent);
  }

  .detail-page .mobile-cta .btn,
  .detail-page .mobile-cta a.btn {
    height: var(--btn-h);
    min-height: var(--btn-h);
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 700;
    min-width: 0;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.65rem;
    box-sizing: border-box;
    text-decoration: none;
    border: 0;
    font-family: inherit;
    cursor: pointer;
  }

  .detail-page .mobile-cta .btn-primary {
    background: var(--accent);
    color: #fff;
  }

  .detail-page .mobile-cta .btn-outline {
    background: #fff;
    border: 1.5px solid var(--border-strong, #d4d4d8);
    color: var(--ink);
  }

  .icon-round {
    width: var(--btn-h-sm);
    height: var(--btn-h-sm);
  }

  .market-search .ms-filter,
  .market-search .ms-go,
  .search-bar .btn,
  .sheet-foot .btn,
  .hf-go {
    min-height: var(--btn-h);
    height: var(--btn-h);
  }

  .market-chips .filter-chip,
  .filter-chip,
  .body-pill,
  .hqs-tag {
    min-height: var(--btn-h-sm);
  }

  /* ——— Homepage ——— */
  .home-hero-final {
    padding: 0.65rem 0 0.1rem;
  }

  .hero-grid {
    gap: 0.75rem;
    text-align: left;
  }

  .hero-visual {
    order: -1;
    margin: 0 calc(-1 * var(--site-gutter));
    width: calc(100% + 2 * var(--site-gutter));
    justify-content: stretch;
  }

  .hero-visual img {
    width: min(100%, 420px);
    max-width: 100%;
    max-height: none;
    height: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
    filter: none;
    margin: 0 0 0 auto;
  }

  .hero-slider {
    width: min(100%, 420px);
    max-width: 100%;
    height: auto;
    filter: none;
    margin: 0 0 0 auto;
  }

  .hero-slider .hero-slide img,
  .hero-slider .hero-slider-sizer {
    width: 100% !important;
    max-width: none;
    margin: 0;
  }

  .hero-slide img {
    max-height: none;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .hero-slide {
    filter: none !important;
    transform: scale(1.03);
    transition:
      opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .hero-slider.is-dir-prev .hero-slide:not(.is-on):not(.is-leaving) {
    transform: scale(1.03);
  }

  .hero-slide.is-on {
    transform: scale(1);
  }

  .hero-slide.is-enter,
  .hero-slider.is-dir-prev .hero-slide.is-enter {
    transform: scale(1.045);
  }

  .hero-slide.is-leaving,
  .hero-slider.is-dir-prev .hero-slide.is-leaving {
    transform: scale(1.01);
  }

  .hero-slide.is-on img {
    animation: none;
  }

  .hero-slider-flare {
    display: none;
  }

  .hero-slider-nav {
    width: 36px;
    height: 36px;
  }

  .hero-slider-dots {
    bottom: 0.55rem;
  }

  .hero-slider-dot {
    background: rgba(85, 63, 174, 0.4);
    background: color-mix(in srgb, var(--primary, #553fae) 40%, transparent);
  }

  .hero-slider-dot.is-on {
    background: var(--primary, #553fae);
  }

  .hero-badge {
    white-space: normal;
    max-width: 100%;
    line-height: 1.3;
    margin-bottom: 0.65rem;
    padding: 0.35rem 0.7rem;
    font-size: 0.72rem;
  }

  .hero-copy h1 {
    font-size: clamp(1.45rem, 6.5vw, 1.85rem);
    letter-spacing: -0.035em;
    margin-bottom: 0.55rem;
    line-height: 1.12;
  }

  .hero-copy h1 br {
    display: none;
  }

  .hero-lead {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #6b7280;
  }

  .hero-lead br {
    display: none;
  }

  .home-quick-search {
    padding: 0.75rem 0 1rem;
    margin-top: 0.4rem;
    background: var(--dark);
    color: var(--text-on-dark);
    border: 0;
  }

  .home-quick-search::after {
    display: none;
  }

  .hqs-head {
    margin-bottom: 0.55rem;
    gap: 0.35rem;
  }

  .hqs-head h2 {
    font-size: 1.05rem;
    line-height: 1.25;
    color: #fff;
  }

  .hqs-bar {
    border-radius: var(--m-radius);
    min-height: 46px;
    overflow: hidden;
    border: 0;
    background: #fff;
    box-shadow: none;
  }

  .hqs-input {
    min-height: 46px;
    padding: 0 0.25rem 0 0.8rem;
    gap: 0.45rem;
  }

  .hqs-go {
    width: 38px;
    min-width: 38px;
    height: 38px;
    margin: 4px 4px 4px 0;
    border-radius: 9px;
  }

  .hqs-go svg {
    width: 18px;
    height: 18px;
  }

  .hqs-popular-wrap {
    position: relative;
    margin: 0.65rem calc(-1 * var(--site-gutter)) 0;
  }

  .hqs-popular {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0;
    padding: 0.05rem var(--site-gutter);
    padding-right: calc(var(--site-gutter) + 1.6rem);
    gap: 0.4rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    font-size: 0.8rem;
    color: #d4d4d8;
  }

  .hqs-popular::-webkit-scrollbar {
    display: none;
  }

  .hqs-popular-chev {
    display: grid;
    place-items: center;
    position: absolute;
    right: 0.15rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 2rem;
    color: #fff;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(90deg, transparent, var(--dark) 42%);
    padding-left: 0.55rem;
  }

  .hqs-popular-chev svg {
    display: block;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.35));
  }

  .hqs-tag {
    flex: 0 0 auto;
    min-height: 32px;
    height: 32px;
    padding: 0 0.75rem;
    font-size: 0.78rem;
    background: #fff;
    border: 0;
    box-shadow: none;
  }

  .home-wrap {
    padding: 0 var(--site-gutter);
  }

  .home-filter {
    display: flex;
    flex-direction: column;
    margin-top: 0.85rem;
    border-radius: 16px;
    scroll-margin-top: calc(var(--header-h) + var(--safe-t) + 0.5rem);
    background:
      radial-gradient(90% 70% at 0% 0%, rgba(var(--primary-rgb), 0.14), transparent 55%),
      radial-gradient(70% 60% at 100% 0%, rgba(160, 130, 255, 0.09), transparent 50%),
      linear-gradient(180deg, #f2edff 0%, #faf8ff 40%, #ffffff 100%);
    border: 1px solid #e5dff5;
    box-shadow:
      0 2px 4px rgba(88, 60, 180, 0.04),
      0 12px 28px rgba(88, 60, 180, 0.08);
    overflow: visible;
  }

  #home-filter {
    margin-inline: calc(-1 * var(--site-gutter));
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }

  #home-filter .hf-cats,
  #home-filter .hf-main {
    border-radius: 0;
  }

  .home-quick-search .home-filter {
    margin-top: 0.85rem;
  }

  .home-quick-search #home-filter {
    margin-inline: 0;
    border-radius: 16px;
    border-left: 1px solid #e5dff5;
    border-right: 1px solid #e5dff5;
  }

  .home-quick-search #home-filter .hf-cats {
    border-radius: 16px 16px 0 0;
  }

  .home-quick-search #home-filter .hf-main {
    border-radius: 0 0 16px 16px;
  }

  .hf-cats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    grid-template-columns: none;
    border-right: 0;
    border-bottom: 1px solid var(--border);
    background: #ececef;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .hf-cats::-webkit-scrollbar {
    display: none;
  }

  .hf-cat {
    flex: 1 0 auto;
    min-width: 3.6rem;
    min-height: 48px;
    border-right: 1px solid var(--border-strong);
    border-bottom: 0;
    border-left: 0;
    border-top: 3px solid transparent;
    padding: 0.14rem 0.12rem;
    scroll-snap-align: start;
  }

  .hf-cat:last-child {
    border-right: 0;
  }

  .hf-cat:not(:last-child)::after {
    top: 14%;
    bottom: 14%;
    background: var(--border-strong);
  }

  .hf-cat .ico svg,
  .hf-cat .ico img {
    width: 36px;
    height: 36px;
  }

  .hf-cat.on {
    border-top-color: var(--accent);
    background: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    z-index: 2;
  }

  .hf-main {
    padding: 0.9rem 0.85rem 0.95rem;
    background: #fff;
  }

  .hf-subcats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem;
  }

  .hf-subcat {
    width: auto;
    min-height: 0;
    padding: 0.3rem 0.25rem 0.35rem;
  }

  .hf-subcat .ico svg,
  .hf-subcat .ico img {
    width: 34px;
    height: 34px;
  }

  .hf-subcat .lbl {
    font-size: 0.62rem;
    -webkit-line-clamp: 4;
  }

  .hf-grid {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .hf-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0.65rem;
    margin-top: 0.85rem;
  }

  .hf-go {
    width: 100%;
    min-height: 46px;
  }

  .hf-advanced {
    justify-content: center;
    min-height: 42px;
  }

  .home-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 0.85rem;
    padding: 0.55rem 0.35rem;
    border-radius: var(--m-radius);
  }

  .home-stats .hs-item {
    border-right: 1px solid #ececf1;
    border-bottom: 0;
    padding: 0.45rem 0.35rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    align-items: center;
  }

  .home-stats .hs-item:last-child {
    border-right: 0;
    border-bottom: 0;
  }

  .home-stats .hs-item span {
    font-size: 0.68rem;
    line-height: 1.2;
  }

  .hs-item strong {
    font-size: 0.98rem;
  }

  .home-section {
    margin-top: 1.35rem;
  }

  .home-start-scroller {
    position: relative;
    margin: 0.95rem calc(-1 * var(--site-gutter)) 0;
  }

  .home-start-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.65rem;
    margin: 0;
    padding: 0.1rem var(--site-gutter) 0.35rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .home-start-grid::-webkit-scrollbar {
    display: none;
  }

  .home-start-swipe,
  .home-sellers-swipe {
    display: grid;
    place-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 3;
    width: 34px;
    height: 58px;
    margin: 0;
    padding: 0 4px 0 8px;
    border: 0;
    border-radius: 16px 0 0 16px;
    background: var(--primary);
    color: #fff;
    box-shadow: -6px 0 18px rgba(85, 63, 174, 0.35);
    transform: translateY(-50%);
    pointer-events: auto;
  }

  .home-start-swipe svg,
  .home-sellers-swipe svg {
    display: block;
  }

  .home-start-scroller.is-end .home-start-swipe {
    opacity: 0;
    pointer-events: none;
  }

  .home-start-card {
    flex: 0 0 min(42vw, 148px);
    min-height: 132px;
    padding: 0.95rem 0.65rem 0.9rem;
    scroll-snap-align: start;
    border-radius: 14px;
  }

  .home-start-card:hover {
    transform: none;
  }

  .home-start-card:active {
    transform: scale(0.98);
  }

  .home-start-ico {
    width: 46px;
    height: 46px;
  }

  .home-start-card strong {
    font-size: 0.86rem;
  }

  .home-start-card span:last-child {
    font-size: 0.72rem;
  }

  .home-section-center {
    margin-bottom: 0.75rem;
  }

  .home-h2 {
    font-size: 1.12rem;
    letter-spacing: -0.025em;
  }

  .home-lead {
    font-size: 0.84rem;
    margin-top: 0.3rem;
  }

  .home-section-cta {
    margin-top: 0.85rem;
  }

  .btn-home-wide {
    min-height: 46px;
    border-radius: 12px;
    font-size: 0.9rem;
  }

  .home-body-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 calc(-1 * var(--site-gutter));
    padding: 0.05rem var(--site-gutter) 0.35rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    gap: 0.4rem;
  }

  .home-body-pills::-webkit-scrollbar {
    display: none;
  }

  .body-pill {
    flex: 0 0 auto;
    min-height: 38px;
    scroll-snap-align: start;
    padding: 0 0.8rem;
    font-size: 0.8rem;
  }

  .home-highlight {
    grid-template-columns: 1fr;
    padding: 0.85rem;
    gap: 0.85rem;
    border-radius: var(--m-radius);
  }

  .hh-actions {
    flex-direction: column;
  }

  .hh-actions .btn {
    width: 100%;
  }

  .home-promo {
    width: auto;
    margin-left: calc(-1 * var(--site-gutter));
    margin-right: calc(-1 * var(--site-gutter));
    margin-top: 1.5rem;
    grid-template-columns: 1fr;
    padding: 1.25rem var(--site-gutter);
    gap: 0.95rem;
    border-radius: 0;
  }

  .hp-cards {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .home-sellers-head {
    margin-bottom: 0.7rem;
    text-align: left;
  }

  .home-sellers-head .home-h2 {
    padding: 0;
    text-align: left;
  }

  .home-ads-head .home-h2,
  .home-ads-head .home-lead {
    padding: 0;
  }

  .home-ads-nav {
    margin: 0.85rem 0 0.2rem;
    gap: 0.55rem;
  }

  .home-section-foot {
    margin-top: 0.85rem;
    gap: 0.65rem;
  }

  .home-section-foot .home-ads-nav {
    margin: 0;
  }

  .home-ads-track {
    gap: 0.65rem;
    scroll-snap-type: x proximity;
  }

  .home-page .home-deals .ad-card.v2 .media-fade {
    display: none;
  }

  .home-page .home-deals .ad-card.v2,
  .home-page .home-deals .ad-card.v2.featured {
    background: #fff;
    border: 1px solid #ececf1;
    box-shadow: none;
  }

  .home-page .home-deals .ad-card.v2.featured::before {
    display: none;
  }

  .home-page .home-deals .ad-card.v2.featured:hover {
    transform: none;
    box-shadow: none;
  }

  .home-page .home-deals .ad-card.v2.featured .body,
  .home-page .home-deals .ad-card.v2 .body {
    background: #fff;
  }

  .home-sellers {
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--site-gutter);
    gap: 0.65rem;
  }

  .home-sellers[data-marquee="1"] {
    scroll-snap-type: none;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: auto;
  }

  .home-sellers[data-marquee="1"] .home-seller-card {
    scroll-snap-align: none;
  }

  .home-sellers-rail {
    margin-inline: calc(-1 * var(--site-gutter));
    padding-inline: var(--site-gutter);
    overflow: visible;
  }

  .home-seller-card {
    flex: 0 0 min(42vw, 148px);
    width: min(42vw, 148px);
    max-width: none;
    min-height: 132px;
    padding: 0.45rem 0.4rem 1.05rem;
    border-radius: 14px;
    scroll-snap-align: start;
  }

  .home-seller-card:hover {
    transform: none;
  }

  .hs-av {
    width: min(90%, 92px);
    height: 64px;
    border-radius: 10px;
  }

  .home-seller-card strong {
    font-size: 0.86rem;
  }

  .hs-ads {
    font-size: 0.72rem;
  }

  .hs-meta {
    right: 0.42rem;
    bottom: 0.35rem;
    font-size: 0.62rem;
  }

  .hs-nav-btn {
    width: 40px;
    height: 40px;
  }

  .home-brands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #ececf1;
  }

  .brand-tile {
    padding: 0.42rem 0.2rem 0.35rem;
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }

  .bc-av {
    width: min(100%, 88px);
    height: 58px;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    font-size: 1.05rem;
  }

  .home-brands .bc-name {
    font-size: 0.78rem;
    margin-top: 0.22rem;
    font-weight: 800;
  }

  .market-chips .filter-chip,
  .filter-chip {
    min-height: 38px;
    padding: 0 0.7rem;
    font-size: 0.8rem;
    border-radius: 999px;
  }

  .h-scroll,
  .market-hscroll {
    scroll-snap-type: x proximity;
  }

  /* Sheets sit cleanly above dock / home indicator */
  .sheet-backdrop {
    padding: 0;
  }

  .sheet {
    max-height: min(92dvh, 100%);
    padding: 0.5rem 1rem calc(1rem + var(--safe-b));
    border-radius: 20px 20px 0 0;
  }

  .sheet.sheet-car-adv,
  .sheet.adv-sheet {
    width: 100%;
    max-width: none;
    min-width: 100%;
    padding: 0;
    height: 100dvh;
    max-height: 100dvh;
    height: 100svh;
    max-height: 100svh;
    border-radius: 0;
  }

  .sheet-car-adv .sheet-head {
    padding-top: max(0.7rem, env(safe-area-inset-top));
    padding-bottom: 0.3rem;
  }

  .sheet-car-adv .adv-jump {
    padding-bottom: 0.7rem;
  }

  .sheet-car-adv #sheet-body {
    padding-top: 0.65rem;
    padding-bottom: 0.7rem;
    flex: 1 1 0;
    min-height: 0;
    display: block;
  }

  .sheet-car-adv .sheet-foot {
    padding-top: 0.7rem;
    padding-bottom: calc(0.85rem + var(--safe-b));
  }

  .sheet-car-adv .adv-head h3 {
    font-size: 1.08rem;
  }

  .adv-close {
    flex: 1 1 100%;
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .adv-toggle {
    min-height: 48px;
    font-size: 0.82rem;
  }

  .adv-sec > summary {
    min-height: 54px;
    padding: 0.85rem 0;
  }

  .sheet-car-adv .chip {
    min-height: 38px;
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
  }

  .sheet-head h3 {
    font-size: 1.05rem;
  }

  .sheet .chip-row {
    gap: 0.4rem;
  }

  .sheet .chip {
    min-height: 40px;
    padding: 0.4rem 0.75rem;
    font-size: 0.84rem;
  }

  #ad-report-sheet .ad-report {
    padding: 0.55rem 0.9rem calc(0.9rem + var(--safe-b));
  }

  #ad-report-sheet .ad-report-reason {
    min-height: 38px;
    font-size: 0.76rem;
    padding: 0.4rem 0.5rem;
  }

  /* Soften aggressive word breaks for names / titles */
  .site-main {
    overflow-wrap: break-word;
    word-break: normal;
  }

  .ad-card .title,
  .dir-card h3,
  .detail-title-row h1,
  .ad-head h1,
  .seller-id h1 {
    overflow-wrap: anywhere;
  }

  .sellers-page .dir-card--rich h3 {
    overflow-wrap: normal;
    word-break: normal;
  }

  .detail-page .ad-toolbar {
    position: static;
    top: auto;
    z-index: auto;
    margin: 0;
    border-bottom: 1px solid #ececf1;
  }

  .detail-page .ad-toolbar-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    padding: 0.7rem var(--site-gutter) 0.75rem;
    gap: 0.6rem;
  }

  .detail-page .ad-toolbar.is-pinned .ad-toolbar-inner {
    position: fixed;
    left: 0;
    right: 0;
    z-index: calc(var(--z-sticky, 30) + 12);
    background: #fff;
    border-bottom: 1px solid #ececf1;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.1);
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    transform: translateZ(0);
  }

  .detail-page .ad-toolbar.is-pinned .ad-toolbar-info strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .detail-page .ad-toolbar-info {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
    min-width: 0;
    column-gap: 0.7rem;
    row-gap: 0.25rem;
    font-size: 0.78rem;
    line-height: 1.3;
    overflow-wrap: normal;
    word-break: normal;
  }

  .detail-page .ad-toolbar-info strong {
    flex: 1 0 100%;
    min-width: 0;
    width: 100%;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.3;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  .detail-page .ad-toolbar-info > span {
    white-space: nowrap;
    color: #6b7280;
  }

  .detail-page .ad-toolbar-info .ad-toolbar-price {
    margin-left: auto;
    font-size: 0.95rem;
    font-weight: 800;
    color: #111827;
  }

  .detail-page .ad-toolbar-share {
    width: 100%;
    flex: none;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .detail-page .ad-toolbar-dot {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
  }

  .detail-page .ad-toolbar-report {
    width: auto;
    min-width: 36px;
    height: 36px;
    padding: 0 0.65rem;
    border-radius: 18px;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 0;
  }

  .detail-page .ad-toolbar-report span {
    display: none;
  }

  .detail-page .ad-toolbar-report svg {
    display: block;
  }

  .side-save,
  .side-share,
  .side-tips,
  .detail-loc {
    order: 10;
  }

  .ad-sticky {
    display: none !important;
  }
}

/* Very small phones */
@media (max-width: 380px) {
  :root {
    --site-gutter: 0.8rem;
  }

  .sellers-page .dir-card-foot .cta {
    display: none;
  }

  .bottom-nav a {
    font-size: 0.54rem;
  }

  .card-grid .ad-card.v2:not(.list):not(.pa-card) .title,
  .market-grid .ad-card.v2:not(.list):not(.pa-card) .title,
  .seller-grid .ad-card.v2:not(.list):not(.pa-card) .title {
    font-size: 0.95rem;
  }

  .card-grid .ad-card.v2:not(.list):not(.pa-card) .price,
  .market-grid .ad-card.v2:not(.list):not(.pa-card) .price,
  .seller-grid .ad-card.v2:not(.list):not(.pa-card) .price {
    font-size: 1.22rem;
  }

  .card-grid .ad-card.v2:not(.list) .fact strong,
  .market-grid .ad-card.v2:not(.list) .fact strong,
  .seller-grid .ad-card.v2:not(.list) .fact strong {
    font-size: 0.86rem;
  }

  .card-grid .ad-card.v2:not(.list) .body,
  .market-grid .ad-card.v2:not(.list) .body,
  .seller-grid .ad-card.v2:not(.list) .body {
    padding: 0.75rem 0.8rem 0.85rem;
  }

  .detail-page .mobile-cta .m-cta-price strong {
    font-size: 0.88rem;
  }

  .detail-page .mobile-cta .btn,
  .detail-page .mobile-cta a.btn {
    font-size: 0.78rem;
    padding: 0 0.4rem;
  }

  .quick-specs {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
  }

  .btn-post {
    padding: 0 0.6rem;
  }

  .home-brands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
  }

  .bc-av {
    width: min(100%, 80px);
    height: 52px;
    border-radius: 0;
  }

  .hero-copy h1 {
    font-size: 1.35rem;
  }
}

/* Browse grid — compact 2-col on all phones (not only ≤380px / Android) */
@media (max-width: 899px) {
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ececf1;
    box-shadow: none;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list)::before {
    display: none;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list):hover,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list):active {
    transform: translateZ(0);
    box-shadow: none;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media-fade {
    display: none;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    aspect-ratio: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    background: #eef1f6;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 75%;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    -webkit-user-drag: none;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .body {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    padding: 0.32rem 0.38rem 0.4rem;
    background: #fff;
    flex: 1 0 auto;
    min-height: 3.15rem;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .title:not(.title-mm) {
    display: none !important;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .title-mm {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    min-height: 1.73em;
    font-size: 11px !important;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -0.02em;
    color: #111827;
    white-space: normal;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: anywhere;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .price-row {
    order: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.2rem;
    margin: 0;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .price,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .price-row .price {
    font-size: 13px !important;
    font-weight: 800;
    color: #111827;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .card-year {
    display: block;
    flex: 0 0 auto;
    margin-left: 0;
    font-size: 10px !important;
    font-weight: 500;
    color: #9ca3af;
    white-space: nowrap;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .card-facts,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .card-meta,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .card-labels,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .spec-line,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .price-old,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .fact {
    display: none !important;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media .badges {
    left: 0.3rem;
    top: 0.3rem;
    gap: 0.2rem;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .pill {
    font-size: 0.62rem;
    padding: 0.12rem 0.32rem;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .pill.red {
    width: 26px;
    height: 26px;
    min-width: 26px;
    font-size: 0.6rem;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media-photos {
    display: inline-flex !important;
    right: 0.3rem;
    bottom: 0.3rem;
    height: 20px;
    padding: 0 0.32rem;
    font-size: 0.62rem;
    border-radius: 5px;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media .fav,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media .cmp-btn,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .fav,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .cmp-btn {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media .fav {
    right: 0.3rem;
    top: 0.3rem;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media .fav svg {
    width: 14px;
    height: 14px;
  }

  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .media .cmp-btn,
  .browse-page .market-grid .ad-card.v2.pa-card:not(.list) .cmp-btn {
    top: auto;
    right: auto;
    left: 0.3rem;
    bottom: 0.3rem;
  }
}