@media (max-width: 1080px) {
  .header-row { grid-template-columns: auto 1fr auto; }.saved-button span, .account-button span { display: none; }.saved-button, .account-button { width: 2.65rem; padding: 0; justify-content: center; }.category-grid { grid-template-columns: repeat(var(--category-regular-columns, 5), minmax(0, 1fr)); }.listing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 781px) {
  .mobile-drawer, .drawer-backdrop { display: none !important; }
}

@media (max-width: 780px) {
  :root { --shell: min(94vw, 44rem); --header-height: auto; }
  .site-header { position: sticky; }.header-row { grid-template-columns: auto 1fr; padding-block: .65rem; }.header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; }.header-actions { justify-content: end; }.menu-button, .header-actions .icon-button { display: grid; }.saved-button { display: none; }.account-button { width: 2.65rem; padding: 0; display: inline-flex; justify-content: center; }.account-button span { display: none; }.publish-button, .header-actions .merchant-button { display: none; }
  .intro-bar { display: none; }
  .advertising-header { height: clamp(8.5rem, 40vw, 10rem); min-height: 8.5rem; max-height: 10rem; }
  main > .section:first-child, #categories-section { padding-block-start: 1.5rem; }
  .category-grid { grid-template-columns: repeat(var(--category-compact-columns, 3), minmax(0, 1fr)); }.listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }.footer-grid { grid-template-columns: 1fr; gap: .8rem; }.footer-grid p { margin: 0; }
  .cookie-notice { align-items: start; }.cookie-notice p { max-width: 38rem; }
}

@media (max-width: 520px) {
  .brand-copy { display: none; }.brand-logo { width: 3.15rem; height: 3.05rem; }.header-search button { padding-inline: .8rem; }
  .partner-item { height: 3.7rem; padding: .45rem .7rem; gap: .55rem; font-size: .72rem; }.partner-item img { width: 4.4rem; height: 2.2rem; }
  .section-heading { align-items: center; }.category-grid { grid-template-columns: repeat(var(--category-compact-columns, 3), minmax(0, 1fr)); }.category-card { min-height: 7rem; }.listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .42rem; }.listing-card { border-radius: .78rem; box-shadow: none; }.listing-image { min-height: 0; aspect-ratio: 16 / 9; }.product-icon { width: 2.35rem; height: 2.35rem; }.promoted-badge { inset-block-start: .28rem; inset-inline-start: .28rem; max-width: calc(100% - 2.2rem); padding: .14rem .3rem; overflow: hidden; font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }.availability-badge { inset-block-end: .28rem; inset-inline-start: .28rem; padding: .14rem .3rem; font-size: .48rem; }.favorite-button { inset-block-start: .25rem; inset-inline-end: .25rem; width: 1.55rem; }.favorite-button .icon { width: .78rem; height: .78rem; }.share-button { display: none; }.listing-body { padding: .32rem .38rem .36rem; }.listing-topline { gap: .16rem; font-size: .5rem; }.listing-topline > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.listing-id { display: none; }.listing-body h3 { min-height: 1.05rem; margin: .18rem 0 .16rem; display: block; overflow: hidden; font-size: .66rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }.listing-meta { display: none; }.seller-summary-row { min-height: 1.2rem; margin-bottom: .2rem; padding: .18rem .22rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .12rem; }.seller-summary-name { grid-column: 1; grid-row: 1; gap: .15rem; font-size: .52rem; }.verified-merchant-badge { padding: .08rem .18rem; gap: .1rem; font-size: .43rem; }.verified-merchant-badge .icon { width: .5rem; height: .5rem; }.seller-membership { display: none; }.seller-rating, .seller-new { grid-column: 2; grid-row: 1; justify-self: end; font-size: .46rem; }.seller-rating-stars { font-size: .48rem; }.seller-rating-average { font-size: .46rem; }.seller-rating-count { font-size: .4rem; }.listing-bottom { padding-top: .24rem; flex-direction: column; align-items: start; gap: .02rem; }.listing-bottom strong { max-width: 100%; overflow: hidden; font-size: .68rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }.listing-bottom strong small { font-size: .44rem; }.listing-bottom > .listing-location { max-width: 100%; overflow: hidden; color: var(--text); font-size: .55rem; line-height: 1.25; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.listing-bottom .icon { width: .58rem; height: .58rem; }.listing-actions-row { display: none; }.card-share-text { display: none; }.verified-line { font-size: .44rem; }.verified-line .icon { width: .52rem; height: .52rem; }.safety { text-align: center; }.footer-grid { text-align: center; }.footer-brand, .footer-grid nav { justify-content: center; }
  .cookie-notice { display: grid; gap: .7rem; }.cookie-actions { width: 100%; }.cookie-actions button { flex: 1; }
  .install-prompt { grid-template-columns: auto minmax(0, 1fr); gap: .6rem; }
  .install-prompt-icon { width: 2.8rem; height: 2.8rem; }
  .install-prompt-actions { grid-column: 1 / -1; }
  .install-prompt-actions button { flex: 1; }
  .section-heading-actions { gap: .35rem; }.safety { text-align: start; }.safety-label { display: none; }
  .search-status { align-items: start; flex-wrap: wrap; }.device-assistant-button { width: 100%; margin-inline-start: 0; }
  .auth-dialog, .listing-dialog, .filter-dialog { padding: 1.35rem 1rem; }.auth-methods { grid-template-columns: 1fr; }.auth-methods button { min-height: 2.8rem; }.auth-password-fields, .auth-profile-fields, .listing-form-grid, .filter-grid { grid-template-columns: 1fr; }.listing-field-wide { grid-column: auto; }.listing-image-preview { grid-template-columns: repeat(4, minmax(0, 1fr)); }.listing-form-actions, .filter-actions { grid-template-columns: 1fr; }.listing-form-actions .primary-wide, .filter-actions .primary-wide { order: -1; }
  .listing-location-map { height: 15rem; }.listing-location-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }.listing-location-tools button { min-height: 2.75rem; padding: .4rem .35rem; gap: .3rem; font-size: .68rem; }.listing-location-tool-icon { width: 1.35rem; height: 1.35rem; }.listing-location-tool-icon svg { width: .64rem; height: .64rem; }.listing-location-search { grid-template-columns: minmax(0, 1fr) 4.8rem; }.listing-location-search button { min-width: 0; padding-inline: .35rem; }
  .account-settings-form, .account-listings-grid { grid-template-columns: 1fr; }.account-settings-form .account-photo-field, .account-settings-form .account-default-avatar, .account-settings-form .auth-status, .account-settings-form .listing-form-actions, .account-settings-form .account-avatar-picker { grid-column: auto; }.account-avatar-options { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .mobile-menu-dialog { width: min(94vw, 28rem); padding-inline: .85rem; }
  .mobile-menu-list > a,
  .mobile-menu-list > button { min-width: 0; min-height: 3rem; height: auto; padding: .7rem; align-items: flex-start; line-height: 1.4; white-space: normal; }
  .mobile-menu-list > a > span,
  .mobile-menu-list > button > span { min-width: 0; overflow-wrap: anywhere; }
  .section-heading { flex-wrap: wrap; }
  .section-heading-actions { max-width: 100%; flex-wrap: wrap; }
  .account-listing-availability { grid-template-columns: 1fr; }
  .account-listing-actions { grid-template-columns: 1fr; }
  .account-listing-availability button,
  .account-listing-actions button { width: 100%; min-width: 0; height: auto; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
}

@media (max-width: 350px) {
  .category-grid { grid-template-columns: repeat(var(--category-compact-columns, 3), minmax(0, 1fr)); gap: .55rem; }.category-card { padding-inline: .35rem; }.section-heading { align-items: start; }.text-button { padding-inline: .65rem; }
}

@media (max-width: 780px) {
  body { overflow-x: hidden; }
  .header-row { grid-template-columns: 1fr auto; }
  .header-row > .brand { grid-column: 2; grid-row: 1; justify-self: end; }
  .header-actions { grid-column: 1; grid-row: 1; justify-content: start; }
  .header-actions .language-button, .saved-button { display: none; }
  input, select, textarea { font-size: 16px !important; }
  .site-footer { padding-block-end: .9rem; }
  .partner-strip { margin-bottom: 1rem; padding-block: .65rem .75rem; }
  .footer-grid { gap: .45rem; color: #17131f; }
  .footer-grid p, .footer-grid nav { margin: 0; color: #17131f; }
  .footer-mark { width: 2.5rem; height: 2.5rem; }
  .recaptcha-notice { font-size: .68rem; }
  [data-theme="dark"] .footer-grid,
  [data-theme="dark"] .footer-grid p,
  [data-theme="dark"] .footer-grid nav { color: var(--text); }
}

@media (max-width: 520px) {
  .category-grid {
    grid-template-columns: repeat(var(--category-compact-columns, 3), minmax(0, 1fr));
    gap: .45rem;
  }
  .category-card {
    min-height: 5.6rem;
    padding: .55rem .3rem;
    gap: .3rem;
    border-radius: .85rem;
  }
  .category-icon { width: 2.25rem; border-radius: 50%; }
  .category-icon .icon { width: 1.25rem; height: 1.25rem; }
  .category-card > span:nth-child(2) {
    font-size: .68rem;
    line-height: 1.25;
  }
  .category-card small { font-size: .58rem; }
}

@media (max-width: 350px) {
  .category-grid {
    grid-template-columns: repeat(var(--category-compact-columns, 3), minmax(0, 1fr));
    gap: .35rem;
  }
  .category-card { padding-inline: .2rem; }
}

@media (max-width: 780px) {
  body {
    padding-block-end: calc(5.15rem + env(safe-area-inset-bottom));
  }
  .site-header {
    height: auto;
  }
  .header-row,
  .mobile-drawer,
  .drawer-backdrop {
    display: none !important;
  }
  .mobile-header-row {
    min-height: 4.15rem;
    padding-block: max(.35rem, env(safe-area-inset-top)) .35rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .65rem;
  }
  .mobile-header-row > [data-mobile-search-toggle] {
    justify-self: start;
  }
  .mobile-header-row > [data-theme-toggle] {
    justify-self: center;
  }
  .mobile-header-brand {
    justify-self: end;
  }
  .mobile-header-brand .brand-logo {
    width: 3.2rem;
    height: 3.05rem;
  }
  .mobile-top-action {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--text);
    background: var(--surface-2);
    cursor: pointer;
  }
  .mobile-header-search {
    width: var(--shell);
    margin-block: 0 .65rem;
    padding: .3rem .35rem .3rem .75rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface-2);
  }
  [dir="ltr"] .mobile-header-search {
    padding: .3rem .75rem .3rem .35rem;
  }
  .mobile-header-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    color: var(--text);
    background: transparent;
  }
  .mobile-header-search button {
    min-height: 2.35rem;
    padding-inline: .85rem;
    border: 0;
    border-radius: 999px;
    color: var(--on-brand);
    background: var(--brand);
    font-weight: 850;
    cursor: pointer;
  }
  .mobile-bottom-nav {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 75;
    min-height: calc(4.4rem + env(safe-area-inset-bottom));
    padding: .35rem max(.35rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    border-block-start: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface), transparent 3%);
    box-shadow: 0 -12px 30px rgba(30, 43, 56, .12);
    backdrop-filter: blur(18px);
    overscroll-behavior: contain;
    touch-action: manipulation;
    user-select: none;
    transition: transform .2s ease, opacity .2s ease;
  }
  .mobile-nav-item {
    min-width: 0;
    min-height: 3.6rem;
    padding: .3rem .1rem;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    gap: .18rem;
    border: 0;
    border-radius: .75rem;
    color: var(--muted);
    background: transparent;
    font: inherit;
    font-size: clamp(.56rem, 2.45vw, .68rem);
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
    cursor: pointer;
  }
  .mobile-nav-item .icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .mobile-nav-item:hover,
  .mobile-nav-item:focus-visible,
  .mobile-nav-item.is-current {
    color: var(--brand-strong);
    background: var(--brand-soft);
  }
  .mobile-nav-publish {
    position: relative;
    z-index: 1;
    width: min(4.2rem, 17vw);
    height: min(4.2rem, 17vw);
    min-height: 0;
    margin: -1.25rem auto 0;
    padding: .45rem;
    align-self: start;
    justify-content: center;
    border-radius: 50%;
    background: #090909;
    color: #ffffff;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .22);
    white-space: normal;
  }
  .mobile-nav-publish::before {
    content: "";
    position: absolute;
    inset: -.28rem;
    z-index: -1;
    border: 2px solid color-mix(in srgb, #15d9e8, transparent 28%);
    border-inline-end-color: transparent;
    border-radius: 50%;
    box-shadow: 0 0 10px color-mix(in srgb, #00c8dc, transparent 48%);
    animation: mobile-publish-orbit 25.2s linear infinite;
  }
  .mobile-nav-publish:hover,
  .mobile-nav-publish:focus-visible {
    color: #ffffff;
    background: #000000;
  }
  .cookie-notice,
  .install-prompt {
    inset-block-end: calc(5.35rem + env(safe-area-inset-bottom));
  }
  .toast {
    inset-block-end: calc(5.35rem + env(safe-area-inset-bottom));
  }
  body:has(dialog[open]) .mobile-bottom-nav,
  body:has(.mobile-header-search input:focus) .mobile-bottom-nav {
    opacity: 0;
    pointer-events: none;
    transform: translateY(110%);
  }
  .mobile-menu-dialog {
    padding: 1.4rem 1rem;
  }
  .favorites-dialog {
    width: min(96vw, 44rem);
  }
  .mobile-favorites-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .42rem;
  }
}

@keyframes mobile-publish-orbit {
  to { transform: rotate(360deg); }
}

@media (display-mode: standalone) {
  .intro-bar { display: none; }
  .site-header { position: sticky; }
  #categories-section { padding-block-start: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) { .partner-viewport { overflow-x: auto; mask-image: none; }.partner-set[aria-hidden="true"] { display: none; } *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
