@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_extralight.woff") format("woff"),
        url("../fonts/manrope_extralight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_light.woff") format("woff"),
        url("../fonts/manrope_light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_regular.woff") format("woff"),
        url("../fonts/manrope_regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_medium.woff") format("woff"),
        url("../fonts/manrope_medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_semibold.woff") format("woff"),
        url("../fonts/manrope_semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_bold.woff") format("woff"),
        url("../fonts/manrope_bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope_extrabold.woff") format("woff"),
        url("../fonts/manrope_extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg: #fffefc;
    --bg-soft: #f3f3ef;
    --panel: rgba(255, 255, 255, 0.94);
    --panel-strong: #f8f8f4;
    --ink: #171b22;
    --muted: #8c919b;
    --line: rgba(140, 145, 155, 0.18);
    --accent: #2f8f59;
    --accent-dark: #2f8f59;
    --accent-soft: rgba(47, 143, 89, 0.14);
    --secondary: #5e6876;
    --secondary-soft: rgba(94, 104, 118, 0.13);
    --danger: #b3261e;
    --shadow-lg: 0 28px 70px rgba(23, 27, 34, 0.12);
    --shadow-md: 0 18px 36px rgba(23, 27, 34, 0.08);
    --radius-lg: 28px;
    --radius-md: 18px;
    --radius-sm: 12px;
    --container: 1180px;
    --font-body: "Avenir Next", "Segoe UI", sans-serif;
    --font-display: "Trebuchet MS", "Avenir Next", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    color-scheme: light;
}

body {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-body);
    background:
        radial-gradient(circle at top left, rgba(220, 226, 234, 0.78), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(228, 245, 234, 0.86), transparent 24%),
        linear-gradient(180deg, #fffefc 0%, #f8f8f4 52%, #f1f1eb 100%);
}

body.filters-open {
    overflow: hidden;
}

body.location-search-open {
    overflow: hidden;
}

img {
    max-width: 100%;
    display: block;
}

[hidden] {
    display: none !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

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

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

.container {
    width: min(100% - 32px, var(--container));
    margin: 0 auto;
}

.page-shell {
    min-height: 100vh;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, 0.82);
    border-bottom: 1px solid rgba(68, 68, 68, 0.1);
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 0;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.brand__mark {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: white;
    font-family: var(--font-display);
    font-weight: 800;
    letter-spacing: 0.04em;
    background: linear-gradient(135deg, var(--accent) 0%, #d91f26 100%);
    box-shadow: var(--shadow-md);
}

.brand strong,
.hero h1,
.section h1,
.section h2,
.auth-card h1,
.auth-card h2,
.panel h1,
.panel h2 {
    font-family: var(--font-display);
    letter-spacing: -0.03em;
}

.brand small {
    display: block;
    color: var(--muted);
    margin-top: 2px;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-nav a {
    padding: 10px 14px;
    border-radius: 999px;
    color: var(--muted);
    transition: 0.2s ease;
}

.site-nav a:hover,
.site-nav a.is-active {
    color: var(--ink);
    background: rgba(255, 255, 255, 0.75);
}

.nav-toggle {
    display: none;
    border: 0;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
}

.nav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--accent);
    color: white;
    font-size: 12px;
    font-weight: 650;
}

.page-main {
    padding: 24px 0 56px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: white;
    font-weight: 650;
    background: linear-gradient(135deg, var(--accent) 0%, #d91f26 100%);
    box-shadow: 0 12px 26px rgba(217, 31, 38, 0.23);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(217, 31, 38, 0.26);
}

.button--ghost {
    color: var(--ink);
    background: rgba(255, 255, 255, 0.74);
    border-color: rgba(34, 34, 34, 0.08);
    box-shadow: none;
}

.button--subtle {
    color: var(--ink);
    background: var(--accent-soft);
    border-color: transparent;
    box-shadow: none;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--secondary);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    font-weight: 800;
}

.eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.hero {
    padding: 24px 0 12px;
}

.hero__inner {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: 24px;
    align-items: stretch;
}

.hero__copy,
.hero__panel,
.panel,
.auth-card,
.search-form,
.listing-card,
.empty-state,
.site-footer__inner {
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--panel);
    box-shadow: var(--shadow-lg);
}

.hero__copy {
    padding: 42px;
    position: relative;
    overflow: hidden;
}

.hero__copy::after {
    content: "";
    position: absolute;
    inset: auto -10% -30% auto;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(217, 31, 38, 0.14), transparent 65%);
}

.hero__copy h1 {
    margin: 0;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 0.96;
}

.hero__copy p {
    max-width: 640px;
    margin: 18px 0 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.7;
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.hero__note {
    margin-top: 24px;
    padding: 16px 18px;
    border-radius: var(--radius-md);
    color: var(--ink);
    background: rgba(255, 255, 255, 0.68);
}

.hero__note code,
.demo-box code {
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(34, 34, 34, 0.06);
}

.hero__panel {
    padding: 24px;
    display: grid;
    gap: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.94)),
        linear-gradient(135deg, rgba(85, 85, 85, 0.08), rgba(217, 31, 38, 0.08));
}

.stat-card {
    padding: 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(34, 34, 34, 0.08);
}

.stat-card strong {
    display: block;
    font-size: clamp(26px, 4vw, 36px);
    line-height: 1;
}

.stat-card span {
    display: block;
    margin-top: 10px;
    color: var(--muted);
}

.search-panel {
    padding: 16px 0 10px;
}

.search-form {
    padding: 24px;
}

.search-form__grid,
.form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.search-form__actions,
.form-actions,
.detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.section {
    padding: 26px 0;
}

.section--compact {
    padding-top: 0;
}

.section__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.section__header h1,
.section__header h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 44px);
}

.section__header p {
    max-width: 520px;
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

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

.listing-card {
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.listing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 30px 72px rgba(34, 34, 34, 0.16);
}

.listing-card__media {
    position: relative;
    aspect-ratio: 1.3 / 1;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(217, 31, 38, 0.18), rgba(85, 85, 85, 0.12));
}

.listing-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-card__placeholder,
.listing-gallery__placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-family: var(--font-display);
    font-size: 72px;
    font-weight: 800;
    color: white;
    background:
        linear-gradient(135deg, rgba(217, 31, 38, 0.88), rgba(85, 85, 85, 0.8)),
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), transparent 35%);
}

.favorite-form {
    position: absolute;
    top: 14px;
    right: 14px;
}

.favorite-button {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--shadow-md);
}

.favorite-button.is-active {
    color: white;
    background: var(--accent);
}

.listing-card__body {
    padding: 20px;
}

.listing-card__meta,
.owner-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--muted);
    font-size: 13px;
}

.listing-card__title,
.owner-card__title {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.listing-card__excerpt,
.detail-copy,
.conversation-item p,
.auth-card p,
.panel p {
    color: var(--muted);
    line-height: 1.7;
}

.listing-card__footer {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 18px;
}

.listing-card__price,
.owner-card__price,
.detail-price {
    font-size: 28px;
    font-weight: 800;
}

.listing-card__seller,
.listing-card__stats,
.detail-meta {
    color: var(--muted);
    font-size: 14px;
}

.listing-card__stats {
    display: flex;
    align-items: end;
    gap: 10px;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--secondary-soft);
    color: var(--secondary);
    font-size: 13px;
    font-weight: 700;
}

.status-pill--muted {
    background: rgba(34, 34, 34, 0.06);
    color: var(--muted);
}

.alert {
    margin-bottom: 16px;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1px solid transparent;
}

.alert--success {
    color: #444444;
    background: rgba(85, 85, 85, 0.12);
    border-color: rgba(85, 85, 85, 0.2);
}

.alert--warning {
    color: #555555;
    background: rgba(189, 189, 189, 0.14);
    border-color: rgba(189, 189, 189, 0.18);
}

.alert--error {
    color: #d91f26;
    background: rgba(217, 31, 38, 0.12);
    border-color: rgba(217, 31, 38, 0.2);
}

.auth-section {
    padding: 30px 0;
}

.auth-layout,
.dashboard-layout,
.form-layout,
.listing-layout,
.messages-layout {
    display: grid;
    gap: 22px;
}

.auth-layout {
    grid-template-columns: 0.9fr 1.1fr;
}

.auth-card,
.panel {
    padding: 28px;
}

.auth-card--accent,
.panel--intro {
    color: white;
    background:
        linear-gradient(135deg, rgba(68, 68, 68, 0.94), rgba(102, 102, 102, 0.88)),
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 28%);
}

.auth-card--accent p,
.panel--intro p,
.auth-card--accent li,
.panel--intro li {
    color: rgba(255, 255, 255, 0.86);
}

.feature-list {
    margin: 22px 0 0;
    padding-left: 18px;
    line-height: 1.9;
}

.demo-box {
    margin-top: 24px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
}

.demo-box p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.88);
}

.stack-form {
    display: grid;
    gap: 16px;
}

.stack-form label,
.search-form label {
    display: grid;
    gap: 8px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
}

.stack-form label span,
.search-form label span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

input,
select,
textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(51, 51, 51, 0.12);
    border-radius: 16px;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.9);
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(217, 31, 38, 0.5);
    box-shadow: 0 0 0 5px rgba(217, 31, 38, 0.12);
}

textarea {
    resize: vertical;
}

.auth-switch {
    margin: 10px 0 0;
}

.auth-switch a {
    color: var(--accent-dark);
    font-weight: 700;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 12px;
}

.dashboard-layout {
    grid-template-columns: 0.85fr 1.15fr;
}

.panel__header {
    margin-bottom: 18px;
}

.panel__header h2 {
    margin: 0 0 8px;
    font-size: 30px;
}

.owner-list {
    display: grid;
    gap: 14px;
}

.owner-card {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.62);
}

.owner-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.form-layout {
    grid-template-columns: 0.75fr 1.25fr;
}

.checkbox-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.checkbox-row input {
    width: 18px;
    height: 18px;
    margin: 0;
}

.file-input small,
.file-input__hint {
    color: var(--muted);
}

.image-manager {
    display: grid;
    gap: 14px;
}

.image-manager__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.image-tile {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.7);
}

.image-tile img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 14px;
}

.image-tile span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.image-tile input {
    width: 16px;
    height: 16px;
    margin: 0;
}

.listing-layout {
    grid-template-columns: 1.1fr 0.9fr;
    align-items: start;
}

.listing-gallery {
    display: grid;
    gap: 14px;
}

.listing-gallery__main {
    overflow: hidden;
    border-radius: 24px;
}

.listing-gallery__main img {
    width: 100%;
    aspect-ratio: 1.15 / 1;
    object-fit: cover;
}

.listing-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.listing-gallery__thumbs img {
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    object-fit: cover;
}

.detail-top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: start;
}

.detail-top h1 {
    margin: 10px 0 0;
    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.02;
}

.detail-price {
    margin-top: 18px;
}

.detail-block {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.detail-block h2 {
    margin: 0 0 12px;
}

.detail-block p {
    margin: 8px 0;
}

.detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
}

.empty-state {
    padding: 36px;
    text-align: center;
}

.empty-state--small {
    padding: 26px;
}

.empty-state h3 {
    margin: 0 0 10px;
    font-size: 26px;
}

.empty-state p {
    max-width: 560px;
    margin: 0 auto 18px;
    color: var(--muted);
    line-height: 1.7;
}

.messages-layout {
    grid-template-columns: 0.85fr 1.15fr;
    align-items: start;
}

.conversation-list {
    display: grid;
    gap: 12px;
}

.conversation-item {
    display: block;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(51, 51, 51, 0.08);
    background: rgba(255, 255, 255, 0.58);
    transition: 0.18s ease;
}

.conversation-item:hover,
.conversation-item.is-active {
    border-color: rgba(217, 31, 38, 0.24);
    background: rgba(255, 255, 255, 0.9);
}

.conversation-item__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.conversation-item__listing {
    margin-top: 6px;
    font-weight: 700;
}

.conversation-item p {
    margin: 10px 0;
}

.chat-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.chat-header h2 {
    margin: 6px 0;
}

.chat-thread {
    display: grid;
    gap: 12px;
    margin: 22px 0;
}

.chat-bubble {
    max-width: 78%;
    padding: 16px 18px;
    border-radius: 22px 22px 22px 6px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(51, 51, 51, 0.08);
}

.chat-bubble.is-own {
    margin-left: auto;
    border-radius: 22px 22px 6px 22px;
    color: white;
    background: linear-gradient(135deg, var(--accent) 0%, #d91f26 100%);
}

.chat-bubble p {
    margin: 8px 0;
    line-height: 1.65;
}

.chat-bubble small {
    opacity: 0.8;
}

.chat-form {
    padding-top: 18px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.site-footer {
    padding: 0 0 36px;
}

.site-footer__inner {
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.site-footer__inner p {
    margin: 6px 0 0;
    color: var(--muted);
}

.site-footer__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--muted);
}

@media (max-width: 1120px) {
    .hero__inner,
    .auth-layout,
    .dashboard-layout,
    .form-layout,
    .listing-layout,
    .messages-layout {
        grid-template-columns: 1fr;
    }

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

/* iPhone-style full-screen city picker for mobile filters. */
@media (max-width: 820px) {
    [data-mobile-location-picker] .auth-city__results,
    [data-mobile-location-picker] .auth-city__message {
        display: none !important;
    }

    .location-search-screen.is-city-picker {
        z-index: 10020 !important;
        background: #171714 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__panel {
        width: 100% !important;
        height: 100% !important;
        display: grid !important;
        grid-template-rows: auto auto minmax(0, 1fr) !important;
        padding: calc(env(safe-area-inset-top, 0px) + 16px) 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #f4f4ef !important;
        background: #171714 !important;
        box-shadow: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__header {
        min-height: 50px !important;
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) 52px !important;
        align-items: center !important;
        gap: 0 !important;
        padding: 0 16px 18px !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__back,
    .location-search-screen.is-city-picker .location-search-screen__back:hover,
    .location-search-screen.is-city-picker .location-search-screen__back:focus-visible {
        width: 52px !important;
        height: 52px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #f4f4ef !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__back svg {
        width: 34px !important;
        height: 34px !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__copy {
        min-width: 0 !important;
        display: grid !important;
        justify-items: center !important;
        gap: 0 !important;
        text-align: center !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__copy strong {
        color: #f4f4ef !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 21px !important;
        font-weight: 700 !important;
        line-height: 27px !important;
        letter-spacing: 0 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__copy span {
        display: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search {
        min-height: 56px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 16px 28px !important;
        padding: 0 18px 0 58px !important;
        border: 0 !important;
        border-radius: 20px !important;
        color: #b9bbb4 !important;
        background: #20211d !important;
        box-shadow: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search svg {
        left: 18px !important;
        width: 28px !important;
        height: 28px !important;
        color: #b9bbb4 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search input,
    .location-search-screen.is-city-picker .location-search-screen__search input:focus {
        height: 100% !important;
        color: #f4f4ef !important;
        caret-color: #f4f4ef !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 21px !important;
        letter-spacing: 0 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search input::placeholder {
        color: rgba(169, 169, 159, 0.42) !important;
        opacity: 1 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__results {
        display: grid !important;
        align-content: start !important;
        gap: 0 !important;
        padding: 0 16px calc(max(env(safe-area-inset-bottom, 0px), 24px) + 24px) !important;
        overflow-y: auto !important;
        background: transparent !important;
        scrollbar-width: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__results::-webkit-scrollbar {
        display: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__option,
    .location-search-screen.is-city-picker .location-search-screen__option:hover,
    .location-search-screen.is-city-picker .location-search-screen__option:focus {
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #f4f4ef !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 23px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__option-mark {
        display: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__empty {
        display: grid !important;
        gap: 4px !important;
        padding: 4px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #a9a99f !important;
        background: transparent !important;
        text-align: left !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__empty strong {
        color: #f4f4ef !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__empty span {
        color: #a9a99f !important;
        font-size: 13px !important;
        line-height: 18px !important;
    }
}

@media (max-width: 820px) {
    .site-header__inner {
        flex-wrap: wrap;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .site-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        padding-top: 8px;
    }

    .site-nav.is-open {
        display: flex;
    }

    .site-nav a,
    .site-nav .button {
        width: 100%;
    }

    .search-form__grid,
    .form-grid,
    .stats-grid,
    .image-manager__grid {
        grid-template-columns: 1fr;
    }

    .listing-grid {
        grid-template-columns: 1fr;
    }

    .section__header,
    .site-footer__inner,
    .chat-header,
    .detail-top,
    .owner-card,
    .owner-card__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form,
    .listing-card,
    .empty-state {
        border-radius: 24px;
    }

    .hero__copy {
        padding: 28px;
    }

    .chat-bubble {
        max-width: 100%;
    }
}

/* Bazar 2 redesign */

:root {
    --bg: #f7f7f7;
    --bg-soft: #ffffff;
    --panel: rgba(255, 255, 255, 0.96);
    --panel-strong: #ffffff;
    --surface-muted: #f2f2f2;
    --ink: #111111;
    --muted: #777777;
    --line: rgba(17, 17, 17, 0.08);
    --accent: #111111;
    --accent-dark: #000000;
    --accent-soft: rgba(17, 17, 17, 0.06);
    --secondary: #777777;
    --secondary-soft: rgba(119, 119, 119, 0.08);
    --danger: #d91f26;
    --shadow-lg: 0 24px 60px rgba(17, 17, 17, 0.08);
    --shadow-md: 0 14px 32px rgba(17, 17, 17, 0.07);
    --radius-lg: 30px;
    --radius-md: 22px;
    --radius-sm: 16px;
    --container: 1240px;
    --font-body: "SF Pro Text", "Avenir Next", "Segoe UI", sans-serif;
    --font-display: "SF Pro Display", "Avenir Next", "Trebuchet MS", sans-serif;
}

body {
    color: var(--ink);
    font-family: var(--font-body);
    background:
        radial-gradient(circle at top left, rgba(189, 189, 189, 0.18), transparent 28%),
        radial-gradient(circle at right 14%, rgba(255, 255, 255, 0.18), transparent 20%),
        linear-gradient(180deg, #ffffff 0%, #f7f7f7 38%, #f2f2f2 100%);
}

.container {
    width: min(100% - 24px, var(--container));
}

.page-shell {
    min-height: 100vh;
    position: relative;
}

.page-main {
    padding: 10px 0 126px;
}

.page-alerts {
    margin-bottom: 10px;
}

.page-alerts:empty {
    display: none;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    border-bottom: 1px solid rgba(17, 17, 17, 0.04);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(22px);
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0 12px;
}

.site-header__intro,
.site-header__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand {
    gap: 12px;
}

.brand__mark {
    width: 38px;
    height: 38px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.brand__mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand__dot {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.brand__dot--green {
    left: 1px;
    top: 15px;
    background: #aaaaaa;
}

.brand__dot--purple {
    left: 10px;
    top: 1px;
    width: 10px;
    height: 10px;
    background: #888888;
}

.brand__dot--blue {
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background: #999999;
}

.brand__dot--pink {
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    background: #d91f26;
}

.brand__mark--small {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
}

.brand__mark--small .brand__dot--green {
    left: 0;
    top: 11px;
    width: 11px;
    height: 11px;
}

.brand__mark--small .brand__dot--purple {
    left: 7px;
    top: 1px;
    width: 7px;
    height: 7px;
}

.brand__mark--small .brand__dot--blue {
    right: 0;
    top: 0;
    width: 13px;
    height: 13px;
}

.brand__mark--small .brand__dot--pink {
    right: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
}

.brand__copy strong {
    font-size: 18px;
    line-height: 1;
}

.brand__copy small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
}

.header-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(17, 17, 17, 0.05);
}

.header-label::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #aaaaaa;
}

.header-chip,
.header-avatar,
.site-nav a,
.site-nav__utility,
.button,
.icon-button,
.quick-chip {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.header-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    color: var(--ink);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(17, 17, 17, 0.05);
    box-shadow: var(--shadow-md);
}

.header-chip:hover,
.header-avatar:hover,
.site-nav a:hover,
.quick-chip:hover,
.button:hover,
.icon-button:hover {
    transform: translateY(-1px);
}

.header-avatar {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: white;
    font-weight: 800;
    background: linear-gradient(180deg, #111111 0%, #000000 100%);
}

.nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 18px;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--shadow-md);
}

.nav-toggle svg,
.icon-button svg,
.dock-item svg {
    width: 20px;
    height: 20px;
    display: block;
}

.site-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 0 14px;
}

.site-nav a,
.site-nav__utility {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    color: var(--muted);
    background: transparent;
}

.site-nav a.is-active,
.site-nav a:hover,
.site-nav__utility:hover {
    color: var(--ink);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--shadow-md);
}

.site-nav__utility {
    margin-left: auto;
    color: var(--danger);
}

.nav-badge {
    min-width: 20px;
    height: 20px;
    margin-left: 8px;
    background: #111111;
    color: white;
}

.hero,
.search-panel,
.section,
.auth-section {
    padding-top: 10px;
}

.hero__inner,
.auth-layout,
.dashboard-layout,
.form-layout,
.listing-layout,
.messages-layout {
    display: grid;
    gap: 16px;
}

.hero__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
}

.hero__copy,
.hero__panel,
.panel,
.auth-card,
.search-form,
.listing-card,
.empty-state,
.site-footer__inner {
    border: 1px solid var(--line);
    border-radius: 28px;
    background: var(--panel);
    box-shadow: var(--shadow-lg);
}

.hero__copy,
.hero__panel,
.panel,
.auth-card,
.search-form {
    padding: 20px;
}

.hero__headline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.hero__pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    color: var(--ink);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: var(--surface-muted);
}

.hero__pill::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #aaaaaa;
}

.hero__copy h1,
.section__header h1,
.section__header h2,
.auth-card h1,
.auth-card h2,
.panel h1,
.panel h2,
.detail-top h1 {
    margin: 14px 0 0;
    font-family: var(--font-display);
    font-size: clamp(34px, 4.4vw, 56px);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.hero__copy p,
.section__header p,
.listing-card__location,
.listing-card__excerpt,
.auth-card p,
.panel p,
.detail-copy,
.empty-state p,
.conversation-item p {
    color: var(--muted);
    line-height: 1.65;
}

.hero__copy p {
    margin: 16px 0 0;
    max-width: 56ch;
    font-size: 16px;
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.hero__note {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 18px;
    padding: 10px 12px;
    border-radius: 20px;
    background: var(--surface-muted);
}

.hero__note-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: white;
    font-size: 12px;
    font-weight: 800;
    background: #111111;
}

.hero__note code,
.demo-box code {
    padding: 6px 10px;
    border-radius: 999px;
    background: white;
}

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

.stat-card {
    padding: 20px 16px;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
    border: 1px solid rgba(17, 17, 17, 0.06);
}

.stat-card strong {
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1;
}

.stat-card span {
    margin-top: 10px;
    color: var(--muted);
    font-size: 13px;
}

.eyebrow {
    margin-bottom: 10px;
    color: var(--muted);
    font-size: 12px;
    letter-spacing: 0.08em;
}

.eyebrow::before {
    width: 16px;
    background: rgba(17, 17, 17, 0.24);
}

.search-form--market {
    padding: 16px;
}

.search-form__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
}

.search-field {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 0 16px;
    border-radius: 24px;
    background: var(--surface-muted);
}

.search-field input {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: clamp(18px, 2.4vw, 22px);
    color: var(--ink);
}

.search-field input::placeholder {
    color: #888888;
}

.icon-button {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 22px;
    color: var(--ink);
    background: #ffffff;
    box-shadow: var(--shadow-md);
}

.icon-button--accent {
    color: white;
    background: #111111;
}

.search-form__summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.pill-input,
.pill-select {
    display: grid;
    gap: 8px;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: #ffffff;
}

.pill-input span,
.pill-select span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.pill-input input,
.pill-select select {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: 16px;
}

.search-form__advanced {
    margin-top: 12px;
    display: grid;
    gap: 12px;
}

.search-form__grid,
.form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.stack-form label,
.search-form label {
    display: grid;
    gap: 8px;
}

.stack-form label span,
.search-form label span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

input,
select,
textarea {
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: #ffffff;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(17, 17, 17, 0.2);
    box-shadow: 0 0 0 5px rgba(17, 17, 17, 0.06);
}

.search-form__actions,
.form-actions,
.detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
}

.quick-categories {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 14px 2px 2px;
    scrollbar-width: none;
}

.quick-categories::-webkit-scrollbar {
    display: none;
}

.quick-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    color: var(--ink);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(17, 17, 17, 0.06);
}

.quick-chip.is-active {
    color: white;
    background: #111111;
}

.button {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 18px;
    color: white;
    font-weight: 700;
    background: linear-gradient(180deg, #111111 0%, #000000 100%);
    box-shadow: none;
}

.button--ghost {
    color: var(--ink);
    background: #ffffff;
    border-color: rgba(17, 17, 17, 0.08);
}

.button--subtle {
    color: var(--ink);
    background: var(--surface-muted);
    border-color: rgba(17, 17, 17, 0.06);
}

.button--compact {
    min-height: 44px;
    padding: 0 14px;
}

.section {
    padding: 14px 0 20px;
}

.section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.section__header h1,
.section__header h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
}

.section__header p {
    max-width: 42ch;
    margin: 0;
    font-size: 15px;
}

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

.listing-grid > *,
.listing-grid--feed > * {
    min-width: 0;
}

.listing-card {
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 26px;
    background: white;
    cursor: pointer;
    touch-action: manipulation;
    transform-origin: center;
    will-change: transform, box-shadow;
    transition:
        transform 0.16s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.16s cubic-bezier(0.22, 1, 0.36, 1);
}

.listing-card__media {
    position: relative;
    aspect-ratio: 1 / 1.06;
    overflow: hidden;
    background: linear-gradient(135deg, #f7f7f7, #f2f2f2);
}

.listing-card--wide {
    grid-column: span 2;
}

.listing-card--wide .listing-card__media {
    aspect-ratio: 2.05 / 1;
}

.listing-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 0.18s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease;
}

[data-image-loader-frame] {
    --image-loader-size: 36px;
    --image-loader-ring: 3px;
    --image-loader-accent: #d91f26;
    position: relative;
    isolation: isolate;
}

.listing-card__media[data-image-loader-frame] {
    --image-loader-size: 42px;
}

[data-image-loader] {
    opacity: 1;
    transition: opacity 0.28s ease;
}

[data-image-loader-frame].is-image-loading [data-image-loader] {
    opacity: 0;
}

[data-image-loader-frame].is-image-loading::before,
[data-image-loader-frame].is-image-loading::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

[data-image-loader-frame].is-image-loading::before {
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            110deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.96) 34%,
            rgba(255, 255, 255, 0.98) 50%,
            rgba(255, 255, 255, 0.96) 66%,
            rgba(255, 255, 255, 0.96) 100%
        );
    background-size: 220% 100%;
    animation: imageLoaderShimmer 1.15s ease-in-out infinite;
}

[data-image-loader-frame].is-image-loading::after {
    top: 50%;
    left: 50%;
    z-index: 2;
    width: var(--image-loader-size);
    height: var(--image-loader-size);
    border: var(--image-loader-ring) solid rgba(255, 255, 255, 0.72);
    border-top-color: var(--image-loader-accent);
    border-right-color: rgba(85, 85, 85, 0.62);
    border-radius: 50%;
    box-shadow:
        0 12px 28px rgba(17, 17, 17, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.18);
    transform: translate(-50%, -50%);
    animation: imageLoaderSpin 0.78s linear infinite;
}

[data-image-loader-frame].is-image-ready [data-image-loader] {
    animation: imageLoaderFadeIn 0.3s ease both;
}

@keyframes imageLoaderShimmer {
    0% {
        background-position: 180% 0;
    }

    100% {
        background-position: -80% 0;
    }
}

@keyframes imageLoaderSpin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes imageLoaderSpinVisible {
    to {
        transform: rotate(360deg);
    }
}

@keyframes imageLoaderFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.listing-card__overlay {
    position: absolute;
    inset: 12px 12px auto 12px;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.listing-card__chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    background: rgba(17, 17, 17, 0.68);
    backdrop-filter: blur(12px);
}

.listing-card__service-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.18);
}

.listing-card__service-badge--vip {
    color: #251b00;
    background: #ffc02e;
}

.listing-card__service-badge--turbo {
    background: #ff5a2a;
}

.listing-card__placeholder,
.listing-gallery__placeholder {
    display: grid;
    place-items: center;
    font-size: 64px;
    font-weight: 800;
    color: white;
    background:
        linear-gradient(180deg, rgba(17, 17, 17, 0.84), rgba(34, 34, 34, 0.74)),
        linear-gradient(135deg, rgba(119, 119, 119, 0.28), rgba(255, 255, 255, 0.24));
}

.favorite-form {
    position: static;
    flex: 0 0 auto;
}

.favorite-button {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 16px;
    color: #222222;
    appearance: none;
    -webkit-appearance: none;
    background: rgba(17, 17, 17, 0);
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    outline: none;
    transition: background-color 0.16s ease, transform 0.16s ease, color 0.16s ease;
}

.favorite-button__icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.favorite-button__icon svg {
    width: 24px;
    height: 24px;
}

.favorite-button__icon path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.favorite-button.is-active {
    color: #d91f26;
    background: transparent;
    box-shadow: none;
}

.favorite-button.is-active .favorite-button__icon path {
    fill: currentColor;
}

.favorite-button:active {
    background: rgba(17, 17, 17, 0.06);
    transform: scale(0.96);
}

.favorite-button.is-active:active {
    background: transparent;
}

.favorite-button:focus-visible {
    background: rgba(17, 17, 17, 0.05);
    box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.08);
}

.listing-card__headline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
    min-width: 0;
    height: 42px;
    overflow: hidden;
}

.listing-card__body {
    min-width: 0;
    padding: 14px 16px 16px;
    transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
    .listing-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 24px 42px rgba(17, 17, 17, 0.1);
    }

    .listing-card:hover .listing-card__media img {
        transform: scale(1.03);
    }
}

.listing-card.is-pressed {
    transform: scale(0.952);
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.1);
}

.listing-card.is-pressed .listing-card__media img {
    transform: scale(0.985);
}

.listing-card.is-pressed .listing-card__body {
    transform: translateY(2px);
}

.listing-card.is-releasing {
    transform: scale(1.012);
    box-shadow: 0 22px 38px rgba(17, 17, 17, 0.12);
}

.listing-card.is-releasing .listing-card__media img {
    transform: scale(1.025);
}

.listing-card.is-releasing .listing-card__body {
    transform: translateY(-1px);
}

.listing-card__title,
.owner-card__title {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    margin-top: 0;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.16;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.listing-card__price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    margin-top: 5px;
}

.listing-card__price,
.owner-card__price,
.detail-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}

.listing-card__location,
.listing-card__meta-line,
.listing-card__seller,
.listing-card__stats,
.detail-meta,
.owner-card__meta {
    color: var(--muted);
}

.listing-card__meta-stack {
    display: grid;
    gap: 2px;
    min-width: 0;
    margin-top: 5px;
}

.listing-card__location {
    min-width: 0;
    margin-top: 5px;
    font-size: 14px;
}

.listing-card__meta-stack .listing-card__location {
    margin-top: 0;
}

.listing-card__date {
    min-width: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.listing-card__excerpt {
    margin: 6px 0 0;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (prefers-reduced-motion: reduce) {
    .listing-card,
    .listing-card__media img,
    [data-image-loader],
    .listing-card__body {
        transition: none;
    }

    [data-image-loader-frame].is-image-loading::before,
    [data-image-loader-frame].is-image-loading::after,
    [data-image-loader-frame].is-image-ready [data-image-loader] {
        animation: none;
    }
}

@media (hover: hover) {
    .favorite-button:not(.is-active):hover {
        color: #111111;
        background: rgba(17, 17, 17, 0.04);
    }

    .favorite-button.is-active:hover {
        color: #d91f26;
        background: transparent;
    }
}

.status-pill {
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    background: rgba(119, 119, 119, 0.08);
    color: var(--secondary);
}

.status-pill--muted {
    background: rgba(17, 17, 17, 0.06);
    color: var(--muted);
}

.status-pill--pending {
    color: #5b3a00;
    background: rgba(255, 192, 46, 0.22);
}

.alert {
    margin-bottom: 12px;
    border-radius: 18px;
    border-color: rgba(17, 17, 17, 0.04);
    background: rgba(255, 255, 255, 0.92);
}

.alert--success {
    color: #555555;
    background: rgba(170, 170, 170, 0.12);
    border-color: rgba(170, 170, 170, 0.16);
}

.alert--warning {
    color: #666666;
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.2);
}

.alert--error {
    color: #d91f26;
    background: rgba(217, 31, 38, 0.12);
    border-color: rgba(217, 31, 38, 0.16);
}

.auth-layout {
    grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);
}

.auth-layout--single {
    grid-template-columns: minmax(0, 740px);
    justify-content: center;
}

.auth-section {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 220px);
    padding: clamp(22px, 5vw, 58px) 0 clamp(34px, 6vw, 78px);
}

.auth-section::before {
    content: "";
    position: absolute;
    inset: 10px 0 auto;
    z-index: -1;
    height: min(560px, 78vh);
    pointer-events: none;
    opacity: 0.78;
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.035) 1px, transparent 1px) 0 0 / 72px 72px,
        linear-gradient(180deg, rgba(17, 17, 17, 0.035) 1px, transparent 1px) 0 0 / 72px 72px;
    mask-image: linear-gradient(180deg, transparent 0%, #000000 16%, #000000 74%, transparent 100%);
}

.auth-card--premium {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: clamp(26px, 4.4vw, 46px);
    border-color: rgba(17, 17, 17, 0.07);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.92) 100%);
    box-shadow:
        0 34px 86px rgba(17, 17, 17, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.95) inset;
}

.auth-card--premium::before,
.auth-card--premium::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.auth-card--premium::before {
    inset: 0 0 auto;
    height: 7px;
    background: linear-gradient(90deg, var(--ink), rgba(17, 17, 17, 0.42), rgba(17, 17, 17, 0.08));
}

.auth-card--premium::after {
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, transparent 34%),
        linear-gradient(90deg, transparent 0%, rgba(17, 17, 17, 0.026) 52%, transparent 100%);
}

.auth-card--premium > * {
    position: relative;
    z-index: 1;
}

.auth-card__header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 28px;
}

.auth-card__mark {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    color: #ffffff;
    background: linear-gradient(180deg, var(--ink) 0%, var(--accent-dark) 100%);
    box-shadow:
        0 18px 34px rgba(17, 17, 17, 0.2),
        0 1px 0 rgba(255, 255, 255, 0.18) inset;
}

.auth-card__mark svg {
    width: 30px;
    height: 30px;
}

.auth-card__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.auth-card--premium h2 {
    margin: 0;
    font-size: clamp(34px, 4.4vw, 54px);
    line-height: 0.98;
    letter-spacing: 0;
}

.auth-social {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}

.auth-social:empty {
    display: none;
}

.auth-social__google {
    text-decoration: none;
}

.auth-social__divider {
    margin: 0;
}

.stack-form--auth {
    gap: 14px;
}

.stack-form--register {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-field {
    position: relative;
    display: block;
}

.auth-field > span:not([class]),
.auth-field__label {
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 1;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: color 0.18s ease;
}

.auth-field input {
    min-height: 66px;
    padding: 29px 18px 11px;
    border-radius: 21px;
    border-color: rgba(17, 17, 17, 0.07);
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.92) 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.96) inset;
}

.auth-field input::placeholder {
    color: rgba(119, 119, 119, 0.72);
}

.auth-field:focus-within > span:not([class]),
.auth-field:focus-within .auth-field__label {
    color: var(--ink);
}

.auth-field:focus-within input {
    border-color: rgba(17, 17, 17, 0.24);
    box-shadow:
        0 0 0 5px rgba(17, 17, 17, 0.055),
        0 1px 0 rgba(255, 255, 255, 0.96) inset;
}

.auth-submit {
    width: 100%;
    min-height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 6px;
    padding: 0 18px 0 22px;
    border-radius: 21px;
    font-size: 16px;
    box-shadow: 0 18px 38px rgba(17, 17, 17, 0.18);
}

.stack-form--register .auth-submit {
    grid-column: 1 / -1;
}

.auth-submit svg {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
}

.auth-submit:hover {
    box-shadow: 0 22px 44px rgba(17, 17, 17, 0.22);
}

.auth-card--premium .auth-switch {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 20px 0 0;
    padding-top: 20px;
    border-top: 1px solid rgba(17, 17, 17, 0.07);
    color: var(--muted);
    font-size: 14px;
    text-align: center;
}

.auth-card--premium .auth-switch a {
    color: var(--ink);
    font-weight: 800;
}

.auth-card--accent,
.panel--intro {
    color: white;
    background:
        linear-gradient(180deg, rgba(17, 17, 17, 0.96), rgba(34, 34, 34, 0.9)),
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.1), transparent 26%);
}

.auth-card--accent p,
.panel--intro p,
.auth-card--accent li,
.panel--intro li {
    color: rgba(255, 255, 255, 0.8);
}

.demo-box,
.owner-card,
.conversation-item,
.image-tile {
    background: #ffffff;
    border-color: rgba(17, 17, 17, 0.07);
    box-shadow: none;
}

.demo-box {
    border-radius: 20px;
}

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

.dashboard-layout {
    grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
}

.owner-card {
    border-radius: 22px;
}

.owner-card__actions {
    align-items: flex-start;
}

.checkbox-row {
    align-items: center;
    gap: 10px;
}

.listing-layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

.listing-gallery__main,
.listing-gallery__thumbs img {
    border-radius: 24px;
}

.detail-top h1 {
    font-size: clamp(30px, 4vw, 46px);
}

.detail-price {
    margin-top: 18px;
}

.detail-copy {
    margin-top: 16px;
}

.detail-block {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(17, 17, 17, 0.06);
}

.empty-state {
    padding: 34px 22px;
}

.empty-state h3 {
    margin: 0 0 8px;
    font-size: 26px;
}

.messages-layout {
    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr);
}

.conversation-item {
    border-radius: 22px;
}

.conversation-item.is-active,
.conversation-item:hover {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
}

.chat-thread {
    gap: 10px;
}

.chat-bubble {
    max-width: 78%;
    border-radius: 22px 22px 22px 10px;
    background: #f7f7f7;
    border-color: rgba(17, 17, 17, 0.06);
}

.chat-bubble.is-own {
    color: white;
    background: linear-gradient(180deg, #111111 0%, #000000 100%);
}

.site-footer {
    padding: 0 0 112px;
}

.site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
}

.site-footer__inner p,
.site-footer__meta {
    color: var(--muted);
}

.mobile-dock {
    position: fixed;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);
    z-index: 50;
    width: min(calc(100% - 24px), 760px);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 30px;
    color: #111111;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.42) 38%, rgba(255, 255, 255, 0.64) 100%),
        linear-gradient(115deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.18) 24%, rgba(255, 255, 255, 0.08) 58%, rgba(255, 255, 255, 0.58) 100%),
        rgba(255, 255, 255, 0.54);
    box-shadow:
        0 34px 80px rgba(17, 17, 17, 0.24),
        0 10px 28px rgba(17, 17, 17, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -24px 52px rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(40px) saturate(2.2) brightness(1.08) contrast(1.08);
    -webkit-backdrop-filter: blur(40px) saturate(2.2) brightness(1.08) contrast(1.08);
    transform: translateX(-50%);
}

.mobile-dock::before,
.mobile-dock::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.mobile-dock::before {
    inset: 1px;
    z-index: 0;
    border-radius: 29px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.16) 46%, rgba(255, 255, 255, 0.5)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.44), transparent 16%, transparent 84%, rgba(255, 255, 255, 0.48));
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.46),
        inset 8px 0 18px rgba(255, 255, 255, 0.2),
        inset -12px 0 18px rgba(255, 255, 255, 0.16),
        inset 0 -18px 32px rgba(17, 17, 17, 0.06);
}

.mobile-dock::after {
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow:
        inset 0 2px 1px rgba(255, 255, 255, 0.92),
        inset 0 -2px 1px rgba(255, 255, 255, 0.46),
        inset 14px 0 18px rgba(255, 255, 255, 0.2),
        inset -14px 0 18px rgba(17, 17, 17, 0.05);
}

.dock-item {
    position: relative;
    z-index: 1;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 62px;
    padding: 8px 6px;
    border-radius: 22px;
    color: rgba(17, 17, 17, 0.84);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.05;
    text-align: center;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92),
        0 8px 18px rgba(255, 255, 255, 0.55);
    transition: color 0.2s ease, transform 0.2s ease;
}

.dock-item > * {
    position: relative;
    z-index: 1;
}

.dock-item::before,
.dock-item::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.dock-item::before {
    inset: 0;
    z-index: 0;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: inherit;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.14)),
        linear-gradient(105deg, rgba(255, 255, 255, 0.55), transparent 34%, rgba(255, 255, 255, 0.26));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        inset 0 -10px 18px rgba(255, 255, 255, 0.16),
        0 10px 22px rgba(17, 17, 17, 0.06);
}

.dock-item::after {
    inset: auto 13px 5px;
    z-index: 0;
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.34);
    filter: blur(10px);
}

.dock-item:hover {
    color: #111111;
    transform: translateY(-1px);
}

.dock-item:hover::before,
.dock-item:hover::after {
    opacity: 1;
}

.dock-item__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dock-item svg {
    filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.86))
        drop-shadow(0 7px 14px rgba(255, 255, 255, 0.46));
}

.dock-item.is-active {
    color: #111111;
    transform: translateY(-1px);
}

.dock-item.is-active::before {
    inset: 0;
    z-index: 0;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.7);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.3) 58%, rgba(255, 255, 255, 0.58)),
        linear-gradient(112deg, rgba(255, 255, 255, 0.95), transparent 30%, rgba(255, 255, 255, 0.34) 78%);
    box-shadow:
        0 15px 32px rgba(17, 17, 17, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        inset 0 -14px 24px rgba(255, 255, 255, 0.24),
        inset 10px 0 16px rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(22px) saturate(1.5) brightness(1.06);
    -webkit-backdrop-filter: blur(22px) saturate(1.5) brightness(1.06);
}

.dock-item.is-active::after {
    inset: auto 14px 5px;
    z-index: 0;
    opacity: 1;
    height: 14px;
    background: rgba(255, 255, 255, 0.48);
    filter: blur(11px);
}

.dock-item__badge {
    position: absolute;
    top: -4px;
    right: -8px;
    min-width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 999px;
    color: white;
    font-size: 10px;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(17, 17, 17, 0.88);
    box-shadow:
        0 8px 18px rgba(17, 17, 17, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

@media (max-width: 1180px) {
    .hero__inner,
    .listing-layout,
    .messages-layout,
    .auth-layout,
    .dashboard-layout,
    .form-layout {
        grid-template-columns: 1fr;
    }

    .listing-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .nav-toggle {
        display: inline-flex;
    }

    .site-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        padding: 0 0 14px;
    }

    .site-nav.is-open {
        display: flex;
    }

    .site-nav a,
    .site-nav__utility {
        width: 100%;
        justify-content: space-between;
        padding: 0 14px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: var(--shadow-md);
    }

    .site-nav__utility {
        margin-left: 0;
    }

    .hero__panel {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .section__header,
    .site-footer__inner,
    .chat-header,
    .detail-top,
    .owner-card,
    .owner-card__actions,
    .hero__headline {
        flex-direction: column;
        align-items: stretch;
    }

    .search-form__grid,
    .stats-grid,
    .image-manager__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-header__inner {
        align-items: flex-start;
    }

    .header-label {
        display: none;
    }
}

@media (max-width: 620px) {
    .container {
        width: min(100% - 18px, var(--container));
    }

    .page-main {
        padding-bottom: 118px;
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form,
    .listing-card,
    .empty-state,
    .site-footer__inner {
        border-radius: 24px;
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form {
        padding: 16px;
    }

    .hero__copy h1,
    .section__header h1,
    .section__header h2,
    .auth-card h1,
    .auth-card h2,
    .panel h1,
    .panel h2,
    .detail-top h1 {
        font-size: clamp(28px, 9vw, 40px);
    }

    .search-form__top {
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 10px;
    }

    .search-form__summary,
    .search-form__grid,
    .form-grid,
    .stats-grid,
    .image-manager__grid {
        grid-template-columns: 1fr;
    }

    .search-field {
        min-height: 58px;
    }

    .icon-button {
        width: 52px;
        height: 52px;
        border-radius: 18px;
    }

    .listing-card__body {
        padding: 12px 12px 14px;
    }

    .listing-card__title {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.18;
    }

    .listing-card__price {
        font-size: 16px;
        font-weight: 700;
    }

    .listing-card__excerpt {
        display: none;
    }

    .mobile-dock {
        width: calc(100% - 18px);
        padding: 8px;
        border-radius: 26px;
    }

    .dock-item {
        min-height: 58px;
        font-size: 10px;
    }

    .site-header__intro {
        min-width: 0;
    }

    .brand__copy small {
        font-size: 12px;
    }

    .header-chip {
        display: none;
    }

    .button--compact {
        min-height: 40px;
    }
}

@media (max-width: 520px) {
    .hero__panel {
        grid-template-columns: 1fr;
    }

    .search-form__advanced {
        display: none;
    }

    .search-form__advanced.is-open {
        display: grid;
    }
}

@media (max-width: 720px) {
    .auth-section {
        min-height: auto;
        padding: 18px 0 36px;
    }

    .auth-section::before {
        inset: 0;
        height: 420px;
        background-size: 56px 56px;
    }

    .auth-layout--single {
        grid-template-columns: minmax(0, 1fr);
    }

    .auth-card--premium {
        padding: 22px;
        border-radius: 26px;
    }

    .auth-card__header {
        gap: 14px;
        margin-bottom: 22px;
    }

    .auth-card__mark {
        width: 54px;
        height: 54px;
        border-radius: 20px;
    }

    .auth-card__mark svg {
        width: 26px;
        height: 26px;
    }

    .stack-form--register {
        grid-template-columns: 1fr;
    }

    .auth-field input {
        min-height: 62px;
        border-radius: 19px;
    }

    .auth-submit {
        min-height: 58px;
        border-radius: 19px;
    }

    .auth-card--premium .auth-switch {
        margin-top: 16px;
        padding-top: 16px;
    }
}

@media (max-width: 380px) {
    .auth-card--premium {
        padding: 20px;
    }

    .auth-card__header {
        align-items: flex-start;
    }
}

.catalog-topbar {
    position: sticky;
    top: 0;
    z-index: 90;
    padding: 10px 0 8px;
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.04);
}

.catalog-topbar .container {
    position: relative;
    max-width: 980px;
}

.search-form--compact {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.catalog-topbar__main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.catalog-topbar__brand {
    width: 138px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.catalog-topbar__brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

.search-field--topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 15px;
    border: 0;
    border-radius: 18px;
    background: #f2f2f2;
    box-shadow: none;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.search-field--topbar:focus-within {
    border-color: transparent;
    background: #f2f2f2;
    box-shadow: none;
}

.search-field--topbar .brand__mark--small {
    display: none;
    width: 28px;
    height: 28px;
    flex-basis: 28px;
}

.search-field--topbar .brand__mark--small .brand__dot--green {
    top: 10px;
    width: 10px;
    height: 10px;
}

.search-field--topbar .brand__mark--small .brand__dot--purple {
    left: 6px;
    width: 6px;
    height: 6px;
}

.search-field--topbar .brand__mark--small .brand__dot--blue {
    width: 11px;
    height: 11px;
}

.search-field--topbar .brand__mark--small .brand__dot--pink {
    width: 8px;
    height: 8px;
}

.search-field--topbar input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    box-shadow: none;
    font-size: clamp(16px, 1.7vw, 17px);
    font-weight: 500;
    line-height: 1.2;
    color: #222222;
    caret-color: #222222;
}

.search-field--topbar input:focus {
    border-color: transparent;
    box-shadow: none;
}

.search-field--topbar input::placeholder {
    color: #888888;
    opacity: 1;
}

.search-field__submit,
.search-field__action {
    width: 30px;
    height: 30px;
    justify-self: end;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 18px;
    color: var(--ink);
    background: transparent;
}

.search-field__submit {
    color: #777777;
}

.search-field__submit:hover,
.search-field__submit:focus-visible {
    color: var(--ink);
    outline: none;
}

.search-field__submit svg,
.search-field__action svg {
    width: 22px;
    height: 22px;
}

.icon-button--square {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    color: var(--ink);
    background: #f2f2f2;
    border: 0;
    box-shadow: none;
}

.icon-button--square svg {
    width: 22px;
    height: 22px;
}

.icon-button--favorite-shortcut svg {
    width: 25px;
    height: 25px;
}

.catalog-topbar__secondary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.topbar-pill {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(17, 17, 17, 0.04);
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(17, 17, 17, 0.06);
    position: relative;
}

.topbar-pill input,
.topbar-pill select {
    padding: 0;
    border: 0;
    border-radius: 0;
    width: 100%;
    min-width: 0;
    color: #888888;
    background: transparent;
    box-shadow: none;
    font-size: clamp(14px, 1.8vw, 16px);
    font-weight: 500;
}

.topbar-pill input::placeholder {
    color: #888888;
    opacity: 1;
}

.topbar-pill--category {
    overflow: hidden;
}

.topbar-pill__display {
    width: 100%;
    display: block;
    overflow: hidden;
    color: #888888;
    font-size: clamp(14px, 1.8vw, 16px);
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}

.topbar-pill__display.is-empty {
    color: transparent;
}

.topbar-pill--category select {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.search-form__advanced--floating {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: block;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(17, 17, 17, 0.18);
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.search-form__advanced--floating.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.filter-sheet {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: var(--ink);
}

.filter-sheet__header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: calc(env(safe-area-inset-top) + 16px) 18px 10px;
    background: rgba(255, 255, 255, 0.96);
}

.filter-sheet__header strong {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    letter-spacing: -0.03em;
}

.filter-sheet__close {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 14px;
    color: var(--ink);
    background: transparent;
}

.filter-sheet__close svg {
    width: 28px;
    height: 28px;
}

.filter-sheet__reset {
    color: #777777;
    font-size: 16px;
    font-weight: 600;
}

.filter-sheet__body {
    flex: 1;
    overflow: auto;
    padding: 12px 18px 144px;
}

.filter-sheet__section + .filter-sheet__section {
    margin-top: 24px;
}

.filter-sheet__section h3 {
    margin: 0 0 14px;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.filter-sheet__chips,
.filter-sheet__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.filter-chip,
.search-form label.filter-choice span {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 17px;
    color: #555555;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    background: #f2f2f2;
    transition: 0.18s ease;
}

.filter-chip {
    cursor: pointer;
}

.filter-chip.is-active,
.search-form label.filter-choice input:checked + span {
    color: var(--ink);
    border-color: rgba(17, 17, 17, 0.16);
    background: #e5e5e5;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.04);
}

.search-form label.filter-choice {
    position: relative;
    display: inline-grid;
    gap: 0;
}

.search-form label.filter-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.search-form label.filter-sheet__field {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 56px;
    padding: 0 18px;
    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 18px;
    background: #f2f2f2;
    box-shadow: none;
}

.search-form label.filter-sheet__field input,
.search-form label.filter-sheet__field select {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: var(--ink);
    background: transparent;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
}

.search-form label.filter-sheet__field .location-picker__trigger {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: var(--ink);
    background: transparent;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
}

.search-form label.filter-sheet__field .location-picker__trigger.is-placeholder,
.search-form label.filter-sheet__field .location-picker__trigger:disabled {
    color: #999999;
}

.search-form label.filter-sheet__field .location-picker__trigger:focus {
    outline: none;
}

.search-form label.filter-sheet__field select {
    appearance: none;
    -webkit-appearance: none;
}

.search-form label.filter-sheet__field input::placeholder {
    color: #999999;
    opacity: 1;
}

.search-form label.filter-sheet__field.filter-sheet__field--icon {
    position: relative;
    padding-right: 54px;
}

.search-form label.filter-sheet__field .filter-sheet__field-icon {
    position: absolute;
    top: 50%;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    transform: translateY(-50%);
}

.search-form label.filter-sheet__field .filter-sheet__field-icon svg {
    width: 22px;
    height: 22px;
}

.filter-city-autocomplete {
    display: grid;
    gap: 8px;
}

.filter-city-autocomplete .filter-sheet__field {
    width: 100%;
}

.filter-city-autocomplete .filter-sheet__field input {
    padding-right: 8px;
}

.filter-city-autocomplete .auth-city__check {
    color: #ffffff;
    background: rgba(17, 17, 17, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

.filter-city-autocomplete .auth-city__check svg {
    width: 17px;
    height: 17px;
}

.filter-city-autocomplete .auth-city__results {
    margin-top: 0;
}

.filter-city-autocomplete .auth-city__message {
    margin: 0 2px;
}

.filter-sheet__stack {
    display: grid;
    gap: 12px;
}

.filter-sheet__attribute-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
}

.filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) > .filter-sheet__field {
    grid-column: 1 / -1;
}

.filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) > .filter-sheet__field.filter-sheet__field--mobile-half {
    grid-column: span 1;
}

.filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) > .filter-sheet__field.filter-sheet__field--mobile-half.filter-sheet__field--mobile-half-orphan {
    grid-column: 1 / -1;
}

.filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) > .filter-sheet__field.filter-sheet__field--mobile-half > .filter-sheet__field-label {
    min-height: 0;
}

.search-form label.filter-sheet__field.filter-sheet__field--stack {
    min-height: 68px;
    display: grid;
    align-items: center;
    gap: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.search-form label.filter-sheet__field.filter-sheet__field--stack.filter-sheet__field--mobile-half {
    min-height: 60px;
    gap: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.filter-sheet__field-label {
    color: rgba(17, 17, 17, 0.58);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.filter-sheet__price-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.filter-sheet__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 18px 18px calc(env(safe-area-inset-bottom) + 18px);
    background: #ffffff;
}

.location-search-screen {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: none;
    background: rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(14px);
}

.location-search-screen.is-open {
    display: block;
}

.location-search-screen__panel {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    background:
        radial-gradient(circle at top left, rgba(189, 189, 189, 0.18), transparent 24%),
        linear-gradient(180deg, #f7f7f7 0%, #f2f2f2 100%);
}

.location-search-screen__header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: calc(env(safe-area-inset-top) + 16px) 18px 14px;
}

.location-search-screen__back {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 16px;
    color: #222222;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 28px rgba(51, 51, 51, 0.08);
}

.location-search-screen__back svg {
    width: 22px;
    height: 22px;
}

.location-search-screen__copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.location-search-screen__copy strong {
    color: #222222;
    font-family: var(--font-display);
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.location-search-screen__copy span {
    color: #666666;
    font-size: 13px;
    font-weight: 700;
}

.location-search-screen__search {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 18px 14px;
    padding: 0 18px 0 52px;
    min-height: 58px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 32px rgba(51, 51, 51, 0.08);
}

.location-search-screen__search svg {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 21px;
    height: 21px;
    color: #777777;
    transform: translateY(-50%);
}

.location-search-screen__search input {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #222222;
    background: transparent;
    box-shadow: none;
    font-size: 17px;
    font-weight: 600;
}

.location-search-screen__search input:focus {
    border: 0;
    box-shadow: none;
}

.location-search-screen__search input::placeholder {
    color: #999999;
    opacity: 1;
}

.location-search-screen__results {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 10px;
    overflow: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    padding: 0 18px calc(env(safe-area-inset-bottom) + 26px);
}

.location-search-screen__option {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 18px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 20px;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 28px rgba(51, 51, 51, 0.06);
    transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
}

.location-search-screen__option:hover,
.location-search-screen__option:focus {
    outline: none;
    transform: translateY(-1px);
    border-color: rgba(17, 17, 17, 0.16);
}

.location-search-screen__option.is-active {
    border-color: rgba(17, 17, 17, 0.18);
    background: rgba(17, 17, 17, 0.06);
}

.location-search-screen__option-mark {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-dark);
    opacity: 0;
}

.location-search-screen__option.is-active .location-search-screen__option-mark {
    opacity: 1;
}

.location-search-screen__option-mark svg {
    width: 20px;
    height: 20px;
}

.location-search-screen__empty {
    display: grid;
    gap: 6px;
    padding: 26px 18px;
    border: 1px dashed rgba(17, 17, 17, 0.1);
    border-radius: 22px;
    color: #777777;
    background: rgba(255, 255, 255, 0.72);
    text-align: center;
}

.location-search-screen__empty strong {
    color: #222222;
    font-size: 17px;
    font-weight: 800;
}

.location-search-screen__empty span {
    font-size: 14px;
    line-height: 1.4;
}

@media (min-width: 820px) {
    .location-search-screen {
        padding: 24px;
    }

    .location-search-screen__panel {
        width: min(100%, 560px);
        height: min(100vh - 48px, 860px);
        margin: 0 auto;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0 32px 80px rgba(34, 34, 34, 0.2);
    }
}

.filter-sheet__submit {
    width: 100%;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 24px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 22px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    background: #111111;
    box-shadow: 0 16px 30px rgba(17, 17, 17, 0.16);
}

.filter-sheet__submit-count {
    min-width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: rgba(255, 255, 255, 0.72);
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    transition: opacity 0.16s ease;
}

.filter-sheet__submit-count.is-loading {
    opacity: 0.55;
}

@media (min-width: 768px) {
    .filter-sheet {
        top: 28px;
        right: auto;
        bottom: 28px;
        left: 50%;
        width: min(560px, calc(100vw - 40px));
        border-radius: 34px;
        box-shadow: var(--shadow-lg);
        transform: translateX(-50%);
        overflow: hidden;
    }
}

.home-categories {
    padding: 12px 0 14px;
}

.home-categories .container {
    max-width: 980px;
}

.home-categories__stage {
    position: relative;
    transition: height 0.24s ease;
}

.home-categories__view {
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.home-categories__view[hidden] {
    display: none;
}

.home-categories__view.is-active,
.home-categories__view.is-entering {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.home-categories__view.is-preparing {
    opacity: 0;
    transform: translateY(14px) scale(0.985);
}

.home-categories__view.is-leaving {
    opacity: 0;
    transform: translateY(-14px) scale(0.985);
}

.home-categories__view.is-preparing,
.home-categories__view.is-entering,
.home-categories__view.is-leaving {
    position: absolute;
    inset: 0;
    width: 100%;
    pointer-events: none;
}

.home-categories__track {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 8px;
    scroll-padding-inline: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.home-categories__track::-webkit-scrollbar {
    display: none;
}

.category-card {
    --category-accent: #bdbdbd;
    --category-accent-rgb: 189, 189, 189;
    --category-surface-start: #393939;
    --category-surface-end: #151515;
    --category-text: #f7f7f7;
    position: relative;
    flex: 0 0 156px;
    height: 94px;
    display: block;
    overflow: hidden;
    padding: 16px 13px;
    border: 1px solid rgba(var(--category-accent-rgb), 0.22);
    border-radius: 18px;
    color: var(--category-text);
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.24), transparent 28%),
        radial-gradient(circle at 88% 84%, rgba(var(--category-accent-rgb), 0.26), transparent 42%),
        linear-gradient(160deg, var(--category-surface-start) 0%, var(--category-surface-end) 100%);
    box-shadow: 0 16px 30px rgba(17, 17, 17, 0.16);
    scroll-snap-align: start;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.category-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 44%);
    pointer-events: none;
}

.category-card:hover,
.category-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(var(--category-accent-rgb), 0.38);
    box-shadow: 0 20px 38px rgba(17, 17, 17, 0.18);
    outline: none;
}

.category-card.is-active {
    border-color: rgba(var(--category-accent-rgb), 0.58);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.14),
        0 20px 38px rgba(17, 17, 17, 0.18),
        0 0 0 3px rgba(var(--category-accent-rgb), 0.12);
}

.category-card__label {
    position: relative;
    z-index: 2;
    display: block;
    max-width: calc(100% - 54px);
    color: inherit;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.03;
    letter-spacing: 0;
    overflow-wrap: normal;
    word-break: keep-all;
    hyphens: manual;
}

.category-card__art {
    position: absolute;
    right: -8px;
    bottom: -12px;
    z-index: 1;
    width: 104px;
    height: 104px;
    pointer-events: none;
}

.category-card__art img,
.category-card__art svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.24));
}

.category-card[data-category-card="real_estate"] .category-card__label {
    max-width: calc(100% - 72px);
}

.category-card__shadow {
    fill: rgba(0, 0, 0, 0.24);
}

.subcategory-card {
    --category-accent: #2f6fed;
    --category-accent-rgb: 47, 111, 237;
    position: relative;
    flex: 0 0 156px;
    height: 94px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 4px;
    overflow: hidden;
    padding: 14px 13px;
    border: 1px solid rgba(var(--category-accent-rgb), 0.18);
    border-radius: 18px;
    color: #111111;
    background:
        radial-gradient(circle at 85% 16%, rgba(255, 255, 255, 0.52), transparent 28%),
        linear-gradient(145deg, rgba(var(--category-accent-rgb), 0.16), rgba(255, 255, 255, 0.96) 52%, rgba(247, 247, 246, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 16px 30px rgba(17, 17, 17, 0.08);
    scroll-snap-align: start;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.subcategory-card::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -22px;
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: rgba(var(--category-accent-rgb), 0.12);
    filter: blur(1px);
    pointer-events: none;
}

.subcategory-card:hover,
.subcategory-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(var(--category-accent-rgb), 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 20px 36px rgba(17, 17, 17, 0.12);
    outline: none;
}

.subcategory-card.is-active {
    border-color: rgba(var(--category-accent-rgb), 0.48);
    box-shadow:
        inset 0 0 0 1px rgba(var(--category-accent-rgb), 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 20px 36px rgba(17, 17, 17, 0.12);
}

.subcategory-card--back {
    --category-accent-rgb: 82, 82, 82;
    color: #111111;
    background:
        radial-gradient(circle at 85% 16%, rgba(255, 255, 255, 0.58), transparent 28%),
        linear-gradient(145deg, rgba(17, 17, 17, 0.07), rgba(255, 255, 255, 0.98) 52%, rgba(247, 247, 246, 0.96));
}

.subcategory-card__meta,
.subcategory-card__label {
    position: relative;
    z-index: 1;
}

.subcategory-card__meta {
    display: block;
    color: rgba(17, 17, 17, 0.52);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.subcategory-card__label {
    display: block;
    color: #111111;
    font-size: 14px;
    line-height: 1.12;
    font-weight: 780;
    overflow-wrap: anywhere;
}

.catalog-feed {
    padding: 2px 0 20px;
}

.listing-grid--feed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.listing-grid--feed .listing-card {
    border-radius: 14px;
}

.catalog-feed__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 24px 0 4px;
}

.catalog-feed__pagination-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
}

@media (min-width: 1024px) {
    .listing-grid--feed {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .catalog-topbar {
        padding-top: 8px;
    }

    .catalog-feed .listing-grid--feed {
        gap: 10px;
    }

    .catalog-topbar__main {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    .catalog-topbar__brand {
        display: none;
    }

    .search-field--topbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
        min-height: 48px;
        padding: 0 14px;
        border-radius: 17px;
    }

    .search-field--topbar .brand__mark--small {
        display: inline-flex;
    }

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

    .search-field__submit,
    .search-field__action {
        width: 28px;
        height: 28px;
    }

    .search-field__submit svg,
    .search-field__action svg {
        width: 20px;
        height: 20px;
    }

    .icon-button--square {
        width: 48px;
        height: 48px;
        border-radius: 17px;
    }

    .catalog-topbar__secondary {
        gap: 8px;
        margin-top: 8px;
    }

    .topbar-pill {
        min-height: 36px;
        padding: 0 12px;
        border-radius: 9px;
    }

    .topbar-pill input,
    .topbar-pill select,
    .topbar-pill__display {
        font-size: 13px;
    }

    .filter-sheet__header {
        grid-template-columns: 40px minmax(0, 1fr) auto;
        padding: calc(env(safe-area-inset-top) + 12px) 16px 8px;
    }

    .filter-sheet__header strong {
        font-size: 17px;
    }

    .filter-sheet__close {
        width: 40px;
        height: 40px;
    }

    .filter-sheet__close svg {
        width: 24px;
        height: 24px;
    }

    .filter-sheet__reset {
        font-size: 15px;
    }

    .filter-sheet__body {
        padding: 10px 16px 132px;
    }

    .filter-sheet__section + .filter-sheet__section {
        margin-top: 22px;
    }

    .filter-sheet__section h3 {
        margin-bottom: 12px;
        font-size: 18px;
    }

    .filter-sheet__chips,
    .filter-sheet__choices {
        gap: 10px;
    }

    .filter-chip,
    .search-form label.filter-choice span {
        min-height: 42px;
        padding: 0 16px;
        border-radius: 15px;
        font-size: 15px;
    }

    .search-form label.filter-sheet__field {
        min-height: 52px;
        padding: 0 16px;
        border-radius: 16px;
    }

    .search-form label.filter-sheet__field input,
    .search-form label.filter-sheet__field select,
    .search-form label.filter-sheet__field .location-picker__trigger {
        font-size: 16px;
    }

    .filter-sheet__stack,
    .filter-sheet__price-grid {
        gap: 10px;
    }

    .filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) {
        gap: 10px 8px;
    }

    .search-form label.filter-sheet__field.filter-sheet__field--stack.filter-sheet__field--mobile-half {
        min-height: 56px;
        gap: 2px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .filter-sheet__attribute-grid:has(> .filter-sheet__field--mobile-half) > .filter-sheet__field.filter-sheet__field--mobile-half > .filter-sheet__field-label {
        min-height: 0;
        font-size: 11.5px;
    }

    .filter-sheet__footer {
        padding: 16px 16px calc(env(safe-area-inset-bottom) + 16px);
    }

    .filter-sheet__submit {
        min-height: 56px;
        border-radius: 20px;
        font-size: 17px;
    }

    .home-categories {
        padding: 10px 0 12px;
    }

    .home-categories__track {
        gap: 8px;
        padding-bottom: 7px;
    }

    .category-card {
        flex-basis: 136px;
        height: 84px;
        padding: 13px 11px;
        border-radius: 16px;
    }

    .category-card__label {
        max-width: calc(100% - 42px);
        font-size: 13px;
    }

    .category-card__art {
        right: -8px;
        bottom: -10px;
        width: 82px;
        height: 82px;
    }

    .category-card[data-category-card="transport"] .category-card__art {
        right: -2px;
    }

    .category-card[data-category-card="real_estate"] .category-card__art {
        right: 1px;
    }

    .category-card[data-category-card="electronics"] .category-card__art {
        right: -1px;
    }

    .subcategory-card {
        flex-basis: 136px;
        height: 84px;
        padding: 12px 11px;
        border-radius: 16px;
        gap: 3px;
    }

    .subcategory-card__label {
        font-size: 13px;
    }

    .subcategory-card__meta {
        font-size: 10px;
    }
}

.page-main--messages {
    padding-top: 0;
    padding-bottom: calc(142px + env(safe-area-inset-bottom, 0px));
    background:
        radial-gradient(circle at top left, rgba(220, 226, 234, 0.5), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 340px);
}

.messages-screen {
    padding: 30px 0 14px;
}

.messages-shell {
    display: grid;
    grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.messages-inbox,
.messages-detail__card,
.messages-detail__empty {
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 36px rgba(17, 17, 17, 0.06);
}

.messages-inbox {
    padding: 16px;
}

.messages-inbox.messages-inbox--empty {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 610px;
    padding: 56px;
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.032) 1px, transparent 1px),
        linear-gradient(180deg, rgba(17, 17, 17, 0.026) 1px, transparent 1px),
        linear-gradient(135deg, #ffffff 0%, #f7f7f7 54%, #f2f2f2 100%);
    background-size: 70px 70px, 70px 70px, auto;
    box-shadow:
        0 34px 90px rgba(17, 17, 17, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.messages-inbox--empty::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(112deg, rgba(255, 255, 255, 0.86) 0%, transparent 42%, rgba(85, 85, 85, 0.1) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.52), transparent 48%);
    pointer-events: none;
}

.messages-inbox--empty::after {
    content: "";
    position: absolute;
    top: 0;
    right: 44px;
    left: 44px;
    z-index: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(17, 17, 17, 0.26), transparent);
    pointer-events: none;
}

.messages-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
}

.message-search {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 16px;
    border-radius: 18px;
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.04);
}

.message-search__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #888888;
}

.message-search__icon svg,
.message-icon-button svg {
    width: 20px;
    height: 20px;
}

.message-search input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--ink);
    font-size: 15px;
}

.message-search input::placeholder {
    color: #999999;
    opacity: 1;
}

.message-icon-button {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 16px;
    color: #555555;
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.04);
    appearance: none;
    cursor: pointer;
}

.message-icon-button.is-active {
    color: var(--ink);
    background: #f7f7f7;
    border-color: rgba(17, 17, 17, 0.18);
}

.message-icon-button:disabled {
    cursor: default;
    opacity: 0.42;
}

.message-action-submit[hidden],
.message-actions-menu__item[hidden] {
    display: none;
}

.message-actions-menu {
    position: relative;
}

.message-actions-menu__panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 12;
    display: grid;
    gap: 4px;
    min-width: 190px;
    padding: 8px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 36px rgba(17, 17, 17, 0.14);
}

.message-actions-menu__panel[hidden] {
    display: none;
}

.message-actions-menu__item {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 0 12px;
    border: 0;
    border-radius: 13px;
    color: #222222;
    background: transparent;
    font: inherit;
    font-size: 14px;
    font-weight: 780;
    text-align: left;
    cursor: pointer;
}

.message-actions-menu__item:hover,
.message-actions-menu__item:focus-visible {
    background: #f2f2f2;
    outline: none;
}

.message-actions-menu__item svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: #666666;
}

.message-actions-menu__item--cancel {
    margin-top: 4px;
    color: #666666;
    border-top: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 0 0 13px 13px;
}

.message-action-submit {
    color: #ffffff;
    background: #222222;
    border-color: rgba(34, 34, 34, 0.16);
}

.message-action-submit:not(:disabled) {
    box-shadow: 0 10px 20px rgba(17, 17, 17, 0.16);
}

.message-action-submit__icon {
    display: none;
}

[data-message-actions-root][data-message-mode="delete"] .message-action-submit__icon--delete,
[data-message-actions-root][data-message-mode="block"] .message-action-submit__icon--block {
    display: inline-flex;
}

.message-tabs {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.message-tab {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 15px;
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.04);
}

.message-tab.is-active {
    color: var(--ink);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.06);
}

.messages-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.message-card-wrap {
    position: relative;
}

.message-card__input {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}

.message-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 12px;
    border-radius: 22px;
    border: 1px solid rgba(17, 17, 17, 0.05);
    background: #ffffff;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.messages-list.is-selecting .message-card {
    grid-template-columns: 34px 58px minmax(0, 1fr);
    cursor: pointer;
}

.message-card:hover,
.message-card.is-active {
    transform: translateY(-1px);
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.07);
}

.message-card__input:focus-visible + .message-card {
    outline: 3px solid rgba(17, 17, 17, 0.18);
    outline-offset: 2px;
}

.message-card__input:checked + .message-card,
.message-card.is-selected-for-action {
    border-color: rgba(17, 17, 17, 0.24);
    box-shadow: 0 14px 28px rgba(17, 17, 17, 0.09);
}

.message-card.is-unread {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
}

.message-card__selector {
    width: 28px;
    height: 28px;
    display: none;
    place-items: center;
    align-self: center;
    border-radius: 50%;
    color: transparent;
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.08);
}

.messages-list.is-selecting .message-card__selector {
    display: grid;
}

.message-card__input:checked + .message-card .message-card__selector,
.message-card.is-selected-for-action .message-card__selector {
    color: #ffffff;
    background: #111111;
    border-color: rgba(17, 17, 17, 0.32);
}

.message-card__selector svg {
    width: 17px;
    height: 17px;
}

.message-card__avatar {
    --image-loader-size: 22px;
    --image-loader-ring: 2px;
    width: 58px;
    height: 58px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: white;
    font-size: 22px;
    font-weight: 800;
    background: linear-gradient(135deg, #111111 0%, #555555 100%);
}

.message-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.message-card__content {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.message-card__top,
.message-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.message-card__name,
.message-card__title {
    display: block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.message-card__name {
    font-size: 15px;
    font-weight: 800;
}

.message-card__date,
.message-card__city {
    flex: 0 0 auto;
    color: #888888;
    font-size: 12px;
    font-weight: 700;
}

.message-card__title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
}

.message-card__preview {
    display: -webkit-box;
    overflow: hidden;
    color: #666666;
    font-size: 13px;
    line-height: 1.42;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.message-card__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.message-card__count {
    color: #111111;
    font-size: 12px;
    font-weight: 800;
}

.message-card__dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #111111;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.12);
}

.messages-empty {
    padding: 28px 18px 20px;
}

.messages-empty--premium {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(330px, 1.05fr);
    gap: 42px;
    align-items: center;
    min-height: 500px;
    padding: 0;
}

.messages-empty__content {
    display: grid;
    gap: 24px;
    align-content: center;
    max-width: 575px;
}

.messages-empty__kicker {
    width: max-content;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 13px;
    border: 1px solid rgba(85, 85, 85, 0.16);
    border-radius: 999px;
    color: #555555;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 820;
    letter-spacing: 0;
    text-transform: uppercase;
}

.messages-empty--premium h1 {
    max-width: 560px;
    margin: 0;
    color: #111111;
    font-family: var(--font-display);
    font-size: 46px;
    font-weight: 820;
    line-height: 1.02;
    letter-spacing: 0;
}

.messages-empty--premium .messages-empty__content > p {
    max-width: 520px;
    margin: 0;
    color: #666666;
    font-size: 18px;
    line-height: 1.65;
}

.messages-empty__showcase {
    position: relative;
    min-height: 460px;
    perspective: 1000px;
}

.messages-empty__showcase::before {
    content: "";
    position: absolute;
    right: 3%;
    bottom: 42px;
    left: 6%;
    height: 132px;
    border: 1px solid rgba(255, 255, 255, 0.52);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.22)),
        rgba(85, 85, 85, 0.08);
    box-shadow:
        0 28px 70px rgba(17, 17, 17, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    transform: skewY(-5deg) rotate(-2deg);
}

.messages-empty__device {
    position: absolute;
    top: 24px;
    right: 42px;
    width: 318px;
    min-height: 420px;
    padding: 16px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9)),
        #ffffff;
    box-shadow:
        0 28px 66px rgba(17, 17, 17, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
    transform: rotate(3deg);
}

.messages-empty__device-top {
    display: flex;
    gap: 6px;
    padding: 4px 2px 16px;
}

.messages-empty__device-top span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(17, 17, 17, 0.18);
}

.messages-empty__thread-preview {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.messages-empty__avatar-mark {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #ffffff;
    background: linear-gradient(135deg, #555555 0%, #777777 100%);
    box-shadow: 0 12px 24px rgba(85, 85, 85, 0.22);
    font-weight: 840;
}

.messages-empty__bubble {
    display: grid;
    gap: 9px;
    padding: 15px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 20px 20px 20px 8px;
    background: #f7f7f7;
}

.messages-empty__bubble i,
.messages-empty__composer i,
.messages-empty__listing-line,
.messages-empty__listing-price {
    display: block;
    border-radius: 999px;
}

.messages-empty__bubble i {
    height: 9px;
    background: rgba(17, 17, 17, 0.15);
}

.messages-empty__bubble i:first-child {
    width: 82%;
}

.messages-empty__bubble i:last-child {
    width: 56%;
}

.messages-empty__bubble--incoming {
    grid-column: 2;
    width: 86%;
}

.messages-empty__bubble--outgoing {
    grid-column: 1 / 3;
    justify-self: end;
    width: 76%;
    margin-top: 6px;
    border-radius: 20px 20px 8px 20px;
    background: linear-gradient(180deg, #f2f2f2 0%, #e5e5e5 100%);
    border-color: rgba(17, 17, 17, 0.12);
}

.messages-empty__bubble--outgoing i {
    margin-left: auto;
    background: rgba(17, 17, 17, 0.22);
}

.messages-empty__composer {
    grid-column: 1 / 3;
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 10px;
    align-items: center;
    margin-top: 32px;
    padding: 9px 10px 9px 15px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
}

.messages-empty__composer i {
    width: 72%;
    height: 10px;
    background: rgba(17, 17, 17, 0.13);
}

.messages-empty__composer b {
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 14px;
    background: linear-gradient(135deg, #111111, #333333);
    box-shadow: 0 10px 20px rgba(17, 17, 17, 0.18);
}

.messages-empty__listing {
    position: absolute;
    bottom: 26px;
    left: 0;
    z-index: 2;
    display: grid;
    gap: 11px;
    width: 222px;
    padding: 13px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.9)),
        #ffffff;
    box-shadow:
        0 24px 56px rgba(17, 17, 17, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transform: rotate(-8deg);
}

.messages-empty__listing-media {
    display: block;
    width: 100%;
    aspect-ratio: 1.25 / 1;
    border-radius: 18px;
    background:
        linear-gradient(135deg, #222222 0%, #777777 52%, #f2f2f2 100%),
        #d9d9d9;
}

.messages-empty__listing-line {
    width: 58%;
    height: 9px;
    background: rgba(17, 17, 17, 0.12);
}

.messages-empty__listing-line--wide {
    width: 78%;
    height: 11px;
    background: rgba(17, 17, 17, 0.18);
}

.messages-empty__listing-price {
    width: 88px;
    height: 22px;
    margin-top: 1px;
    background: linear-gradient(135deg, #111111, #444444);
    box-shadow: 0 10px 18px rgba(17, 17, 17, 0.16);
}

.messages-empty__note {
    position: absolute;
    top: 92px;
    left: 22px;
    z-index: 3;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 18px;
    color: #111111;
    background: rgba(255, 255, 255, 0.88);
    box-shadow:
        0 20px 42px rgba(17, 17, 17, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: rotate(-3deg);
}

.messages-empty__note span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #111111;
    box-shadow: 0 0 0 5px rgba(17, 17, 17, 0.12);
}

.messages-empty__note strong {
    font-size: 14px;
    font-weight: 820;
}

.messages-empty--soft {
    margin-top: 16px;
    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 22px;
    background: #ffffff;
}

.messages-empty h2,
.messages-detail__empty h2 {
    margin: 0 0 10px;
    font-family: var(--font-display);
    font-size: 26px;
    letter-spacing: -0.03em;
}

.messages-empty p,
.messages-detail__empty p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.messages-detail {
    min-width: 0;
}

.messages-detail__card,
.messages-detail__empty {
    padding: 22px;
}

.messages-detail__card {
    display: grid;
    gap: 0;
}

.messages-detail__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.messages-detail__empty {
    min-height: 320px;
    display: grid;
    align-content: center;
}

.messages-screen .chat-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}

.messages-screen .chat-header h2 {
    margin: 6px 0;
    font-size: clamp(24px, 2.4vw, 32px);
    line-height: 1.08;
}

.messages-screen .chat-header p {
    margin: 0;
    color: var(--muted);
}

.messages-screen .chat-thread {
    display: grid;
    gap: 12px;
    margin: 20px 0;
}

.messages-screen .chat-bubble {
    max-width: 78%;
    padding: 15px 16px;
    border-radius: 20px 20px 20px 8px;
    color: var(--ink);
    background: #f7f7f7;
    border: 1px solid rgba(17, 17, 17, 0.05);
}

.messages-screen .chat-bubble.is-own {
    margin-left: auto;
    border-radius: 20px 20px 8px 20px;
    color: #111111;
    background: linear-gradient(180deg, #f2f2f2 0%, #e5e5e5 100%);
    border-color: rgba(17, 17, 17, 0.12);
}

.messages-screen .chat-bubble strong {
    display: block;
    font-size: 13px;
}

.messages-screen .chat-bubble p {
    margin: 8px 0;
    line-height: 1.6;
}

.messages-screen .chat-bubble small {
    color: #888888;
}

.messages-screen .chat-form {
    padding-top: 18px;
    border-top: 1px solid rgba(17, 17, 17, 0.06);
}

.messages-screen .chat-form textarea {
    min-height: 130px;
    padding: 16px 18px;
    border-radius: 20px;
    background: #f7f7f7;
    box-shadow: none;
}

.compose-screen {
    padding: 8px 0 24px;
}

.compose-layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.88fr) minmax(0, 1.12fr);
    gap: 18px;
    align-items: start;
}

.compose-card {
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 36px rgba(17, 17, 17, 0.06);
    padding: 22px;
}

.compose-card--meta {
    display: grid;
    gap: 20px;
}

.compose-card__header h1 {
    margin: 8px 0 10px;
    font-size: clamp(30px, 4vw, 40px);
    line-height: 1.02;
}

.compose-card__header p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.compose-summary {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 22px;
    background: #f7f7f7;
    border: 1px solid rgba(17, 17, 17, 0.05);
}

.compose-summary__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.compose-summary__row span {
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
}

.compose-summary__row strong {
    max-width: 65%;
    text-align: right;
    font-size: 15px;
}

.compose-card__actions,
.compose-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.compose-form textarea {
    min-height: 220px;
    padding: 18px 20px;
    border-radius: 22px;
    background: #f7f7f7;
    box-shadow: none;
}

@media (max-width: 1180px) {
    .messages-shell {
        grid-template-columns: 1fr;
    }

    .messages-detail {
        order: 2;
    }

    .compose-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .messages-inbox.messages-inbox--empty {
        min-height: auto;
        padding: 40px;
    }

    .messages-empty--premium {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: auto;
    }

    .messages-empty__content {
        max-width: 690px;
    }

    .messages-empty__showcase {
        min-height: 380px;
    }

    .messages-empty__device {
        right: 12%;
    }

    .messages-empty__listing {
        left: 10%;
    }

    .messages-empty__note {
        left: 18%;
    }
}

@media (max-width: 620px) {
    .page-main--messages {
        padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
    }

    .messages-screen {
        padding-top: 14px;
    }

    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty {
        border-radius: 26px;
    }

    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty {
        padding: 14px;
    }

    .messages-inbox.messages-inbox--empty {
        padding: 22px;
        border-radius: 28px;
        background-size: 48px 48px, 48px 48px, auto;
    }

    .messages-inbox--empty::after {
        right: 24px;
        left: 24px;
    }

    .messages-empty--premium {
        gap: 22px;
    }

    .messages-empty__content {
        gap: 18px;
    }

    .messages-empty__kicker {
        min-height: 30px;
        padding: 0 11px;
        font-size: 11px;
    }

    .messages-empty--premium h1 {
        font-size: 32px;
        line-height: 1.06;
    }

    .messages-empty--premium .messages-empty__content > p {
        font-size: 15px;
        line-height: 1.58;
    }

    .messages-empty__showcase {
        min-height: 300px;
        margin-top: 4px;
    }

    .messages-empty__showcase::before {
        right: 0;
        bottom: 28px;
        left: 0;
        height: 96px;
        border-radius: 26px;
    }

    .messages-empty__device {
        top: 8px;
        right: 2px;
        width: 230px;
        min-height: 304px;
        padding: 12px;
        border-radius: 26px;
    }

    .messages-empty__device-top {
        padding-bottom: 12px;
    }

    .messages-empty__thread-preview {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
    }

    .messages-empty__avatar-mark {
        width: 36px;
        height: 36px;
        border-radius: 13px;
        font-size: 14px;
    }

    .messages-empty__bubble {
        gap: 7px;
        padding: 11px;
        border-radius: 16px 16px 16px 7px;
    }

    .messages-empty__bubble--outgoing {
        border-radius: 16px 16px 7px 16px;
    }

    .messages-empty__bubble i {
        height: 7px;
    }

    .messages-empty__composer {
        min-height: 46px;
        grid-template-columns: minmax(0, 1fr) 30px;
        gap: 8px;
        margin-top: 20px;
        padding: 8px 8px 8px 12px;
        border-radius: 15px;
    }

    .messages-empty__composer i {
        height: 8px;
    }

    .messages-empty__composer b {
        width: 30px;
        height: 30px;
        border-radius: 11px;
    }

    .messages-empty__listing {
        bottom: 12px;
        left: 0;
        width: 166px;
        gap: 8px;
        padding: 10px;
        border-radius: 21px;
    }

    .messages-empty__listing-media {
        border-radius: 15px;
    }

    .messages-empty__listing-line {
        height: 7px;
    }

    .messages-empty__listing-line--wide {
        height: 9px;
    }

    .messages-empty__listing-price {
        width: 68px;
        height: 18px;
    }

    .messages-empty__note {
        top: 50px;
        left: 2px;
        min-height: 46px;
        gap: 8px;
        padding: 0 12px;
        border-radius: 15px;
    }

    .messages-empty__note span {
        width: 10px;
        height: 10px;
    }

    .messages-empty__note strong {
        font-size: 12px;
    }

    .messages-toolbar {
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 8px;
    }

    .message-search {
        min-height: 46px;
        padding: 0 14px;
        border-radius: 16px;
    }

    .message-search input {
        font-size: 14px;
    }

    .message-icon-button {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .message-tabs {
        margin-top: 12px;
        gap: 8px;
    }

    .message-tab {
        min-height: 38px;
        padding: 0 15px;
        border-radius: 14px;
        font-size: 13px;
    }

    .messages-list {
        gap: 8px;
        margin-top: 14px;
    }

    .message-card {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
        border-radius: 18px;
    }

    .messages-list.is-selecting .message-card {
        grid-template-columns: 30px 52px minmax(0, 1fr);
    }

    .message-card__selector {
        width: 26px;
        height: 26px;
    }

    .message-card__avatar {
        width: 52px;
        height: 52px;
        border-radius: 16px;
        font-size: 20px;
    }

    .message-card__name {
        font-size: 14px;
    }

    .message-card__title {
        font-size: 13px;
    }

    .message-card__preview {
        font-size: 12px;
    }

    .messages-empty h2,
    .messages-detail__empty h2 {
        font-size: 22px;
    }

    .messages-screen .chat-header h2 {
        font-size: 24px;
    }

    .messages-detail__actions {
        justify-content: stretch;
    }

    .messages-detail__actions .button {
        width: 100%;
    }

    .messages-screen .chat-bubble {
        max-width: 90%;
    }

    .messages-screen .chat-form textarea {
        min-height: 112px;
        padding: 14px 16px;
        border-radius: 18px;
    }

    .compose-screen {
        padding-top: 0;
    }

    .compose-card {
        border-radius: 26px;
        padding: 16px;
    }

    .compose-card--meta {
        gap: 16px;
    }

    .compose-card__header h1 {
        font-size: 28px;
    }

    .compose-summary {
        gap: 10px;
        padding: 16px;
        border-radius: 18px;
    }

    .compose-summary__row {
        flex-direction: column;
        gap: 4px;
    }

    .compose-summary__row strong {
        max-width: none;
        text-align: left;
    }

    .compose-card__actions .button,
    .compose-form__actions .button {
        width: 100%;
    }

    .compose-form textarea {
        min-height: 180px;
        padding: 16px;
        border-radius: 18px;
    }
}

.thread-page {
    overflow: hidden;
    overscroll-behavior-y: none;
}

.thread-page .page-shell {
    min-height: 100svh;
    min-height: 100dvh;
    height: 100svh;
    height: 100dvh;
    overflow: hidden;
}

.page-main--thread {
    padding: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.messages-shell--list {
    grid-template-columns: 1fr;
}

.messages-inbox--full {
    width: min(100%, 920px);
    justify-self: center;
}

.thread-screen {
    min-height: 0;
    height: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0, rgba(189, 189, 189, 0.14), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
}

.thread-shell {
    width: min(100%, 760px);
    min-height: 0;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.thread-header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: calc(env(safe-area-inset-top) + 14px) 18px 12px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(17, 17, 17, 0.05);
}

.thread-header__back {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--ink);
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.04);
}

.thread-header__back svg {
    width: 22px;
    height: 22px;
}

.thread-header__meta {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.thread-header__meta strong {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.05;
}

.thread-header__meta span {
    color: #888888;
    font-size: 13px;
    font-weight: 600;
}

.thread-listing {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 22px;
    gap: 12px;
    align-items: center;
    margin: 12px 18px 0;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(17, 17, 17, 0.05);
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.05);
}

.thread-listing__media {
    width: 64px;
    height: 64px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: white;
    font-size: 22px;
    font-weight: 800;
    background: linear-gradient(135deg, #111111 0%, #555555 100%);
}

.thread-listing__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thread-listing__content {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.thread-listing__content strong,
.thread-listing__content span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.thread-listing__content strong {
    font-size: 15px;
    font-weight: 800;
}

.thread-listing__content span {
    color: #888888;
    font-size: 13px;
    font-weight: 700;
}

.thread-listing__arrow {
    color: #999999;
}

.thread-listing__arrow svg {
    width: 20px;
    height: 20px;
}

.thread-deal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 12px 18px 0;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(17, 17, 17, 0.05);
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.05);
}

.thread-deal__body {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.thread-deal__body strong {
    display: block;
    color: #111111;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
}

.thread-deal__body p {
    margin: 0;
    color: #6f6f6f;
    font-size: 13px;
    line-height: 1.4;
}

.thread-deal__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    flex-shrink: 0;
}

.thread-deal__actions form {
    margin: 0;
}

.thread-deal__actions .button {
    min-height: 42px;
    padding: 0 16px;
}

.thread-deal__note {
    margin: 0;
    color: #666666;
    font-size: 13px;
    line-height: 1.4;
}

.thread-deal__button--quiet {
    min-width: 64px;
}

.thread-messages {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 18px 18px 22px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.thread-empty {
    max-width: 420px;
    margin: auto;
    padding: 24px;
    text-align: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(17, 17, 17, 0.05);
}

.thread-empty h2 {
    margin: 0 0 10px;
    font-family: var(--font-display);
    font-size: 30px;
    letter-spacing: -0.03em;
}

.thread-empty p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.thread-bubble {
    max-width: min(82%, 420px);
    display: grid;
    gap: 6px;
    padding: 12px 14px 10px;
    border-radius: 18px 18px 18px 8px;
    color: var(--ink);
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.04);
    box-shadow: 0 6px 14px rgba(17, 17, 17, 0.04);
}

.thread-bubble.is-own {
    margin-left: auto;
    border-radius: 18px 18px 8px 18px;
    color: #222222;
    background: linear-gradient(180deg, #f2f2f2 0%, #e5e5e5 100%);
    border-color: rgba(17, 17, 17, 0.12);
}

.thread-bubble__author {
    color: #777777;
    font-size: 12px;
    font-weight: 800;
}

.thread-bubble p {
    margin: 0;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word;
}

.thread-bubble small {
    justify-self: end;
    color: #888888;
    font-size: 11px;
    font-weight: 700;
}

.thread-compose {
    flex-shrink: 0;
    padding: 10px 18px calc(env(safe-area-inset-bottom) + 16px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f2f2f2 24%);
}

.thread-compose__errors {
    margin-bottom: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    color: #555555;
    background: #f2f2f2;
    border: 1px solid rgba(17, 17, 17, 0.14);
}

.thread-compose__errors p {
    margin: 0;
}

.thread-compose__errors p + p {
    margin-top: 6px;
}

.thread-compose__bar {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    gap: 10px;
    align-items: end;
    padding: 10px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(17, 17, 17, 0.05);
    box-shadow: 0 16px 32px rgba(17, 17, 17, 0.08);
}

.thread-compose__icon,
.thread-compose__send {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 16px;
}

.thread-compose__icon {
    color: #666666;
    background: #f2f2f2;
}

.thread-emoji {
    position: relative;
    align-self: end;
    width: 46px;
    height: 46px;
}

.thread-emoji__panel {
    position: absolute;
    left: 0;
    bottom: calc(100% + 12px);
    z-index: 12;
    width: min(320px, calc(100vw - 36px));
    max-height: min(280px, 46vh);
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 4px;
    padding: 10px;
    overflow: auto;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(17, 17, 17, 0.08);
    box-shadow: 0 18px 42px rgba(17, 17, 17, 0.18);
}

.thread-emoji__panel[hidden] {
    display: none;
}

.thread-emoji__button {
    width: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    font-size: 22px;
    line-height: 1;
}

.thread-emoji__button:hover,
.thread-emoji__button:focus-visible {
    background: #f2f2f2;
}

.thread-compose__send {
    color: white;
    background: linear-gradient(135deg, #111111 0%, #444444 100%);
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.18);
}

.thread-compose__icon svg,
.thread-compose__send svg {
    width: 22px;
    height: 22px;
}

.thread-compose__field {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 4px;
}

.thread-compose__field textarea {
    width: 100%;
    max-height: 160px;
    padding: 10px 12px;
    border: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: none;
    resize: none;
    font-size: 16px;
    line-height: 1.4;
}

.thread-compose__field textarea::placeholder {
    color: #999999;
    opacity: 1;
}

.thread-review-prompt {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    align-items: end;
    padding: 12px;
}

.thread-review-prompt[hidden] {
    display: none;
}

.thread-review-prompt__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.76);
}

.thread-review-prompt__sheet {
    position: relative;
    z-index: 1;
    width: min(100%, 560px);
    margin: 0 auto;
    padding: 10px 16px 18px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 32px;
    background: var(--panel);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.24);
}

.thread-review-prompt__handle {
    width: 46px;
    height: 5px;
    margin: 6px auto 16px;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.14);
}

.thread-review-prompt__head {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 36px;
    gap: 12px;
    align-items: start;
}

.thread-review-prompt__icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #ffc247;
    background: var(--surface-muted);
    font-size: 26px;
    line-height: 1;
}

.thread-review-prompt__head h2 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 820;
    line-height: 1.08;
    letter-spacing: 0;
}

.thread-review-prompt__head p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

.thread-review-prompt__close {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 12px;
    color: var(--ink);
    background: var(--surface-muted);
}

.thread-review-prompt__close svg {
    width: 18px;
    height: 18px;
}

.thread-review-prompt__error {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    color: #8a1f1f;
    background: rgba(217, 31, 38, 0.1);
    border: 1px solid rgba(217, 31, 38, 0.16);
    font-size: 13px;
    font-weight: 700;
}

.thread-review-form {
    margin: 16px 0 0;
}

.thread-review-form__stars {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.thread-review-form__stars legend {
    grid-column: 1 / -1;
    margin-bottom: 6px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 760;
}

.thread-review-form__stars label {
    min-width: 0;
    cursor: pointer;
}

.thread-review-form__stars input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.thread-review-form__stars span {
    width: 100%;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(140, 145, 155, 0.34);
    font-size: 33px;
    line-height: 1;
    transition: transform 0.16s ease, color 0.16s ease;
}

.thread-review-form__stars label:has(input:checked) span,
.thread-review-form__stars label:has(input:checked) ~ label span {
    color: rgba(140, 145, 155, 0.34);
}

.thread-review-form__stars:has(label:nth-of-type(1) input:checked) label:nth-of-type(-n+1) span,
.thread-review-form__stars:has(label:nth-of-type(2) input:checked) label:nth-of-type(-n+2) span,
.thread-review-form__stars:has(label:nth-of-type(3) input:checked) label:nth-of-type(-n+3) span,
.thread-review-form__stars:has(label:nth-of-type(4) input:checked) label:nth-of-type(-n+4) span,
.thread-review-form__stars:has(label:nth-of-type(5) input:checked) label:nth-of-type(-n+5) span,
.thread-review-form__stars label:hover span,
.thread-review-form__stars label:has(input:focus-visible) span {
    color: #ffc247;
}

.thread-review-form__stars label:hover span {
    transform: translateY(-1px) scale(1.04);
}

.thread-review-form__comment {
    display: none;
    gap: 8px;
    margin-top: 12px;
}

.thread-review-form.has-rating .thread-review-form__comment,
.thread-review-form:has(input[name="rating"]:checked) .thread-review-form__comment {
    display: grid;
}

.thread-review-form__comment label {
    display: grid;
    gap: 8px;
}

.thread-review-form__comment label > span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 760;
}

.thread-review-form__comment textarea {
    width: 100%;
    min-height: 84px;
    padding: 12px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 16px;
    color: var(--ink);
    background: var(--surface-muted);
    resize: vertical;
    font-size: 15px;
    line-height: 1.45;
}

.thread-review-form__submit {
    min-height: 42px;
    border: 0;
    border-radius: 15px;
    color: #ffffff;
    background: #2f8f59;
    font-size: 14px;
    font-weight: 780;
}

.thread-review-prompt__decline {
    margin: 12px 0 0;
}

.thread-review-prompt__decline button {
    width: 100%;
    min-height: 42px;
    border: 0;
    color: var(--muted);
    background: transparent;
    font-size: 15px;
    font-weight: 760;
}

@media (max-width: 620px) {
    .thread-header {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 10px;
        padding: calc(env(safe-area-inset-top) + 10px) 14px 10px;
    }

    .thread-header__back {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .thread-header__meta strong {
        font-size: 17px;
    }

    .thread-listing {
        grid-template-columns: 56px minmax(0, 1fr) 20px;
        gap: 10px;
        margin: 10px 14px 0;
        padding: 10px;
        border-radius: 18px;
    }

    .thread-deal {
        margin: 10px 14px 0;
        padding: 14px;
        border-radius: 18px;
        flex-direction: column;
        align-items: stretch;
    }

    .thread-listing__media {
        width: 56px;
        height: 56px;
        border-radius: 16px;
        font-size: 20px;
    }

    .thread-listing__content strong {
        font-size: 14px;
    }

    .thread-deal__actions {
        justify-content: flex-start;
    }

    .thread-messages {
        gap: 8px;
        padding: 14px 14px 18px;
    }

    .thread-empty {
        padding: 20px;
        border-radius: 20px;
    }

    .thread-empty h2 {
        font-size: 24px;
    }

    .thread-bubble {
        max-width: 88%;
        padding: 11px 13px 9px;
        border-radius: 16px 16px 16px 8px;
    }

    .thread-bubble.is-own {
        border-radius: 16px 16px 8px 16px;
    }

    .thread-compose {
        padding: 8px 14px calc(env(safe-area-inset-bottom) + 12px);
    }

    .thread-compose__bar {
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        gap: 8px;
        padding: 8px;
        border-radius: 20px;
    }

    .thread-compose__icon,
    .thread-compose__send {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .thread-emoji {
        width: 42px;
        height: 42px;
    }

    .thread-emoji__panel {
        width: min(296px, calc(100vw - 28px));
        max-height: min(252px, 44vh);
        grid-template-columns: repeat(7, minmax(0, 1fr));
        bottom: calc(100% + 10px);
        padding: 8px;
        border-radius: 20px;
    }

    .thread-emoji__button {
        border-radius: 11px;
        font-size: 21px;
    }

    .thread-compose__field textarea {
        padding: 9px 10px;
        font-size: 16px;
    }

    .thread-review-prompt {
        padding: 10px;
    }

    .thread-review-prompt__sheet {
        padding: 10px 14px 16px;
        border-radius: 28px;
    }

    .thread-review-prompt__head {
        grid-template-columns: 52px minmax(0, 1fr) 34px;
        gap: 10px;
    }

    .thread-review-prompt__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .thread-review-prompt__head h2 {
        font-size: 22px;
    }

    .thread-review-form__stars span {
        height: 44px;
        font-size: 30px;
    }
}

/* Listing detail refresh */

.page-main--listing-detail {
    padding-top: 16px;
}

.listing-detail {
    padding: 16px 0 44px;
}

.listing-detail__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
    gap: 16px;
    align-items: start;
}

.listing-detail__media-card,
.detail-card {
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 24px 60px rgba(17, 17, 17, 0.08);
}

.listing-detail__media-card {
    overflow: hidden;
}

.listing-detail__side {
    position: sticky;
    top: 128px;
    display: grid;
    gap: 14px;
}

.detail-card {
    padding: 26px;
}

.detail-card--summary {
    position: relative;
    display: grid;
    gap: 14px;
    padding: 24px;
}

.detail-card--summary-actions-only .detail-kicker--actions-only {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
}

.detail-card--summary-actions-only h1 {
    padding-top: 2px;
    padding-right: 68px;
}

.listing-detail .listing-gallery {
    width: 100%;
    gap: 0;
}

.listing-detail .listing-gallery__main {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    background: #111111;
}

.listing-detail .listing-gallery__track {
    position: relative;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x pan-y pinch-zoom;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.listing-detail .listing-gallery__track::-webkit-scrollbar {
    display: none;
}

.listing-detail .listing-gallery__track:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.72);
    outline-offset: -6px;
}

.listing-detail .listing-gallery__slide {
    min-width: 100%;
    margin: 0;
    flex: 0 0 100%;
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.listing-detail .listing-gallery__open {
    width: 100%;
    display: block;
    padding: 0;
    border: 0;
    color: inherit;
    background: #111111;
    cursor: zoom-in;
}

.listing-detail .listing-gallery__open:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.78);
    outline-offset: -7px;
}

.listing-detail .listing-gallery__main img,
.listing-detail .listing-gallery__placeholder {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.listing-detail .listing-gallery__main img {
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.22s ease;
}

@media (hover: hover) {
    .listing-detail .listing-gallery__open:hover img {
        transform: scale(1.015);
    }
}

.listing-detail .listing-gallery__dots {
    position: absolute;
    left: 50%;
    bottom: 14px;
    z-index: 2;
    max-width: calc(100% - 32px);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    padding: 7px 9px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.36);
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.18);
    backdrop-filter: blur(16px);
    transform: translateX(-50%);
    scrollbar-width: none;
}

.listing-detail .listing-gallery__dots::-webkit-scrollbar {
    display: none;
}

.listing-detail .listing-gallery__dot {
    width: 7px;
    height: 7px;
    min-width: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.54);
    opacity: 0.9;
    transition: width 0.18s ease, background-color 0.18s ease, opacity 0.18s ease;
}

.listing-detail .listing-gallery__dot.is-active {
    width: 20px;
    background: #ffffff;
    opacity: 1;
}

.listing-detail .listing-gallery__dot:only-child {
    width: 8px;
    cursor: default;
}

.listing-detail .listing-gallery__dot:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

.listing-detail .listing-gallery__placeholder {
    min-height: 0;
    display: grid;
    place-items: center;
    color: #ffffff;
    font-size: 112px;
    font-weight: 800;
    background:
        linear-gradient(145deg, rgba(17, 17, 17, 0.98), rgba(68, 68, 68, 0.86)),
        linear-gradient(45deg, rgba(119, 119, 119, 0.22), rgba(170, 170, 170, 0.16));
}

.listing-detail .listing-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    border-top: 1px solid rgba(17, 17, 17, 0.06);
    background: rgba(255, 255, 255, 0.72);
}

.listing-detail .listing-gallery__thumbs img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    object-fit: cover;
}

body.lightbox-open {
    overflow: hidden;
}

body.detail-specs-sheet-open {
    overflow: hidden;
}

.listing-lightbox {
    --lightbox-backdrop-alpha: 0.88;
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 24px;
    background-color: rgba(0, 0, 0, var(--lightbox-backdrop-alpha));
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(18px);
    transition: opacity 0.18s ease, background-color 0.18s ease;
}

.listing-lightbox.is-open {
    opacity: 1;
    pointer-events: auto;
}

.listing-lightbox.is-gesture-active {
    transition: opacity 0.18s ease;
}

.listing-lightbox[hidden] {
    display: none;
}

.listing-lightbox__stage {
    position: relative;
    width: min(100%, 1120px);
    height: min(100%, calc(100vh - 48px));
    display: grid;
    place-items: center;
    will-change: transform;
    transition: transform 0.18s ease;
}

.listing-lightbox.is-gesture-active .listing-lightbox__stage {
    transition: none;
}

.listing-lightbox__track {
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    will-change: opacity;
    transition: opacity 0.18s ease;
}

.listing-lightbox__track.is-zoomed {
    cursor: grab;
}

.listing-lightbox__track.is-dragging {
    cursor: grabbing;
}

.listing-lightbox.is-gesture-active .listing-lightbox__track {
    transition: none;
}

.listing-lightbox__track::-webkit-scrollbar {
    display: none;
}

.listing-lightbox__track:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.64);
    outline-offset: -4px;
}

.listing-lightbox__slide {
    min-width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    flex: 0 0 100%;
    padding: 54px 72px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.listing-lightbox__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    border-radius: 8px;
    object-fit: contain;
    background: #111111;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
    transform-origin: center center;
    transition: transform 0.16s ease;
    will-change: transform;
    pointer-events: auto;
    user-select: none;
    -webkit-user-drag: none;
}

.listing-lightbox__image.is-zoomed {
    cursor: grab;
    touch-action: none;
}

.listing-lightbox__track.is-dragging .listing-lightbox__image {
    cursor: grabbing;
    transition: none;
}

.listing-lightbox__button {
    position: absolute;
    z-index: 2;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(17, 17, 17, 0.52);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(14px);
    transition: background-color 0.16s ease, opacity 0.16s ease;
}

.listing-lightbox__button:hover {
    background: rgba(17, 17, 17, 0.76);
}

.listing-lightbox__button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

.listing-lightbox__button:disabled {
    cursor: default;
    opacity: 0.28;
}

.listing-lightbox__button svg {
    width: 24px;
    height: 24px;
}

.listing-lightbox__button--close {
    top: 18px;
    right: 18px;
}

.listing-lightbox.is-gesture-active .listing-lightbox__button--close {
    opacity: 0;
    pointer-events: none;
}

.listing-lightbox__button--prev {
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
}

.listing-lightbox__button--next {
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
}

.detail-kicker {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.detail-kicker--actions-only {
    justify-content: flex-end;
}

.detail-kicker__actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.detail-heart-form {
    margin: 0;
}

.detail-heart-button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 16px;
    background: #ffffff;
}

.detail-heart-button.is-active,
.detail-heart-button.is-active:hover,
.detail-heart-button.is-active:active {
    color: #d91f26;
    background: #ffffff;
}

.detail-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.detail-badges span {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    color: #777777;
    font-size: 13px;
    font-weight: 750;
    background: #f2f2f2;
}

.detail-card--summary h1 {
    margin: 0;
    color: #111111;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: 0;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.listing-detail .detail-price {
    margin: 0;
    color: #111111;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.12;
    font-variant-numeric: tabular-nums;
}

.listing-detail .detail-copy {
    margin: 0;
    color: #777777;
    font-size: 16px;
    line-height: 1.7;
}

.detail-copy--summary {
    max-width: 58ch;
}

.listing-detail .detail-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.detail-owner-status {
    display: grid;
    margin: -2px 0 2px;
}

.detail-owner-status__form {
    margin: 0;
}

.detail-owner-status__button,
.detail-owner-status__pending {
    width: 100%;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    color: #ffffff;
    background: var(--accent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    font-size: 16px;
    font-weight: 760;
    line-height: 1.15;
    text-align: center;
}

.detail-owner-status__button--muted,
.detail-owner-status__pending {
    color: var(--ink);
    background: var(--surface-muted);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.detail-action--wide {
    grid-column: 1 / -1;
}

.detail-action {
    width: 100%;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 19px;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
}

.detail-action svg {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
}

.detail-action span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.listing-detail .button:hover {
    transform: translateY(-1px);
    box-shadow: none;
}

.listing-detail .detail-action--message {
    color: #ffffff;
    background: #243447;
    border-color: #243447;
    box-shadow: 0 12px 26px rgba(36, 52, 71, 0.18);
}

.listing-detail .detail-action--message:hover {
    background: #1b2938;
    border-color: #1b2938;
    box-shadow: 0 16px 30px rgba(27, 41, 56, 0.22);
}

.listing-detail .detail-action--phone {
    color: #ffffff;
    background: #2faa4a;
    border-color: #2faa4a;
    box-shadow: 0 12px 26px rgba(47, 170, 74, 0.24);
}

.listing-detail .detail-action--phone:hover {
    background: #279341;
    border-color: #279341;
    box-shadow: 0 16px 30px rgba(47, 170, 74, 0.28);
}

.detail-action--primary:hover {
    box-shadow: 0 18px 32px rgba(17, 17, 17, 0.12);
}

.detail-action--favorite:hover {
    background: #f7f7f7;
}

.detail-action:disabled {
    cursor: wait;
    opacity: 0.72;
}

.detail-action--favorite.is-active {
    color: #d91f26;
    border-color: rgba(217, 31, 38, 0.14);
    background: rgba(217, 31, 38, 0.08);
}

.detail-action--favorite.is-active svg path {
    fill: currentColor;
}

.detail-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.detail-stats div,
.detail-contact-list a,
.detail-contact-list div {
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 18px;
    background: #f7f7f7;
}

.detail-stats span,
.detail-contact-list span,
.detail-section-heading span,
.detail-seller__person span {
    display: block;
    color: #888888;
    font-size: 12px;
    font-weight: 560;
    line-height: 1.22;
}

.detail-stats strong,
.detail-contact-list strong {
    display: block;
    margin-top: 6px;
    color: #111111;
    font-size: 15px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.detail-stats span,
.detail-stats strong {
    font-weight: 400;
}

.detail-section-heading {
    display: grid;
    gap: 4px;
    margin-bottom: 14px;
}

.detail-section-heading h2 {
    margin: 0;
    color: #111111;
    font-size: 28px;
    font-weight: 520;
    line-height: 1.08;
    letter-spacing: 0;
}

.detail-seller__person {
    display: flex;
    align-items: center;
    gap: 12px;
}

.detail-seller__avatar {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 20px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    background: #111111;
}

.detail-seller__person strong {
    display: block;
    color: #111111;
    font-size: 18px;
    line-height: 1.25;
}

.verified-name {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.verified-name__badge {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    color: #1f9d55;
}

.verified-name__badge svg,
.verified-name__badge img {
    width: 100%;
    height: 100%;
    display: block;
}

.detail-contact-list {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}

.detail-contact-list a {
    transition: transform 0.16s ease, background-color 0.16s ease;
}

.detail-contact-list a:hover {
    background: #ffffff;
    transform: translateY(-1px);
}

.detail-seller__bio {
    margin: 16px 0 0;
    color: #777777;
    line-height: 1.65;
}

.detail-seller[data-card-href] {
    cursor: pointer;
    transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s ease, border-color 0.16s ease;
}

.detail-seller[data-card-href]:focus-visible {
    outline: none;
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08), 0 24px 60px rgba(17, 17, 17, 0.08);
}

@media (hover: hover) {
    .detail-seller[data-card-href]:hover {
        transform: translateY(-2px);
        border-color: rgba(17, 17, 17, 0.12);
        box-shadow: 0 28px 62px rgba(17, 17, 17, 0.1);
    }
}

.detail-seller.is-pressed {
    transform: scale(0.986);
}

.detail-seller.is-releasing {
    transform: translateY(-1px);
}

.detail-seller__footer {
    margin-top: 16px;
    padding-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    color: #111111;
    font-size: 14px;
    font-weight: 750;
}

.detail-seller__footer svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: #888888;
}

.seller-store {
    padding: 10px 0 28px;
}

.seller-store__stack {
    display: grid;
    gap: 14px;
}

.seller-store__hero {
    display: grid;
    gap: 18px;
    padding: 22px 24px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 249, 252, 0.96)),
        #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 22px 56px rgba(15, 23, 42, 0.08);
}

.seller-store__identity {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.seller-store__copy {
    min-width: 0;
    display: grid;
    gap: 12px;
}

.seller-store__hero .detail-seller__avatar {
    width: 88px;
    height: 88px;
    border-radius: 30px;
    font-size: 32px;
    box-shadow:
        0 16px 34px rgba(15, 23, 42, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.86);
}

.seller-store__top-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 2px;
}

.seller-store__top-stat {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.seller-store__top-stat strong {
    display: block;
    color: #111111;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
}

.seller-store__top-stat span {
    display: block;
    color: rgba(15, 23, 42, 0.56);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

.seller-store__copy h1 {
    margin: 0;
    color: #111111;
    font-family: var(--font-display);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 600;
    line-height: 0.94;
    letter-spacing: -0.05em;
    overflow-wrap: anywhere;
}

.seller-store__lead {
    margin: 0;
    max-width: 62ch;
    color: rgba(15, 23, 42, 0.72);
    font-size: 14px;
    line-height: 1.6;
}

.seller-store__lead:empty {
    display: none;
}

.seller-store__meta-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    color: rgba(15, 23, 42, 0.6);
    font-size: 13px;
    line-height: 1.45;
}

.seller-store__meta-line span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.seller-store__meta-line span:not(:first-child)::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-right: 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.22);
}

.seller-store__follow-form {
    display: block;
}

.seller-store__footer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

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

.seller-store__follow-button {
    min-width: 188px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.seller-store__follow-button:not(.is-active):not(.seller-store__follow-button--owner):not(.seller-store__follow-button--login) {
    color: #ffffff;
    background: linear-gradient(145deg, #111827, #2d3748);
    border-color: transparent;
}

.seller-store__follow-button.is-active,
.seller-store__follow-button--owner,
.seller-store__follow-button--login {
    color: #111111;
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.seller-store__follow-button:hover,
.seller-store__follow-button.is-active:hover,
.seller-store__follow-button--owner:hover,
.seller-store__follow-button--login:hover {
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}

.seller-store__follow-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
}

.seller-store__follow-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.seller-store__trust {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.seller-store__trust .seller-store__rating {
    width: auto;
    max-width: 100%;
    min-height: 42px;
    padding: 8px 14px;
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.88);
}

.seller-store__trust .seller-store__rating strong {
    font-size: 15px;
}

.seller-store__trust .seller-store__rating span {
    font-size: 13px;
}

.seller-store__listings {
    display: grid;
    gap: 14px;
}

.seller-store__empty-state h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}

.seller-store__heading-row {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
}

.seller-store__heading {
    margin-bottom: 0;
}

.seller-store__heading-note {
    max-width: 360px;
}

.seller-store__heading-note span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    color: rgba(15, 23, 42, 0.66);
    font-size: 12px;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.82);
}

.seller-store__empty-state {
    padding: 28px 22px;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
        #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.seller-store__empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.seller-store__portfolio {
    display: grid;
    gap: 14px;
}

.store-portfolio__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.store-portfolio__card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.store-portfolio__media {
    aspect-ratio: 4 / 3;
    background: rgba(226, 232, 240, 0.72);
}

.store-portfolio__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.store-portfolio__body {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.store-portfolio__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.store-portfolio__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: rgba(15, 23, 42, 0.68);
    font-size: 12px;
    font-weight: 800;
    background: rgba(241, 245, 249, 0.86);
}

.store-portfolio__caption {
    display: grid;
    gap: 4px;
}

.store-portfolio__caption strong {
    color: #111111;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.35;
}

.store-portfolio__caption p,
.store-portfolio__comment p {
    margin: 0;
    color: rgba(15, 23, 42, 0.68);
    font-size: 13px;
    line-height: 1.45;
}

.store-portfolio__comments {
    display: grid;
    gap: 9px;
}

.store-portfolio__comment {
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.92);
}

.store-portfolio__comment--reply {
    margin-left: 18px;
    border-left: 2px solid rgba(15, 23, 42, 0.12);
}

.store-portfolio__comment strong {
    color: #111111;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;
}

.store-portfolio__comment p span {
    color: rgba(15, 23, 42, 0.46);
    font-weight: 800;
}

.detail-description {
    grid-column: 1 / 2;
}

.detail-specs {
    grid-column: 1 / 2;
}

.listing-detail__grid > .detail-seller {
    grid-column: 1 / 2;
}

.detail-related {
    grid-column: 1 / -1;
    display: grid;
    gap: 14px;
}

.detail-related__heading {
    margin-bottom: 0;
}

.detail-related__grid {
    align-items: stretch;
}

.detail-related__grid .listing-card--similar {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.detail-related__grid .listing-card--similar .listing-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.detail-related__empty {
    color: #666666;
}

.detail-related__empty p {
    margin: 0;
    max-width: 62ch;
    font-size: 16px;
    line-height: 1.65;
}

.detail-specs__rows,
.detail-specs-sheet__rows {
    display: grid;
    gap: 12px;
}

.detail-specs__row,
.detail-specs-sheet__row {
    min-width: 0;
    color: #666666;
    font-size: 13px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.detail-specs__row + .detail-specs__row,
.detail-specs-sheet__row + .detail-specs-sheet__row {
    padding-top: 12px;
    border-top: 1px solid rgba(17, 17, 17, 0.06);
}

.detail-specs__row span,
.detail-specs-sheet__row span {
    color: #8a8a8a;
    font-weight: 460;
}

.detail-specs__row strong,
.detail-specs-sheet__row strong {
    color: #111111;
    font-weight: 520;
}

.detail-specs__open {
    min-height: 48px;
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    color: #111111;
    background: rgba(17, 17, 17, 0.04);
    transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.detail-specs__open:hover {
    transform: translateY(-1px);
    background: #ffffff;
    border-color: rgba(17, 17, 17, 0.12);
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.07);
}

.detail-specs__open:focus-visible,
.detail-specs-sheet__close:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08);
}

.detail-specs__open svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    transition: transform 0.2s ease;
}

.detail-specs__open[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.detail-specs-sheet {
    position: fixed;
    inset: 0;
    z-index: 980;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 24px 18px 0;
    background: rgba(17, 17, 17, 0.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.24s ease;
}

.detail-specs-sheet[hidden] {
    display: none !important;
}

.detail-specs-sheet.is-open {
    opacity: 1;
    pointer-events: auto;
}

.detail-specs-sheet__panel {
    width: min(100%, 660px);
    max-height: min(78vh, 760px);
    display: flex;
    flex-direction: column;
    border-radius: 34px 34px 0 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), #ffffff);
    box-shadow: 0 -18px 48px rgba(17, 17, 17, 0.16);
    transform: translateY(calc(100% + 24px));
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

.detail-specs-sheet.is-open .detail-specs-sheet__panel {
    transform: translateY(0);
}

.detail-specs-sheet__handle {
    width: 56px;
    height: 5px;
    margin: 10px auto 0;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.14);
}

.detail-specs-sheet__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 20px 12px;
}

.detail-specs-sheet__header strong {
    margin: 0;
    color: #111111;
    font-family: var(--font-display);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.detail-specs-sheet__close {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 16px;
    color: #111111;
    background: rgba(17, 17, 17, 0.04);
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.detail-specs-sheet__close:hover {
    transform: translateY(-1px);
    background: #ffffff;
    border-color: rgba(17, 17, 17, 0.12);
}

.detail-specs-sheet__close svg {
    width: 22px;
    height: 22px;
}

.detail-specs-sheet__body {
    overflow: auto;
    padding: 0 20px calc(32px + env(safe-area-inset-bottom, 0px));
}

.detail-description .detail-copy {
    color: #555555;
    font-size: 17px;
}

@media (max-width: 1180px) {
    .listing-detail__grid {
        grid-template-columns: 1fr;
    }

    .listing-detail__side {
        position: static;
    }

    .detail-description {
        grid-column: auto;
    }

    .detail-specs {
        grid-column: auto;
    }

    .listing-detail__grid > .detail-seller {
        grid-column: auto;
    }

    .detail-related {
        grid-column: auto;
    }
}

@media (max-width: 620px) {
    .page-main--listing-detail {
        padding-top: 8px;
        padding-bottom: 136px;
    }

    .listing-detail {
        padding: 8px 0 26px;
    }

    .listing-detail__grid {
        gap: 10px;
    }

    .listing-detail__media-card,
    .detail-card {
        border-radius: 26px;
    }

    .detail-card,
    .detail-card--summary {
        padding: 20px;
    }

    .detail-specs__row,
    .detail-specs-sheet__row {
        font-size: 13px;
        line-height: 1.25;
    }

    .detail-specs__open {
        width: 100%;
        justify-content: space-between;
        margin-top: 16px;
        padding: 0 16px;
        border-radius: 18px;
    }

    .detail-specs-sheet {
        padding: 10px 0 0;
    }

    .detail-specs-sheet__panel {
        width: 100%;
        max-height: min(82vh, calc(100vh - 88px));
        border-radius: 30px 30px 0 0;
    }

    .detail-specs-sheet__header {
        padding: 10px 18px 12px;
    }

    .detail-specs-sheet__header strong {
        font-size: 28px;
    }

    .detail-specs-sheet__close {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .detail-specs-sheet__body {
        padding: 0 18px calc(26px + env(safe-area-inset-bottom, 0px));
    }

    .detail-specs-sheet__row + .detail-specs-sheet__row {
        padding-top: 14px;
    }

    .listing-detail .listing-gallery__main img,
    .listing-detail .listing-gallery__placeholder {
        aspect-ratio: 1 / 1;
    }

    .listing-detail .listing-gallery__dots {
        bottom: 12px;
        max-width: calc(100% - 24px);
        padding: 6px 8px;
    }

    .listing-detail .listing-gallery__placeholder {
        font-size: 92px;
    }

    .listing-lightbox {
        padding: 12px;
    }

    .listing-lightbox__stage {
        height: min(100%, calc(100vh - 24px));
    }

    .listing-lightbox__slide {
        padding: 56px 6px 52px;
    }

    .listing-lightbox__button {
        width: 44px;
        height: 44px;
    }

    .listing-lightbox__button--close {
        top: 10px;
        right: 10px;
    }

    .listing-lightbox__button--prev {
        left: 10px;
    }

    .listing-lightbox__button--next {
        right: 10px;
    }

    .listing-detail .listing-gallery__thumbs {
        grid-auto-flow: column;
        grid-auto-columns: 76px;
        grid-template-columns: none;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .listing-detail .listing-gallery__thumbs::-webkit-scrollbar {
        display: none;
    }

    .detail-card--summary {
        gap: 12px;
    }

    .detail-card--summary h1 {
        font-size: 31px;
        line-height: 1.14;
    }

    .listing-detail .detail-price {
        font-size: 27px;
    }

    .detail-stats {
        grid-template-columns: 1fr;
    }

    .detail-action {
        min-height: 54px;
        border-radius: 18px;
    }

    .detail-related {
        gap: 10px;
    }

    .detail-section-heading h2 {
        font-size: 26px;
    }

    .detail-description .detail-copy {
        font-size: 16px;
    }

    .seller-store {
        padding-top: 4px;
    }

    .seller-store__hero {
        padding: 16px;
        border-radius: 26px;
    }

    .seller-store__hero .detail-seller__avatar {
        width: 68px;
        height: 68px;
        border-radius: 22px;
        font-size: 26px;
    }

    .seller-store__copy h1 {
        font-size: 30px;
    }

    .seller-store__identity {
        gap: 12px;
    }

    .seller-store__top-stats {
        gap: 8px;
    }

    .seller-store__top-stat strong {
        font-size: 19px;
    }

    .seller-store__top-stat span {
        font-size: 10px;
    }

    .seller-store__lead {
        font-size: 13px;
        line-height: 1.55;
    }

    .seller-store__meta-line {
        gap: 6px 10px;
        font-size: 12px;
    }

    .seller-store__meta-line span:not(:first-child)::before {
        margin-right: 8px;
    }

    .seller-store__footer-row,
    .seller-store__heading-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .seller-store__heading-note {
        max-width: none;
    }

    .store-portfolio__grid {
        grid-template-columns: 1fr;
    }

    .store-portfolio__card {
        border-radius: 22px;
    }

    .store-portfolio__body {
        padding: 12px;
    }

    .seller-store__trust,
    .seller-store__actions {
        width: 100%;
        align-items: stretch;
    }

    .seller-store__trust .seller-store__rating {
        width: 100%;
    }

    .seller-store__follow-button,
    .seller-store__follow-form,
    .seller-store__empty-actions .button {
        width: 100%;
        min-width: 0;
    }

}

@media (max-width: 380px) {
    .detail-card--summary h1 {
        font-size: 28px;
    }
}

/* Listing form refresh */

.page-main--listing-form {
    padding-top: 0;
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px));
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.032) 1px, transparent 1px) center top / 64px 64px,
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 247, 247, 0.96) 42%, rgba(235, 235, 233, 0.9) 100%);
}

.listing-form-screen {
    padding: clamp(18px, 3.2vw, 38px) 0 0;
}

.listing-form-shell {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
    --listing-form-ink: #111111;
    --listing-form-muted: rgba(17, 17, 17, 0.58);
    --listing-form-line: rgba(17, 17, 17, 0.085);
    --listing-form-surface: rgba(255, 255, 255, 0.9);
    --listing-form-surface-strong: rgba(255, 255, 255, 0.98);
    max-width: 920px;
}

.listing-form-shell--transport {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
}

.listing-form-shell--real_estate {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
}

.listing-form-shell--jobs {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
}

.listing-form-shell--services {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
}

.listing-form-shell--electronics {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
}

.listing-form-shell--personal_items {
    --listing-form-accent: #111111;
    --listing-form-accent-rgb: 17, 17, 17;
}

.listing-form-shell--animals {
    --listing-form-accent: #1f7a53;
    --listing-form-accent-rgb: 31, 122, 83;
}

.listing-form-shell--free {
    --listing-form-accent: #d96b16;
    --listing-form-accent-rgb: 217, 107, 22;
}

.listing-form-shell--category {
    max-width: 1060px;
}

.listing-form-screen .listing-form-header {
    border-color: rgba(17, 17, 17, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 244, 242, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 16px 36px rgba(17, 17, 17, 0.06);
    backdrop-filter: blur(18px) saturate(0.94);
    -webkit-backdrop-filter: blur(18px) saturate(0.94);
}

.listing-form-screen .listing-form-title span {
    color: #6c685f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.listing-form-screen .listing-form-title h1 {
    margin-top: 3px;
    font-size: 26px;
    font-weight: 620;
    line-height: 1.14;
}

.listing-form-header--plain .listing-form-title span {
    font-weight: 400;
}

.listing-form-header--plain .listing-form-title h1 {
    font-size: 22px;
}

.listing-form-screen .listing-form-status.is-live {
    color: #4f4b45;
    background: rgba(79, 75, 69, 0.08);
    border-color: rgba(79, 75, 69, 0.14);
}

.listing-form-screen .listing-form-card {
    border-color: rgba(17, 17, 17, 0.085);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(245, 245, 243, 0.95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 18px 38px rgba(17, 17, 17, 0.06);
}

.listing-form-screen .listing-form-card::before {
    height: 2px;
    background: linear-gradient(90deg, rgba(79, 75, 69, 0.86), rgba(79, 75, 69, 0));
}

.listing-form-screen .listing-form-card__head {
    gap: 12px;
    border-bottom-color: rgba(17, 17, 17, 0.07);
}

.listing-form-screen .listing-form-card__head::after {
    color: #6c685f;
    background: rgba(17, 17, 17, 0.04);
}

.listing-form-screen .listing-form-card__icon {
    width: 40px;
    height: 40px;
    border-color: rgba(17, 17, 17, 0.11);
    color: #4f4b45;
    background: linear-gradient(180deg, rgba(249, 249, 247, 0.98), rgba(235, 233, 229, 0.95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 10px 20px rgba(17, 17, 17, 0.08);
}

.listing-form-screen .listing-form-card__icon::after {
    display: none;
}

.listing-form-screen .listing-form-card__icon svg {
    width: 21px;
    height: 21px;
    filter: none;
}

.listing-form-screen .listing-form-card__head h2 {
    color: #1f1d1a;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
}

.listing-form-screen .listing-form-card__head p {
    color: #5f5b56;
    font-size: 13px;
    line-height: 1.45;
}

.listing-form-screen .listing-form-card__chevron {
    border-color: rgba(17, 17, 17, 0.11);
    color: #4f4b45;
    background: rgba(245, 244, 241, 0.96);
}

.listing-form-screen .listing-form-card__head--toggle:focus-visible {
    box-shadow: 0 0 0 4px rgba(79, 75, 69, 0.08);
}

.listing-form-screen .listing-category-choice {
    --category-accent: #4f4b45;
    --category-accent-rgb: 79, 75, 69;
    --category-accent-2: #7b766e;
    --category-accent-2-rgb: 123, 118, 110;
    min-height: 170px;
    gap: 14px;
    padding: 16px;
    border-color: rgba(17, 17, 17, 0.09);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(245, 245, 243, 0.95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 18px 38px rgba(17, 17, 17, 0.06);
}

.listing-form-screen .listing-category-choice::after {
    border-color: rgba(17, 17, 17, 0.08);
}

.listing-form-screen .listing-category-choice:hover,
.listing-form-screen .listing-category-choice:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(17, 17, 17, 0.15);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 22px 42px rgba(17, 17, 17, 0.09);
}

.listing-form-screen .listing-category-choice__top,
.listing-form-screen .listing-category-choice__footer {
    gap: 10px;
}

.listing-form-screen .listing-category-choice__icon {
    width: 52px;
    height: 52px;
    border-color: rgba(17, 17, 17, 0.12);
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.34), transparent 28%),
        linear-gradient(145deg, var(--category-accent-2), var(--category-accent) 70%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        0 12px 24px rgba(17, 17, 17, 0.12);
}

.listing-form-screen .listing-category-choice__icon::after {
    background: rgba(255, 255, 255, 0.18);
}

.listing-form-screen .listing-category-choice__icon img {
    width: 38px;
    height: 38px;
}

.listing-form-screen .listing-category-choice__icon svg {
    width: 27px;
    height: 27px;
}

.listing-form-screen .listing-category-choice__meta {
    color: #706b64;
    font-size: 12px;
    font-weight: 700;
}

.listing-form-screen .listing-category-choice__content {
    gap: 6px;
}

.listing-form-screen .listing-category-choice strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.18;
}

.listing-form-screen .listing-category-choice p {
    color: #5f5b56;
    font-size: 13px;
    line-height: 1.45;
}

.listing-form-screen .listing-category-choice__footer {
    padding-top: 10px;
}

.listing-form-screen .listing-category-choice__arrow {
    width: 34px;
    height: 34px;
    border-color: rgba(17, 17, 17, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent), var(--category-accent);
    box-shadow: 0 10px 20px rgba(17, 17, 17, 0.12);
}

.listing-form-header {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.1), transparent 44%),
        var(--listing-form-surface);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 18px 48px rgba(17, 17, 17, 0.08);
    backdrop-filter: blur(22px) saturate(1.16);
    -webkit-backdrop-filter: blur(22px) saturate(1.16);
}

.listing-form-header--plain {
    grid-template-columns: 48px minmax(0, 1fr);
}

.listing-form-back {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 8px;
    color: #111111;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 22px rgba(17, 17, 17, 0.06);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.listing-form-back:hover,
.listing-form-back:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(var(--listing-form-accent-rgb), 0.26);
    box-shadow: 0 16px 30px rgba(17, 17, 17, 0.1);
    outline: none;
}

.listing-form-back svg {
    width: 24px;
    height: 24px;
}

.listing-form-title {
    min-width: 0;
}

.listing-form-title span {
    display: block;
    color: var(--listing-form-accent);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.listing-form-title h1 {
    margin: 4px 0 0;
    color: var(--listing-form-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 31px;
    font-weight: 760;
    line-height: 1.08;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.listing-form-status {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 8px;
    color: var(--listing-form-muted);
    font-size: 13px;
    font-weight: 820;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(17, 17, 17, 0.07);
    white-space: nowrap;
}

.listing-form-status.is-live {
    color: var(--listing-form-accent);
    background: rgba(var(--listing-form-accent-rgb), 0.1);
    border-color: rgba(var(--listing-form-accent-rgb), 0.18);
}

.listing-form-status.is-muted {
    color: #777777;
}

.listing-form-alerts {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.listing-form-alerts .alert {
    margin: 0;
}

.listing-form {
    display: grid;
    gap: 16px;
    margin-top: 16px;
    counter-reset: listing-form-section;
}

.listing-form--wizard {
    min-height: calc(100svh - 154px);
    align-content: start;
}

.listing-form-wizard-progress {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 2px;
}

.listing-form-wizard-progress:empty {
    display: none;
}

.listing-form-wizard-progress__item {
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
    color: rgba(17, 17, 17, 0.48);
    background: rgba(255, 255, 255, 0.62);
    font: inherit;
    text-align: left;
}

.listing-form-wizard-progress__item span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: inherit;
    font-size: 12px;
    font-weight: 850;
    background: rgba(17, 17, 17, 0.06);
}

.listing-form-wizard-progress__item strong {
    overflow: hidden;
    font-size: 13px;
    font-weight: 780;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listing-form-wizard-progress__item.is-active {
    color: var(--listing-form-ink);
    border-color: rgba(var(--listing-form-accent-rgb), 0.34);
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.12), transparent 52%),
        #ffffff;
    box-shadow: 0 12px 24px rgba(var(--listing-form-accent-rgb), 0.11);
}

.listing-form-wizard-progress__item.is-active span,
.listing-form-wizard-progress__item.is-complete span {
    color: #ffffff;
    background: var(--listing-form-accent);
}

.listing-form-wizard-progress__item:disabled {
    cursor: default;
}

.listing-form-wizard-progress__item:not(:disabled) {
    cursor: pointer;
}

.listing-form--wizard [data-listing-wizard-step][hidden],
.listing-form--wizard [data-listing-wizard-final-only][hidden],
.listing-form--wizard [data-listing-wizard-next][hidden],
.listing-form--wizard [data-listing-wizard-submit][hidden],
.listing-form--wizard [data-listing-wizard-back][hidden] {
    display: none;
}

.listing-form-card {
    position: relative;
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--listing-form-line);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)),
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.055), transparent 42%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 18px 46px rgba(17, 17, 17, 0.075);
    counter-increment: listing-form-section;
}

.listing-form-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--listing-form-accent), rgba(var(--listing-form-accent-rgb), 0));
    pointer-events: none;
}

.listing-form-card__head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}

.listing-form-card__head > div {
    min-width: 0;
}

.listing-form-card__head::after {
    content: "0" counter(listing-form-section);
    min-width: 36px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border-radius: 8px;
    color: rgba(17, 17, 17, 0.54);
    background: rgba(17, 17, 17, 0.045);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.listing-form-card__icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 8px;
    color: var(--listing-form-accent);
    background: rgba(var(--listing-form-accent-rgb), 0.1);
    border: 1px solid rgba(var(--listing-form-accent-rgb), 0.14);
}

.listing-form-card__icon svg {
    width: 23px;
    height: 23px;
}

.listing-form-card__icon--vibrant {
    --listing-form-icon-accent: #2f6fed;
    --listing-form-icon-accent-rgb: 47, 111, 237;
    --listing-form-icon-accent-2: #18bfd0;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.64), transparent 28%),
        linear-gradient(145deg, var(--listing-form-icon-accent-2), var(--listing-form-icon-accent) 64%, rgba(var(--listing-form-icon-accent-rgb), 0.86));
    border-color: rgba(var(--listing-form-icon-accent-rgb), 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 -14px 24px rgba(17, 17, 17, 0.16),
        0 14px 28px rgba(var(--listing-form-icon-accent-rgb), 0.24);
}

.listing-form-card__icon--vibrant::after {
    content: "";
    position: absolute;
    inset: 8px 7px auto auto;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.3);
    filter: blur(1px);
    pointer-events: none;
}

.listing-form-card__icon--vibrant svg {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 2px rgba(17, 17, 17, 0.28));
}

.listing-form-card__icon--details {
    --listing-form-icon-accent: #10a66a;
    --listing-form-icon-accent-rgb: 16, 166, 106;
    --listing-form-icon-accent-2: #7ac943;
}

.listing-form-card__icon--contacts {
    --listing-form-icon-accent: #2f6fed;
    --listing-form-icon-accent-rgb: 47, 111, 237;
    --listing-form-icon-accent-2: #18bfd0;
}

.listing-form-card__icon--photos {
    --listing-form-icon-accent: #e97722;
    --listing-form-icon-accent-rgb: 233, 119, 34;
    --listing-form-icon-accent-2: #ffbe3d;
}

.listing-form-card__head h2 {
    margin: 0;
    color: var(--listing-form-ink);
    font-size: 21px;
    font-weight: 560;
    line-height: 1.14;
}

.listing-form-card__head p {
    margin: 4px 0 0;
    color: var(--listing-form-muted);
    font-size: 14px;
    line-height: 1.35;
}

.listing-form-card__head--toggle {
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
}

.listing-form-card__head--toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(var(--listing-form-accent-rgb), 0.12);
}

.listing-form-card--collapsible .listing-form-card__head::after {
    margin-left: 0;
}

.listing-form-card--collapsible.is-collapsed .listing-form-card__head {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.listing-form-card__chevron {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-left: auto;
    border: 1px solid rgba(var(--listing-form-accent-rgb), 0.14);
    border-radius: 8px;
    color: var(--listing-form-accent);
    background: rgba(var(--listing-form-accent-rgb), 0.08);
}

.listing-form-card__chevron svg {
    width: 18px;
    height: 18px;
    transition: transform 0.18s ease;
}

.listing-form-card--collapsible.is-open .listing-form-card__chevron svg {
    transform: rotate(180deg);
}

.listing-form-card__body[hidden] {
    display: none;
}

.listing-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.listing-category-picker {
    display: grid;
    gap: 16px;
    margin-top: 18px;
}

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

.listing-category-choice {
    --category-accent: #2f6fed;
    --category-accent-rgb: 47, 111, 237;
    --category-accent-2: #18bfd0;
    --category-accent-2-rgb: 24, 191, 208;
    position: relative;
    min-height: 212px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: space-between;
    gap: 18px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 8px;
    color: #111111;
    background:
        linear-gradient(135deg, rgba(var(--category-accent-rgb), 0.13), transparent 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 246, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 22px 46px rgba(17, 17, 17, 0.075);
    isolation: isolate;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.listing-category-choice::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
}

.listing-category-choice::after {
    content: "";
    position: absolute;
    right: -42px;
    top: -44px;
    width: 128px;
    height: 128px;
    border: 1px solid rgba(var(--category-accent-rgb), 0.22);
    border-radius: 8px;
    transform: rotate(16deg);
    pointer-events: none;
    z-index: 0;
}

.listing-category-choice--transport {
    --category-accent: #2f6fed;
    --category-accent-rgb: 47, 111, 237;
    --category-accent-2: #18bfd0;
    --category-accent-2-rgb: 24, 191, 208;
}

.listing-category-choice--real_estate {
    --category-accent: #10a66a;
    --category-accent-rgb: 16, 166, 106;
    --category-accent-2: #7ac943;
    --category-accent-2-rgb: 122, 201, 67;
}

.listing-category-choice--jobs {
    --category-accent: #e97722;
    --category-accent-rgb: 233, 119, 34;
    --category-accent-2: #ffbe3d;
    --category-accent-2-rgb: 255, 190, 61;
}

.listing-category-choice--services {
    --category-accent: #6b55d8;
    --category-accent-rgb: 107, 85, 216;
    --category-accent-2: #d35fb8;
    --category-accent-2-rgb: 211, 95, 184;
}

.listing-category-choice--electronics {
    --category-accent: #0a8fc5;
    --category-accent-rgb: 10, 143, 197;
    --category-accent-2: #35d0a6;
    --category-accent-2-rgb: 53, 208, 166;
}

.listing-category-choice--personal_items {
    --category-accent: #d84f86;
    --category-accent-rgb: 216, 79, 134;
    --category-accent-2: #ff8d56;
    --category-accent-2-rgb: 255, 141, 86;
}

.listing-category-choice--animals {
    --category-accent: #1f7a53;
    --category-accent-rgb: 31, 122, 83;
    --category-accent-2: #7fbf4d;
    --category-accent-2-rgb: 127, 191, 77;
}

.listing-category-choice--free {
    --category-accent: #d96b16;
    --category-accent-rgb: 217, 107, 22;
    --category-accent-2: #f2b94b;
    --category-accent-2-rgb: 242, 185, 75;
}

.listing-category-choice--transport-car,
.listing-category-choice--property-apartment {
    --category-accent: #2f6fed;
    --category-accent-rgb: 47, 111, 237;
    --category-accent-2: #18bfd0;
    --category-accent-2-rgb: 24, 191, 208;
}

.listing-category-choice--transport-moto,
.listing-category-choice--property-room {
    --category-accent: #8b5cf6;
    --category-accent-rgb: 139, 92, 246;
    --category-accent-2: #f472b6;
    --category-accent-2-rgb: 244, 114, 182;
}

.listing-category-choice--transport-truck,
.listing-category-choice--property-commercial {
    --category-accent: #0e9f6e;
    --category-accent-rgb: 14, 159, 110;
    --category-accent-2: #f2b705;
    --category-accent-2-rgb: 242, 183, 5;
}

.listing-category-choice--transport-special,
.listing-category-choice--property-land {
    --category-accent: #e86f18;
    --category-accent-rgb: 232, 111, 24;
    --category-accent-2: #f7c948;
    --category-accent-2-rgb: 247, 201, 72;
}

.listing-category-choice--transport-parts,
.listing-category-choice--property-house {
    --category-accent: #d94a64;
    --category-accent-rgb: 217, 74, 100;
    --category-accent-2: #ff9f43;
    --category-accent-2-rgb: 255, 159, 67;
}

.listing-category-choice--job-vacancy {
    --category-accent: #e97722;
    --category-accent-rgb: 233, 119, 34;
    --category-accent-2: #ffbe3d;
    --category-accent-2-rgb: 255, 190, 61;
}

.listing-category-choice--job-resume {
    --category-accent: #1477e6;
    --category-accent-rgb: 20, 119, 230;
    --category-accent-2: #2dd4bf;
    --category-accent-2-rgb: 45, 212, 191;
}

.listing-category-choice:hover,
.listing-category-choice:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(var(--category-accent-rgb), 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 30px 62px rgba(17, 17, 17, 0.13);
    outline: none;
}

.listing-category-choice__top,
.listing-category-choice__footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.listing-category-choice__icon {
    position: relative;
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid rgba(var(--category-accent-rgb), 0.24);
    border-radius: 8px;
    color: #ffffff;
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.64), transparent 28%),
        linear-gradient(145deg, var(--category-accent-2), var(--category-accent) 64%, rgba(var(--category-accent-rgb), 0.86));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        inset 0 -14px 24px rgba(17, 17, 17, 0.16),
        0 14px 28px rgba(var(--category-accent-rgb), 0.24);
}

.listing-category-choice__icon::after {
    content: "";
    position: absolute;
    inset: 9px 8px auto auto;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.26);
    filter: blur(1px);
    pointer-events: none;
}

.listing-category-choice__icon svg {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    filter: drop-shadow(0 2px 2px rgba(17, 17, 17, 0.28));
}

.listing-category-choice__icon img {
    position: relative;
    z-index: 1;
    width: 42px;
    height: 42px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(17, 17, 17, 0.18));
}

.listing-category-choice__meta {
    min-width: 0;
    color: rgba(17, 17, 17, 0.54);
    font-size: 13px;
    font-weight: 780;
    line-height: 1.25;
    text-align: right;
    overflow-wrap: anywhere;
}

.listing-category-choice__content {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    align-content: end;
    gap: 9px;
}

.listing-category-summary__eyebrow {
    color: #777777;
    font-size: 12px;
    font-weight: 820;
    text-transform: uppercase;
    letter-spacing: 0;
}

.listing-category-choice strong,
.listing-category-summary strong {
    display: block;
    color: #111111;
    font-size: 21px;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.listing-category-choice p,
.listing-category-summary p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
}

.listing-category-choice__footer {
    justify-content: flex-end;
    padding-top: 14px;
    border-top: 0;
}

.listing-category-choice__footer > span:not(.listing-category-choice__arrow) {
    display: none;
}

.listing-category-choice__arrow {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(var(--category-accent-rgb), 0.18);
    border-radius: 8px;
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent),
        var(--category-accent);
    box-shadow: 0 12px 24px rgba(var(--category-accent-rgb), 0.18);
}

.listing-category-choice__arrow svg {
    width: 18px;
    height: 18px;
}

.listing-category-summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 4px 0 4px 16px;
    border-left: 3px solid var(--listing-form-accent);
    background: transparent;
}

.listing-category-summary--edit {
    margin-top: 14px;
    margin-bottom: 0;
}

.listing-category-summary__note {
    max-width: 240px;
    color: var(--listing-form-muted);
    font-size: 13px;
    line-height: 1.45;
}

.listing-inline-note {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 10px;
    color: #555555;
    font-size: 14px;
    line-height: 1.45;
    background: rgba(17, 17, 17, 0.03);
}

.listing-field {
    min-width: 0;
    position: relative;
    display: grid;
    gap: 6px;
}

.listing-field--wide {
    grid-column: 1 / -1;
}

.listing-field > span {
    color: rgba(17, 17, 17, 0.64);
    font-size: 12px;
    font-weight: 560;
    line-height: 1.25;
}

.listing-field small {
    color: #777777;
    font-size: 12px;
    line-height: 1.45;
}

.listing-field input,
.listing-field select,
.listing-field textarea {
    min-height: 52px;
    padding: 13px 14px;
    border: 1px solid rgba(17, 17, 17, 0.085);
    border-radius: 8px;
    color: #111111;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
    font-size: 16px;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.listing-field__static-value {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid rgba(17, 17, 17, 0.085);
    border-radius: 8px;
    color: #111111;
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.08), rgba(255, 255, 255, 0.9)),
        rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
    font-size: 16px;
    font-weight: 650;
}

.location-picker__select.is-hidden {
    display: none;
}

.location-picker__trigger {
    width: 100%;
    text-align: left;
    font: inherit;
}

.location-picker__trigger:disabled {
    opacity: 1;
}

.listing-field .location-picker__trigger {
    min-height: 52px;
    padding: 13px 14px;
    border: 1px solid rgba(17, 17, 17, 0.085);
    border-radius: 8px;
    color: #111111;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
    font-size: 16px;
}

.listing-field .location-picker__trigger.is-placeholder,
.listing-field .location-picker__trigger:disabled {
    color: #999999;
}

.listing-field .location-picker__trigger:focus {
    outline: none;
    border-color: rgba(var(--listing-form-accent-rgb), 0.42);
    background: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 0 0 4px rgba(var(--listing-form-accent-rgb), 0.12);
}

.listing-field .auth-city__control input {
    width: 100%;
    padding-right: 54px;
}

.listing-field .auth-city__results {
    margin-top: 0;
    border-radius: 8px;
}

.listing-field .auth-city__message {
    margin: 0 2px;
}

.listing-field textarea {
    min-height: 156px;
    line-height: 1.5;
}

.listing-field input::placeholder,
.listing-field textarea::placeholder {
    color: #999999;
    opacity: 1;
}

.listing-field input:focus,
.listing-field select:focus,
.listing-field textarea:focus {
    border-color: rgba(var(--listing-form-accent-rgb), 0.42);
    background: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 0 0 4px rgba(var(--listing-form-accent-rgb), 0.12);
}

.listing-car-suggestions {
    z-index: 30;
    position: relative;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(56dvh, 420px);
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 20px 44px rgba(17, 17, 17, 0.18);
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

.listing-car-suggestions.is-open {
    display: block;
}

.listing-car-suggestions--expanded {
    max-height: min(66dvh, 620px);
}

.listing-car-suggestions__option {
    width: 100%;
    min-height: 44px;
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid rgba(17, 17, 17, 0.06);
    color: #111111;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.listing-car-suggestions__option--stacked {
    display: grid;
    gap: 4px;
    white-space: normal;
}

.listing-car-suggestions__title {
    color: #111111;
    font-weight: 400;
}

.listing-car-suggestions__meta {
    color: #6b7280;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

.listing-car-suggestions__option:last-child {
    border-bottom: 0;
}

.listing-car-suggestions__option:hover,
.listing-car-suggestions__option:focus-visible,
.listing-car-suggestions__option.is-active {
    background: rgba(17, 17, 17, 0.04);
    outline: none;
}

.listing-car-suggestions__empty {
    padding: 12px 16px;
    color: #777777;
    font-size: 13px;
    font-weight: 400;
}

.listing-title-autofill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.06), transparent 56%),
        rgba(255, 255, 255, 0.88);
}

.listing-title-autofill small {
    margin: 0;
    color: #5f6673;
    line-height: 1.45;
}

.listing-title-autofill .button {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 16px;
    white-space: nowrap;
}

.listing-switch {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.listing-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.listing-switch__track {
    position: relative;
    width: 52px;
    height: 30px;
    border-radius: 999px;
    background: #d9d9d9;
    transition: background 0.18s ease;
}

.listing-switch__track::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(17, 17, 17, 0.18);
    transition: transform 0.18s ease;
}

.listing-switch input:checked + .listing-switch__track {
    background: var(--listing-form-accent);
}

.listing-switch input:checked + .listing-switch__track::after {
    transform: translateX(22px);
}

.listing-switch__text {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.listing-switch__text strong {
    color: #111111;
    font-size: 15px;
    line-height: 1.2;
}

.listing-switch__text span {
    color: #777777;
    font-size: 13px;
    line-height: 1.35;
}

.listing-upload {
    position: relative;
    min-height: 168px;
    overflow: hidden;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 24px;
    border: 1px dashed rgba(var(--listing-form-accent-rgb), 0.35);
    border-radius: 8px;
    text-align: center;
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.085), transparent 48%),
        rgba(255, 255, 255, 0.74);
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.listing-upload:hover,
.listing-upload:focus-within {
    transform: translateY(-1px);
    border-color: rgba(var(--listing-form-accent-rgb), 0.54);
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.12), transparent 48%),
        #ffffff;
}

.listing-upload input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.listing-upload__icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--listing-form-accent);
    background: #ffffff;
    border: 1px solid rgba(var(--listing-form-accent-rgb), 0.18);
}

.listing-upload__icon svg {
    width: 25px;
    height: 25px;
}

.listing-upload__title {
    color: #111111;
    font-size: 17px;
    font-weight: 820;
}

.listing-upload small {
    color: #777777;
    font-size: 13px;
}

.listing-upload__hint {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 8px;
    color: var(--listing-form-accent);
    font-size: 12px;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.92);
}

.listing-photo-grid,
.listing-upload-preview {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}

.listing-upload-preview {
    margin: 12px 0 0;
}

.listing-upload-preview:empty {
    display: none;
}

.listing-photo-manager {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin: 12px 0;
}

.listing-photo-focus {
    min-width: 0;
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
    background: #f7f7f7;
}

.listing-photo-focus.is-empty {
    display: none;
}

.listing-photo-focus__preview {
    width: 100%;
}

.listing-photo-focus__action {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 999px;
    color: #111111;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.88));
    box-shadow: 0 18px 34px rgba(17, 17, 17, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(18px) saturate(1.15);
    transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.listing-photo-focus__action[hidden] {
    display: none;
}

.listing-photo-focus__action svg {
    width: 22px;
    height: 22px;
}

.listing-photo-focus__action:hover,
.listing-photo-focus__action:focus-visible {
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 22px 38px rgba(17, 17, 17, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.listing-photo-focus__action.is-danger {
    border-color: rgba(17, 17, 17, 0.18);
    color: #111111;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.92));
}

.listing-photo-focus__action.is-restore {
    border-color: rgba(85, 85, 85, 0.2);
    color: #555555;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.92));
}

.listing-photo-focus.is-deleted .listing-photo-focus__preview {
    box-shadow: inset 0 0 0 2px rgba(17, 17, 17, 0.14);
}

.listing-photo-strip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 86px));
    gap: 10px;
    align-content: start;
    margin: 0;
}

.listing-crop-editor {
    position: relative;
    min-width: 0;
    overflow: hidden;
    display: block;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background: #f2f2f2;
    cursor: pointer;
    transition: border-color 0.16s ease, opacity 0.16s ease, transform 0.16s ease;
}

.listing-crop-editor:hover,
.listing-crop-editor:focus-visible {
    border-color: rgba(17, 17, 17, 0.22);
}

.listing-crop-editor.is-active {
    border-color: #111111;
}

.listing-crop-editor.is-deleted {
    opacity: 0.46;
}

.listing-crop-editor.is-deleted::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #111111;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.96);
    pointer-events: none;
}

.listing-crop-preview {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    background: #e5e5e5;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.listing-crop-editor .listing-crop-preview {
    border-radius: 6px;
}

.listing-crop-preview:active {
    cursor: grabbing;
}

.listing-crop-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-crop-marker {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.listing-crop-editor .listing-crop-marker {
    display: none;
}

.listing-photo-focus .listing-crop-marker {
    display: block;
}

.listing-crop-marker::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: inherit;
    background: #ffffff;
}

.listing-crop-title {
    display: none;
}

.listing-photo-delete-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.listing-photo-viewer-open {
    overflow: hidden;
    touch-action: none;
}

.listing-photo-viewer {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 100vh;
    min-height: 100dvh;
    color: #ffffff;
    background: #000000;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    overscroll-behavior: contain;
}

.listing-photo-viewer.is-open {
    opacity: 1;
    transform: translateY(0);
}

.listing-photo-viewer__header {
    position: relative;
    z-index: 2;
    min-height: calc(64px + env(safe-area-inset-top, 0px));
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: calc(10px + env(safe-area-inset-top, 0px)) max(14px, env(safe-area-inset-right, 0px)) 10px max(14px, env(safe-area-inset-left, 0px));
    pointer-events: none;
}

.listing-photo-viewer__button {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(28, 28, 30, 0.62);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
}

.listing-photo-viewer__button svg {
    width: 24px;
    height: 24px;
}

.listing-photo-viewer__button--delete {
    color: #ff453a;
    background: rgba(255, 255, 255, 0.92);
}

.listing-photo-viewer__stage {
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    touch-action: none;
    user-select: none;
    transition: transform 0.16s ease, opacity 0.16s ease;
}

.listing-photo-viewer__image {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}

.listing-photo-viewer__counter {
    min-height: calc(44px + env(safe-area-inset-bottom, 0px));
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8px 18px calc(12px + env(safe-area-inset-bottom, 0px));
    color: rgba(255, 255, 255, 0.74);
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    pointer-events: none;
}

.listing-photo-tile {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 8px;
    background: #f2f2f2;
}

.listing-photo-tile img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.listing-photo-tile__remove {
    position: absolute;
    right: 8px;
    bottom: 8px;
    left: 8px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 8px;
    border-radius: 8px;
    color: #111111;
    font-size: 12px;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
}

.listing-photo-tile__remove input {
    width: 15px;
    height: 15px;
    margin: 0;
}

.listing-upload-progress {
    display: grid;
    gap: 9px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 8px;
    background: #f7f7f7;
}

.listing-upload-progress[hidden] {
    display: none;
}

.listing-upload-progress__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #111111;
    font-size: 13px;
    font-weight: 820;
}

.listing-upload-progress__top span {
    color: #777777;
    font-variant-numeric: tabular-nums;
}

.listing-upload-progress__bar {
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: #e5e5e5;
}

.listing-upload-progress__bar span {
    width: 0;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--listing-form-accent);
    transition: width 0.16s ease;
}

.listing-form.is-uploading {
    cursor: wait;
}

.listing-form.is-uploading .listing-form-submit {
    opacity: 0.76;
}

.listing-form-submitbar {
    display: flex;
    justify-content: flex-end;
    margin-top: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.listing-form-submitbar--with-toggle {
    align-items: center;
    justify-content: space-between;
    gap: 14px 16px;
}

.listing-form-submitbar--with-toggle .listing-switch--submit {
    flex: 1 1 320px;
    max-width: 460px;
    margin-top: 0;
    border-color: rgba(var(--listing-form-accent-rgb), 0.14);
    background:
        linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.06), transparent 52%),
        rgba(255, 255, 255, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 14px 30px rgba(17, 17, 17, 0.06);
}

.listing-form-submitbar .button {
    width: auto;
    min-width: 246px;
    min-height: 56px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 820;
}

.listing-form-submitbar--wizard {
    position: sticky;
    bottom: calc(16px + env(safe-area-inset-bottom));
    z-index: 20;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding: 12px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 46px rgba(17, 17, 17, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px) saturate(1.12);
}

.listing-form-submitbar--wizard .listing-switch--submit {
    min-width: 0;
    max-width: none;
}

.listing-form-submitbar--wizard .listing-form-secondary {
    min-width: 122px;
    color: var(--listing-form-ink);
    background: #ffffff;
    border-color: rgba(17, 17, 17, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.listing-form-submitbar--wizard .listing-form-submit {
    min-width: 190px;
}

.listing-form-submit {
    color: #ffffff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.16), transparent 48%),
        var(--listing-form-accent);
    border-color: var(--listing-form-accent);
    box-shadow: 0 16px 30px rgba(var(--listing-form-accent-rgb), 0.2);
}

.listing-form-submit:hover {
    box-shadow: 0 18px 34px rgba(var(--listing-form-accent-rgb), 0.26);
}

.listing-form-secondary {
    color: #111111;
    background: #ffffff;
    border-color: rgba(17, 17, 17, 0.08);
}

@media (max-width: 620px) {
    .page-main--listing-form {
        padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px));
    }

    .listing-form-screen {
        padding-top: 14px;
    }

    .listing-form-shell {
        width: min(100% - 24px, var(--container));
    }

    .listing-title-autofill {
        flex-direction: column;
        align-items: stretch;
    }

    .listing-title-autofill .button {
        width: 100%;
    }

    .listing-form-header {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 12px;
    }

    .listing-form-back {
        width: 44px;
        height: 44px;
    }

    .listing-form-title h1 {
        font-size: 26px;
    }

    .listing-form-screen .listing-form-title span {
        font-size: 10px;
    }

    .listing-form-screen .listing-form-title h1 {
        font-size: 22px;
    }

    .listing-form-header--plain .listing-form-title h1 {
        font-size: 18px;
    }

    .listing-form-screen .listing-form-card__icon {
        width: 38px;
        height: 38px;
    }

    .listing-form-screen .listing-form-card__icon svg {
        width: 19px;
        height: 19px;
    }

    .listing-form-status {
        min-height: 32px;
        padding: 0 10px;
        font-size: 12px;
    }

    .listing-form {
        gap: 12px;
        margin-top: 16px;
    }

    .listing-form-card {
        padding: 16px;
    }

    .listing-form-card__head {
        margin-bottom: 15px;
        padding-bottom: 14px;
    }

    .listing-form-card__head::after {
        display: none;
    }

    .listing-form-grid {
        grid-template-columns: 1fr;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 10px;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field {
        grid-column: 1 / -1;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field.listing-field--mobile-half {
        grid-column: span 1;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field.listing-field--mobile-half.listing-field--mobile-half-orphan {
        grid-column: 1 / -1;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field.listing-field--mobile-half > span {
        min-height: 30px;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--transport-engine_volume {
        order: 30;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--transport-condition.listing-field--mobile-half {
        order: 31;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--transport-truck_type {
        order: 40;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--transport-load_capacity {
        order: 41;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--electronics-warranty_status {
        order: 20;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--electronics-condition.listing-field--mobile-half {
        order: 21;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field--electronics-package_contents {
        order: 30;
    }

    .listing-category-picker {
        gap: 11px;
        margin-top: 14px;
    }

    .listing-category-picker__hero {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .listing-category-picker__hero::after {
        right: 20px;
        top: 20px;
        width: 150px;
    }

    .listing-category-picker__kicker {
        min-height: 28px;
        font-size: 12px;
    }

    .listing-category-picker__hero h2 {
        max-width: 320px;
        margin-top: 14px;
        font-size: 32px;
        line-height: 1.05;
    }

    .listing-category-picker__hero p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.45;
    }

    .listing-category-picker__hero-art {
        min-height: 76px;
        grid-template-columns: 62px minmax(0, 1fr);
        grid-auto-rows: minmax(34px, auto);
        gap: 8px;
    }

    .listing-category-picker__brand {
        width: 62px;
        height: 76px;
    }

    .listing-category-picker__brand img {
        width: 36px;
        height: 36px;
    }

    .listing-category-picker__metric {
        padding: 0 11px;
        font-size: 12.5px;
    }

    .listing-category-picker__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .listing-category-choice {
        min-height: 116px;
        grid-template-columns: 54px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        align-content: stretch;
        gap: 8px 12px;
        padding: 14px;
        border-color: rgba(17, 17, 17, 0.065);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 14px 30px rgba(17, 17, 17, 0.07);
    }

    .listing-category-choice::before {
        inset: 0;
        width: auto;
        height: auto;
        background: transparent;
        opacity: 1;
    }

    .listing-category-choice::after {
        right: -46px;
        top: -48px;
        width: 104px;
        height: 104px;
    }

    .listing-category-choice:hover,
    .listing-category-choice:focus-visible {
        transform: translateY(-1px);
    }

    .listing-category-choice__top {
        display: contents;
    }

    .listing-category-choice__icon {
        grid-column: 1;
        grid-row: 1 / 3;
        width: 54px;
        height: 54px;
    }

    .listing-category-choice__icon svg {
        width: 29px;
        height: 29px;
    }

    .listing-category-choice__icon img {
        width: 38px;
        height: 38px;
    }

    .listing-category-choice__meta {
        display: none;
    }

    .listing-category-choice__content {
        grid-column: 2;
        grid-row: 1;
        align-content: start;
        gap: 4px;
    }

    .listing-category-choice strong {
        font-size: 17px;
        line-height: 1.18;
    }

    .listing-form-screen .listing-category-choice {
        min-height: 98px;
        gap: 8px 10px;
        padding: 12px;
    }

    .listing-form-screen .listing-category-choice__icon {
        width: 48px;
        height: 48px;
    }

    .listing-form-screen .listing-category-choice__icon svg {
        width: 24px;
        height: 24px;
    }

    .listing-form-screen .listing-category-choice__icon img {
        width: 34px;
        height: 34px;
    }

    .listing-form-screen .listing-category-choice strong {
        font-size: 15px;
    }

    .listing-category-choice p {
        display: -webkit-box;
        overflow: hidden;
        color: #6a6a6a;
        font-size: 12.5px;
        line-height: 1.34;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .listing-form-screen .listing-category-choice p {
        font-size: 12px;
        line-height: 1.32;
    }

    .listing-category-choice__footer {
        grid-column: 2;
        grid-row: 2;
        justify-content: flex-end;
        gap: 8px;
        padding-top: 0;
        border-top: 0;
    }

    .listing-category-choice__footer > span:not(.listing-category-choice__arrow) {
        display: none;
    }

    .listing-category-choice__arrow {
        width: 34px;
        height: 34px;
    }

    .listing-category-summary {
        flex-direction: column;
    }

    .listing-category-summary__note {
        max-width: none;
    }

    .listing-photo-manager {
        grid-template-columns: 1fr;
    }

    .listing-photo-strip {
        grid-auto-flow: column;
        grid-auto-columns: 74px;
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
    }

    .listing-photo-strip::-webkit-scrollbar {
        display: none;
    }

    .listing-photo-focus__action {
        top: 12px;
        right: 12px;
        width: 46px;
        height: 46px;
    }

    .listing-photo-focus__action svg {
        width: 20px;
        height: 20px;
    }

    .listing-field input,
    .listing-field select,
    .listing-field .location-picker__trigger,
    .listing-field textarea {
        font-size: 16px;
    }

    .listing-upload {
        min-height: 132px;
        gap: 6px;
        padding: 16px;
    }

    .listing-upload__icon {
        width: 42px;
        height: 42px;
    }

    .listing-upload__icon svg {
        width: 22px;
        height: 22px;
    }

    .listing-upload__title {
        font-size: 16px;
    }

    .listing-upload small {
        font-size: 12px;
        line-height: 1.45;
    }

    .listing-upload__hint {
        min-height: 26px;
        font-size: 11.5px;
    }

    .listing-form-submitbar {
        justify-content: stretch;
    }

    .listing-form-submitbar--with-toggle {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .listing-form-submitbar--with-toggle .listing-switch--submit {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }

    .listing-form-submitbar .button {
        width: 100%;
        min-width: 0;
    }

    .listing-form--wizard {
        min-height: calc(100svh - 132px);
    }

    .listing-form-wizard-progress {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
    }

    .listing-form-wizard-progress__item {
        min-height: 42px;
        display: flex;
        justify-content: center;
        padding: 6px;
    }

    .listing-form-wizard-progress__item span {
        width: 26px;
        height: 26px;
    }

    .listing-form-wizard-progress__item strong {
        display: none;
    }

    .listing-form-submitbar--wizard {
        position: sticky;
        bottom: calc(10px + env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px;
        padding: 10px;
    }

    .listing-form-submitbar--wizard .listing-switch--submit {
        grid-column: 1 / -1;
        order: -1;
    }

    .listing-form-submitbar--wizard .listing-form-secondary {
        width: auto;
        min-width: 92px;
    }

    .listing-form-submitbar--wizard .listing-form-submit {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 430px) {
    .listing-form-header {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .listing-form-status {
        grid-column: 2;
        justify-self: start;
    }

    .listing-form-title h1 {
        font-size: 24px;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) {
        gap: 10px 8px;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field.listing-field--mobile-half > span {
        min-height: 32px;
        font-size: 11.5px;
    }

    .listing-switch {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 12px;
    }

    .listing-form-submitbar--with-toggle {
        gap: 10px;
    }

    .listing-form-submitbar--with-toggle .listing-switch--submit {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 10px;
        padding: 11px 12px;
    }

    .listing-switch--submit .listing-switch__text strong {
        font-size: 14px;
        line-height: 1.18;
    }

    .listing-switch--submit .listing-switch__text span {
        font-size: 12px;
        line-height: 1.32;
    }

    .listing-switch__track {
        width: 48px;
    }

    .listing-switch input:checked + .listing-switch__track::after {
        transform: translateX(18px);
    }

    .listing-upload {
        min-height: 118px;
        padding: 14px;
    }

    .listing-upload__icon {
        width: 38px;
        height: 38px;
    }

    .listing-upload__title {
        font-size: 15px;
    }

}

/* Listing form mobile app polish */

@media (max-width: 620px) {
    body:has(.page-main--listing-form) {
        background: #f2f2f7;
    }

    .page-main--listing-form {
        padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
        background: #f2f2f7;
    }

    .listing-form-screen {
        padding-top: calc(env(safe-area-inset-top, 0px) + 10px);
    }

    .listing-form-shell {
        width: 100%;
        padding: 0 14px;
    }

    .listing-form-screen .listing-form-header,
    .listing-form-header {
        position: sticky;
        top: 0;
        z-index: 24;
        grid-template-columns: 42px minmax(0, 1fr);
        min-height: 58px;
        margin: 0 -14px 12px;
        padding: 7px 14px 9px;
        border: 0;
        border-radius: 0;
        background: rgba(242, 242, 247, 0.84);
        box-shadow: none;
        backdrop-filter: blur(22px) saturate(1.2);
        -webkit-backdrop-filter: blur(22px) saturate(1.2);
    }

    .listing-form-back {
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 999px;
        color: #007aff;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: none;
    }

    .listing-form-back svg {
        width: 25px;
        height: 25px;
    }

    .listing-form-screen .listing-form-title span {
        color: #8e8e93;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
    }

    .listing-form-screen .listing-form-title h1,
    .listing-form-header--plain .listing-form-title h1 {
        margin-top: 1px;
        color: #111111;
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.08;
        letter-spacing: 0;
    }

    .listing-category-picker {
        margin-top: 8px;
    }

    .listing-category-picker__grid {
        gap: 8px;
    }

    .listing-form-screen .listing-category-choice,
    .listing-category-choice {
        min-height: 76px;
        grid-template-columns: 44px minmax(0, 1fr) 24px;
        grid-template-rows: auto;
        align-items: center;
        gap: 11px;
        padding: 12px 12px;
        border: 0;
        border-radius: 8px;
        color: #111111;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: none;
    }

    .listing-form-screen .listing-category-choice::before,
    .listing-form-screen .listing-category-choice::after,
    .listing-category-choice::before,
    .listing-category-choice::after {
        content: none;
    }

    .listing-form-screen .listing-category-choice:hover,
    .listing-form-screen .listing-category-choice:focus-visible,
    .listing-category-choice:hover,
    .listing-category-choice:focus-visible {
        transform: none;
        box-shadow: none;
        background: #ffffff;
    }

    .listing-category-choice__top {
        display: contents;
    }

    .listing-form-screen .listing-category-choice__icon,
    .listing-category-choice__icon {
        grid-column: 1;
        grid-row: 1;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 8px;
        box-shadow: none;
    }

    .listing-form-screen .listing-category-choice__icon svg,
    .listing-category-choice__icon svg {
        width: 24px;
        height: 24px;
    }

    .listing-form-screen .listing-category-choice__icon img,
    .listing-category-choice__icon img {
        width: 32px;
        height: 32px;
        filter: none;
    }

    .listing-category-choice__meta {
        display: none;
    }

    .listing-category-choice__content {
        grid-column: 2;
        grid-row: 1;
        align-content: center;
        gap: 2px;
    }

    .listing-form-screen .listing-category-choice strong,
    .listing-category-choice strong {
        color: #111111;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.18;
    }

    .listing-form-screen .listing-category-choice p,
    .listing-category-choice p {
        display: -webkit-box;
        color: #8e8e93;
        font-size: 13px;
        line-height: 1.25;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .listing-category-choice__footer {
        display: contents;
    }

    .listing-category-choice__arrow {
        grid-column: 3;
        grid-row: 1;
        width: 24px;
        height: 24px;
        border: 0;
        color: #c7c7cc;
        background: transparent;
        box-shadow: none;
    }

    .listing-category-choice__arrow svg {
        width: 20px;
        height: 20px;
    }

    .listing-form {
        gap: 10px;
        margin-top: 8px;
    }

    .listing-form-wizard-progress {
        position: sticky;
        top: 58px;
        z-index: 23;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        margin: 0 -2px 2px;
        padding: 0 2px 8px;
        background: linear-gradient(180deg, rgba(242, 242, 247, 0.96), rgba(242, 242, 247, 0.7));
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .listing-form-wizard-progress__item {
        min-height: 6px;
        display: block;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 999px;
        background: rgba(60, 60, 67, 0.18);
        box-shadow: none;
    }

    .listing-form-wizard-progress__item span,
    .listing-form-wizard-progress__item strong {
        display: none;
    }

    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete {
        background: #007aff;
        box-shadow: none;
    }

    .listing-form-screen .listing-form-card,
    .listing-form-card {
        padding: 14px;
        overflow: visible;
        border: 0;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: none;
    }

    .listing-form-screen .listing-form-card::before,
    .listing-form-card::before {
        content: none;
    }

    .listing-form-screen .listing-form-card__head,
    .listing-form-card__head {
        gap: 10px;
        margin: -2px 0 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(60, 60, 67, 0.14);
    }

    .listing-form-screen .listing-form-card__head::after,
    .listing-form-card__head::after {
        display: none;
    }

    .listing-form-screen .listing-form-card__icon,
    .listing-form-card__icon {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        box-shadow: none;
    }

    .listing-form-screen .listing-form-card__head h2,
    .listing-form-card__head h2 {
        color: #111111;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.2;
    }

    .listing-form-screen .listing-form-card__head p,
    .listing-form-card__head p {
        color: #8e8e93;
        font-size: 13px;
        line-height: 1.3;
    }

    .listing-form-grid {
        gap: 0;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) {
        gap: 0 8px;
    }

    .listing-field {
        gap: 5px;
        padding: 8px 0;
        border-bottom: 1px solid rgba(60, 60, 67, 0.14);
    }

    .listing-field:last-child {
        border-bottom: 0;
    }

    .listing-field > span {
        color: #8e8e93;
        font-size: 12px;
        font-weight: 600;
    }

    .listing-field small,
    .listing-inline-note,
    .listing-title-autofill small,
    .listing-switch__text span {
        color: #8e8e93;
    }

    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value {
        min-height: 46px;
        padding: 10px 0;
        border: 0;
        border-radius: 0;
        color: #111111;
        background: transparent;
        box-shadow: none;
        font-size: 17px;
    }

    .listing-field textarea {
        min-height: 142px;
    }

    .listing-field input:focus,
    .listing-field select:focus,
    .listing-field textarea:focus,
    .listing-field .location-picker__trigger:focus {
        background: transparent;
        box-shadow: none;
        outline: none;
    }

    .listing-field input::placeholder,
    .listing-field textarea::placeholder,
    .listing-field .location-picker__trigger.is-placeholder,
    .listing-field .location-picker__trigger:disabled {
        color: #c7c7cc;
    }

    .listing-car-suggestions,
    .listing-field .auth-city__results {
        border: 0;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
    }

    .listing-car-suggestions__option {
        border-bottom-color: rgba(60, 60, 67, 0.14);
    }

    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-upload-progress,
    .listing-photo-focus {
        border: 0;
        border-radius: 8px;
        background: rgba(118, 118, 128, 0.12);
        box-shadow: none;
    }

    .listing-upload {
        min-height: 118px;
        padding: 16px;
    }

    .listing-upload__icon,
    .listing-upload__hint {
        border: 0;
        color: #007aff;
        background: rgba(255, 255, 255, 0.7);
    }

    .listing-upload__title,
    .listing-switch__text strong {
        color: #111111;
    }

    .listing-switch {
        border: 0;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: none;
    }

    .listing-switch input:checked + .listing-switch__track {
        background: #34c759;
    }

    .listing-form-submitbar--wizard {
        position: fixed;
        right: 10px;
        bottom: calc(88px + env(safe-area-inset-bottom, 0px));
        left: 10px;
        z-index: 30;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px;
        margin: 0;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.62);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 18px 44px rgba(0, 0, 0, 0.14);
        backdrop-filter: blur(28px) saturate(1.25);
        -webkit-backdrop-filter: blur(28px) saturate(1.25);
    }

    .listing-form-submitbar--wizard .listing-switch--submit {
        grid-column: 1 / -1;
        order: -1;
        background: rgba(255, 255, 255, 0.7);
    }

    .listing-form-submitbar .button {
        min-height: 50px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 700;
    }

    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit {
        color: #ffffff;
        background: #007aff;
        border-color: #007aff;
        box-shadow: none;
    }

    .listing-form-secondary,
    .listing-form-submitbar--wizard .listing-form-secondary {
        color: #007aff;
        background: rgba(255, 255, 255, 0.72);
        border-color: rgba(60, 60, 67, 0.14);
        box-shadow: none;
    }
}

@media (max-width: 620px) and (prefers-color-scheme: dark) {
    body:has(.page-main--listing-form) {
        color: #f3f5f8;
        background: #000000;
    }

    .page-main--listing-form {
        background: #000000;
    }

    .listing-form-shell {
        --listing-form-accent: #0a84ff;
        --listing-form-accent-rgb: 10, 132, 255;
        --listing-form-ink: #f3f5f8;
        --listing-form-muted: rgba(235, 235, 245, 0.6);
        --listing-form-line: rgba(84, 84, 88, 0.62);
        --listing-form-surface: rgba(28, 28, 30, 0.96);
        --listing-form-surface-strong: rgba(44, 44, 46, 0.98);
    }

    .listing-form-screen .listing-form-header,
    .listing-form-header {
        background: rgba(0, 0, 0, 0.78);
    }

    .listing-form-back {
        color: #0a84ff;
        background: rgba(44, 44, 46, 0.76);
    }

    .listing-form-screen .listing-form-title span,
    .listing-field > span {
        color: rgba(235, 235, 245, 0.58);
    }

    .listing-form-screen .listing-form-title h1,
    .listing-form-header--plain .listing-form-title h1,
    .listing-form-screen .listing-form-card__head h2,
    .listing-form-card__head h2,
    .listing-form-screen .listing-category-choice strong,
    .listing-category-choice strong,
    .listing-upload__title,
    .listing-switch__text strong,
    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value,
    .listing-car-suggestions__title,
    .listing-upload-progress__top {
        color: #f3f5f8;
    }

    .listing-form-wizard-progress {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.7));
    }

    .listing-form-wizard-progress__item {
        background: rgba(84, 84, 88, 0.6);
    }

    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete {
        background: #0a84ff;
    }

    .listing-form-screen .listing-category-choice,
    .listing-category-choice,
    .listing-form-screen .listing-form-card,
    .listing-form-card,
    .listing-switch {
        color: #f3f5f8;
        background: rgba(28, 28, 30, 0.98);
    }

    .listing-form-screen .listing-category-choice:hover,
    .listing-form-screen .listing-category-choice:focus-visible,
    .listing-category-choice:hover,
    .listing-category-choice:focus-visible {
        background: #2c2c2e;
    }

    .listing-form-screen .listing-category-choice p,
    .listing-category-choice p,
    .listing-form-screen .listing-form-card__head p,
    .listing-form-card__head p,
    .listing-field small,
    .listing-inline-note,
    .listing-title-autofill small,
    .listing-switch__text span,
    .listing-upload small,
    .listing-upload-progress__top span,
    .listing-car-suggestions__meta,
    .listing-car-suggestions__empty {
        color: rgba(235, 235, 245, 0.6);
    }

    .listing-form-screen .listing-form-card__head,
    .listing-form-card__head,
    .listing-field,
    .listing-car-suggestions__option {
        border-bottom-color: rgba(84, 84, 88, 0.62);
    }

    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value {
        background: transparent;
    }

    .listing-field input::placeholder,
    .listing-field textarea::placeholder,
    .listing-field .location-picker__trigger.is-placeholder,
    .listing-field .location-picker__trigger:disabled {
        color: rgba(235, 235, 245, 0.34);
    }

    .listing-car-suggestions,
    .listing-field .auth-city__results {
        color: #f3f5f8;
        background: #1c1c1e;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
    }

    .listing-car-suggestions__option {
        color: #f3f5f8;
    }

    .listing-car-suggestions__option:hover,
    .listing-car-suggestions__option:focus-visible,
    .listing-car-suggestions__option.is-active {
        background: rgba(255, 255, 255, 0.08);
    }

    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-upload-progress,
    .listing-photo-focus {
        background: rgba(118, 118, 128, 0.18);
    }

    .listing-upload__icon,
    .listing-upload__hint {
        color: #0a84ff;
        background: rgba(44, 44, 46, 0.82);
    }

    .listing-form-submitbar--wizard {
        border-color: rgba(84, 84, 88, 0.5);
        background: rgba(28, 28, 30, 0.78);
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5);
    }

    .listing-form-submitbar--wizard .listing-switch--submit {
        background: rgba(44, 44, 46, 0.72);
    }

    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit {
        color: #ffffff;
        background: #0a84ff;
        border-color: #0a84ff;
    }

    .listing-form-secondary,
    .listing-form-submitbar--wizard .listing-form-secondary {
        color: #0a84ff;
        background: rgba(44, 44, 46, 0.82);
        border-color: rgba(84, 84, 88, 0.62);
    }

    .listing-photo-focus,
    .listing-crop-editor,
    .listing-crop-preview,
    .listing-photo-tile,
    .listing-upload-progress__bar {
        background: #2c2c2e;
    }
}

/* My listings screen */

.page-main--my-listings {
    padding-top: 0;
    padding-bottom: calc(176px + env(safe-area-inset-bottom, 0px));
    background:
        radial-gradient(circle at top left, rgba(220, 226, 234, 0.52), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0) 360px);
}

.page-main--stores {
    padding-top: 0;
    padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px));
    background:
        radial-gradient(circle at top left, rgba(220, 226, 234, 0.52), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 320px);
}

.my-listings-screen {
    padding: 30px 0 0;
}

.my-listings-shell {
    max-width: 820px;
}

.my-listings-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 42px;
    padding: 0 2px;
}

.my-listings-header h1 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: clamp(31px, 4vw, 42px);
    font-weight: 820;
    line-height: 0.98;
    letter-spacing: -0.02em;
}

.my-listings-tabs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 24px 0 0;
    padding: 6px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.58)),
        rgba(255, 255, 255, 0.68);
    box-shadow:
        0 18px 44px rgba(17, 17, 17, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(22px) saturate(1.3);
    -webkit-backdrop-filter: blur(22px) saturate(1.3);
    scrollbar-width: none;
}

.my-listings-tabs::-webkit-scrollbar {
    display: none;
}

.my-listings-tabs a {
    position: relative;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 1 1 0;
    padding: 0 16px;
    border-radius: 16px;
    color: var(--muted);
    font-size: 15px;
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: 0;
    white-space: nowrap;
    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.my-listings-tabs a::after {
    content: none;
}

.my-listings-tabs a.is-active {
    color: var(--panel-strong);
    background: linear-gradient(180deg, #727a84 0%, #555d67 100%);
    box-shadow:
        0 12px 24px rgba(85, 93, 103, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.my-listings-tabs a.is-active::after {
    background: transparent;
}

.my-listings-tabs sup {
    top: 0;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    color: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    background: rgba(17, 17, 17, 0.06);
}

.my-listings-tabs a.is-active sup {
    background: rgba(255, 255, 255, 0.18);
}

.my-listings-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 18px;
}

.my-listings-search.has-reset {
    grid-template-columns: minmax(0, 1fr) 56px;
}

.my-listings-search label {
    min-width: 0;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 18px;
    color: var(--muted);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78)),
        var(--panel);
    box-shadow:
        0 14px 34px rgba(17, 17, 17, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.my-listings-search label:focus-within {
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow:
        0 0 0 4px rgba(17, 17, 17, 0.05),
        0 16px 38px rgba(17, 17, 17, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.my-listings-search label svg {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
}

.my-listings-search input {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--ink);
    background: transparent;
    box-shadow: none;
    font-size: 17px;
    font-weight: 400;
    outline: none;
}

.my-listings-search input::placeholder {
    color: var(--muted);
    font-weight: 400;
    opacity: 1;
}

.my-listings-search__reset {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 18px;
    color: var(--ink);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78)),
        var(--panel);
    box-shadow:
        0 14px 30px rgba(17, 17, 17, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.my-listings-search__reset svg {
    width: 23px;
    height: 23px;
}

.my-listings-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.my-listing-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 14px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.84)),
        var(--panel);
    box-shadow:
        0 22px 54px rgba(17, 17, 17, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
    transition:
        transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.my-listing-card__cover-link {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
}

.my-listing-card:hover {
    transform: translateY(-2px);
    border-color: rgba(17, 17, 17, 0.14);
    box-shadow:
        0 28px 68px rgba(17, 17, 17, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.my-listing-card:focus-within {
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow:
        0 0 0 4px rgba(17, 17, 17, 0.05),
        0 22px 44px rgba(17, 17, 17, 0.08);
}

.my-listing-card__media {
    position: relative;
    z-index: 2;
    width: 170px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: var(--surface-muted);
    border: 1px solid rgba(17, 17, 17, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.my-listing-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--surface-muted);
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

.my-listing-card:hover .my-listing-card__media img {
    transform: scale(1.035);
}

.my-listing-card__placeholder {
    width: 58px;
    height: 58px;
    display: grid;
    grid-template-columns: repeat(2, 14px);
    grid-template-rows: repeat(2, 14px);
    gap: 9px;
    place-content: center;
}

.my-listing-card__placeholder span {
    border-radius: 50%;
    background: rgba(17, 17, 17, 0.18);
}

.my-listing-card__content {
    min-width: 0;
    display: grid;
    gap: 10px;
    align-content: start;
    padding: 4px 4px 4px 0;
}

.my-listing-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.my-listing-card__top > div {
    min-width: 0;
}

.my-listing-card__tools {
    display: grid;
    gap: 8px;
    flex: 0 0 auto;
}

.my-listing-card__title {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    overflow: hidden;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 680;
    line-height: 1.18;
    letter-spacing: -0.01em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.my-listing-card__price {
    margin-top: 7px;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 780;
    line-height: 1.08;
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.my-listing-card__edit {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 14px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.my-listing-card__edit svg {
    width: 21px;
    height: 21px;
}

.my-listing-card__promote {
    color: var(--ink);
}

.my-listing-card__promote svg {
    width: 20px;
    height: 20px;
}

.my-listing-card__status,
.my-listing-card__meta {
    color: var(--muted);
    font-size: 14px;
    font-weight: 680;
}

.my-listing-card__status {
    width: fit-content;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    color: var(--ink);
    background: var(--accent-soft);
    border: 1px solid rgba(17, 17, 17, 0.04);
}

.my-listing-card__status--pending {
    color: #5b3a00;
    background: rgba(255, 192, 46, 0.22);
    border-color: rgba(255, 192, 46, 0.34);
}

.my-listing-card__status--rejected {
    color: #8a1f1f;
    background: rgba(217, 31, 38, 0.1);
    border-color: rgba(217, 31, 38, 0.16);
}

.my-listing-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0;
    line-height: 1.35;
}

.my-listing-card__meta span + span::before {
    content: "•";
    margin-right: 10px;
    margin-left: 10px;
    color: rgba(17, 17, 17, 0.22);
}

.my-listing-card__stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 760;
}

.my-listing-card__stats span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--surface-muted);
    border: 1px solid rgba(17, 17, 17, 0.04);
}

.my-listing-card__stats svg {
    width: 17px;
    height: 17px;
    color: var(--muted);
}

.my-listing-card__toggle {
    margin: 0;
}

.my-listing-card__toggle button,
.my-listing-card__pending {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(17, 17, 17, 0.09);
    border-radius: 14px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 760;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.72)),
        var(--panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.my-listing-card__pending {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    background: var(--surface-muted);
    color: var(--muted);
}

.my-listing-card__open {
    position: relative;
    z-index: 2;
    width: fit-content;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 14px;
    color: var(--ink);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.72)),
        var(--panel);
    font-size: 13px;
    font-weight: 760;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.my-listings-empty {
    margin-top: 18px;
    padding: 48px 28px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 28px;
    text-align: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.78)),
        var(--panel);
    box-shadow:
        0 22px 54px rgba(17, 17, 17, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.publication-success-screen,
.listing-service-screen {
    min-height: 100svh;
    padding: max(18px, env(safe-area-inset-top)) 0 max(22px, env(safe-area-inset-bottom));
}

.publication-success-shell,
.listing-service-shell {
    max-width: 720px;
}

.publication-success-top,
.listing-service-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.publication-success-back,
.listing-service-back {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    color: var(--ink);
    background: var(--panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.publication-success-back svg,
.listing-service-back svg {
    width: 25px;
    height: 25px;
}

.publication-success-top span,
.listing-service-header span {
    color: var(--muted);
    font-size: 15px;
    font-weight: 760;
}

.publication-success-top h1,
.listing-service-header h1 {
    margin: 2px 0 0;
    font-size: clamp(32px, 8vw, 52px);
    line-height: 1;
    letter-spacing: 0;
}

.publication-success-form {
    min-height: calc(100svh - 116px);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.publication-success-hero {
    position: relative;
    display: grid;
    place-items: center;
    gap: 12px;
    padding: 10px 6px 16px;
    text-align: center;
}

.publication-success-burst {
    position: absolute;
    top: 4px;
    left: 50%;
    width: 170px;
    height: 132px;
    transform: translateX(-50%);
    pointer-events: none;
}

.publication-success-burst span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: hsl(var(--hue) 84% 58%);
    transform:
        translate(-50%, -50%)
        rotate(var(--angle))
        translateY(-54px);
    animation: publicationBurst 1.5s ease-in-out infinite;
    animation-delay: var(--delay);
}

.publication-success-burst span::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 3px;
    width: 3px;
    height: 24px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.35;
}

.publication-success-check {
    position: relative;
    z-index: 1;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 52px;
    font-weight: 800;
    background: #31b96f;
    box-shadow: 0 18px 36px rgba(49, 185, 111, 0.28);
}

.publication-success-hero h2 {
    margin: 0;
    max-width: 560px;
    font-size: clamp(26px, 6vw, 42px);
    line-height: 1.12;
}

.publication-success-hero p {
    margin: 0;
    color: var(--muted);
    font-size: clamp(16px, 3.8vw, 20px);
    font-weight: 620;
}

.publication-service-list {
    display: grid;
    gap: 12px;
}

.publication-service-option {
    position: relative;
    min-height: 82px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 2px solid rgba(17, 17, 17, 0.08);
    border-radius: 22px;
    background: var(--panel);
    cursor: pointer;
}

.publication-service-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.publication-service-option:has(input:checked) {
    border-color: #ff5a2a;
    box-shadow: 0 18px 34px rgba(255, 90, 42, 0.12);
}

.publication-service-option__recommend {
    position: absolute;
    top: -16px;
    left: 22px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 9px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    background: #ff5a2a;
}

.publication-service-option__recommend::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 24px;
    height: 2px;
    background: #ff5a2a;
}

.publication-service-option__icon,
.listing-service-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    font-weight: 900;
}

.publication-service-option__icon--turbo,
.listing-service-icon--turbo {
    color: #ff7a1a;
    background: rgba(255, 122, 26, 0.14);
}

.publication-service-option__icon--vip,
.listing-service-icon--vip {
    color: #5b3a00;
    background: rgba(255, 192, 46, 0.26);
}

.publication-service-option__icon--boost,
.listing-service-icon--boost {
    color: #2f80ed;
    background: rgba(47, 128, 237, 0.14);
}

.publication-service-option__icon--none {
    color: var(--muted);
    background: var(--surface-muted);
}

.publication-service-option__copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.publication-service-option__copy strong {
    font-size: 22px;
    line-height: 1.08;
}

.publication-service-option__copy small {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.3;
}

.publication-service-option__mark {
    width: 26px;
    height: 26px;
    border: 3px solid rgba(17, 17, 17, 0.22);
    border-radius: 50%;
}

.publication-service-option:has(input:checked) .publication-service-option__mark {
    border-color: transparent;
    background:
        radial-gradient(circle at center, #ffffff 0 30%, transparent 31%),
        #ff5a2a;
}

.publication-success-submit {
    width: 100%;
    min-height: 58px;
    margin-top: auto;
    border-radius: 20px;
    font-size: 18px;
}

.listing-service-card,
.listing-service-panel {
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 26px;
    background: var(--panel);
    box-shadow:
        0 22px 54px rgba(17, 17, 17, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.listing-service-card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    margin-bottom: 14px;
}

.listing-service-card__media {
    width: 118px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
    color: #ffffff;
    font-size: 42px;
    font-weight: 900;
    background: var(--surface-muted);
}

.listing-service-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-service-card__copy {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 6px;
}

.listing-service-card__copy h2,
.listing-service-panel h2 {
    margin: 0;
}

.listing-service-card__copy h2 {
    font-size: 20px;
    line-height: 1.15;
}

.listing-service-card__copy strong {
    font-size: 24px;
}

.listing-service-card__copy p,
.listing-service-panel p {
    margin: 0;
    color: var(--muted);
}

.listing-service-badge {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.listing-service-badge--turbo {
    color: #ffffff;
    background: #ff5a2a;
}

.listing-service-badge--vip {
    color: #251b00;
    background: #ffc02e;
}

.listing-service-badge--boost {
    color: #ffffff;
    background: #2f80ed;
}

.listing-service-panel {
    display: grid;
    gap: 16px;
    padding: 20px;
}

.listing-service-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.listing-service-metrics > div {
    display: grid;
    gap: 5px;
    padding: 13px;
    border-radius: 18px;
    background: var(--surface-muted);
}

.listing-service-metrics span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 720;
}

.listing-service-metrics strong {
    font-size: 20px;
}

.listing-service-metrics .is-negative strong {
    color: var(--danger);
}

.listing-service-note {
    line-height: 1.45;
}

.listing-service-submit {
    width: 100%;
    min-height: 56px;
    border-radius: 18px;
    font-size: 17px;
}

@keyframes publicationBurst {
    0%,
    100% {
        opacity: 0.55;
        transform:
            translate(-50%, -50%)
            rotate(var(--angle))
            translateY(-46px)
            scale(0.82);
    }

    50% {
        opacity: 1;
        transform:
            translate(-50%, -50%)
            rotate(var(--angle))
            translateY(-62px)
            scale(1.08);
    }
}

@media (max-width: 620px) {
    .publication-success-shell,
    .listing-service-shell {
        padding-right: 22px;
        padding-left: 22px;
    }

    .publication-success-form {
        min-height: calc(100svh - 104px);
    }

    .publication-service-option {
        grid-template-columns: 52px minmax(0, 1fr) auto;
        min-height: 76px;
        padding: 12px 14px;
        border-radius: 20px;
    }

    .publication-service-option__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .publication-service-option__copy strong {
        font-size: 20px;
    }

    .publication-service-option__copy small {
        display: none;
    }

    .listing-service-card {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .listing-service-card__media {
        width: 96px;
    }
}

.my-listings-empty h2 {
    margin: 0 0 8px;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 780;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.my-listings-empty p {
    max-width: 420px;
    margin: 0 auto;
    color: var(--muted);
    line-height: 1.6;
}

.my-listings-action-bar {
    position: fixed;
    right: 50%;
    bottom: calc(104px + env(safe-area-inset-bottom, 0px));
    z-index: 48;
    width: min(calc(100% - 32px), 820px);
    transform: translateX(50%);
}

.my-listings-action-bar a {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 20px;
    color: var(--panel-strong);
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 46%),
        linear-gradient(180deg, #2d333c 0%, #16191f 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 24px 54px rgba(22, 25, 31, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

@media (hover: hover) {
    .my-listings-tabs a:not(.is-active):hover,
    .my-listing-card__edit:hover,
    .my-listing-card__open:hover,
    .my-listing-card__toggle button:hover,
    .my-listings-search__reset:hover {
        color: var(--ink);
        background: rgba(255, 255, 255, 0.92);
        box-shadow:
            0 14px 28px rgba(17, 17, 17, 0.06),
            inset 0 1px 0 rgba(255, 255, 255, 0.94);
    }

    .my-listings-action-bar a:hover {
        transform: translateY(-1px);
        box-shadow:
            0 28px 64px rgba(22, 25, 31, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
}

@media (max-width: 620px) {
    .page-main--my-listings {
        padding-bottom: calc(178px + env(safe-area-inset-bottom, 0px));
    }

    .my-listings-screen {
        padding-top: 24px;
    }

    .my-listings-shell {
        width: min(100% - 32px, var(--container));
    }

    .my-listings-tabs {
        margin-top: 22px;
    }

    .my-listings-tabs a {
        min-height: 42px;
        padding: 0 14px;
        font-size: 14px;
    }

    .my-listings-search {
        margin-top: 16px;
    }

    .my-listings-search label {
        min-height: 56px;
    }

    .my-listing-card {
        grid-template-columns: 140px minmax(0, 1fr);
        gap: 14px;
        padding: 12px;
        border-radius: 26px;
    }

    .my-listings-list {
        gap: 8px;
    }

    .my-listing-card__content {
        gap: 8px;
        padding: 2px 2px 2px 0;
    }

    .my-listing-card__media {
        width: 140px;
        border-radius: 18px;
    }

    .my-listing-card__status,
    .my-listing-card__meta,
    .my-listing-card__open {
        display: none;
    }
}

@media (max-width: 520px) {
    .my-listings-shell {
        width: min(100% - 24px, var(--container));
    }

    .my-listings-tabs {
        margin-right: 0;
        margin-left: 0;
    }

    .my-listings-tabs a {
        flex: 0 0 auto;
    }

    .my-listings-search {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .my-listings-search.has-reset {
        grid-template-columns: minmax(0, 1fr) 50px;
    }

    .my-listings-search label {
        min-height: 54px;
        padding: 0 15px;
        gap: 10px;
    }

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

    .my-listings-search__reset {
        width: 50px;
        height: 50px;
        border-radius: 16px;
    }

    .my-listing-card {
        grid-template-columns: 116px minmax(0, 1fr);
        gap: 12px;
        padding: 10px;
        border-radius: 24px;
    }

    .my-listing-card__media {
        width: 116px;
        border-radius: 16px;
    }

    .my-listing-card__title {
        font-size: 16px;
    }

    .my-listing-card__price {
        font-size: 20px;
        margin-top: 5px;
    }

    .my-listing-card__edit {
        width: 34px;
        height: 34px;
        border-radius: 12px;
    }

    .my-listing-card__status,
    .my-listing-card__meta,
    .my-listing-card__stats,
    .my-listing-card__open,
    .my-listing-card__toggle button {
        font-size: 12px;
    }

    .my-listing-card__stats {
        gap: 8px;
    }

    .my-listing-card__stats span {
        min-height: 30px;
        padding: 0 8px;
    }

    .my-listing-card__open,
    .my-listing-card__toggle button {
        min-height: 36px;
        padding: 0 11px;
    }

    .my-listings-action-bar {
        bottom: calc(100px + env(safe-area-inset-bottom, 0px));
        width: min(calc(100% - 28px), 728px);
    }

    .my-listings-action-bar a {
        min-height: 62px;
        font-size: 17px;
    }
}

@media (max-width: 390px) {
    .my-listings-tabs a {
        padding: 0 12px;
        font-size: 13px;
    }

    .my-listing-card {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
        border-radius: 22px;
    }

    .my-listing-card__media {
        width: 96px;
        border-radius: 14px;
    }

    .my-listing-card__title {
        font-size: 15px;
    }

    .my-listing-card__price {
        font-size: 18px;
    }

    .my-listing-card__meta span + span::before {
        margin-right: 6px;
        margin-left: 6px;
    }
}

.page-main--account {
    --account-ink: #111111;
    --account-muted: #777777;
    --account-soft: #f7f7f7;
    --account-field: #f7f7f7;
    --account-line: rgba(17, 17, 17, 0.08);
    --account-line-strong: rgba(17, 17, 17, 0.14);
    --account-shadow: 0 30px 76px rgba(17, 17, 17, 0.1);
    --account-shadow-soft: 0 18px 42px rgba(17, 17, 17, 0.07);
    padding-top: 28px;
}

body:has(.page-main--account) {
    color: #111111;
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(17, 17, 17, 0.022) 1px, transparent 1px),
        linear-gradient(180deg, #ffffff 0%, #f7f7f7 48%, #f2f2f2 100%);
    background-size: 44px 44px, 44px 44px, auto;
}

body:has(.page-main--account) .site-header {
    border-bottom-color: rgba(17, 17, 17, 0.06);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.page-main--account,
.page-main--account *,
body:has(.page-main--account) .site-header,
body:has(.page-main--account) .site-header * {
    font-weight: 400 !important;
}

body:has(.page-main--favorites) .site-header,
body:has(.page-main--favorites) .site-header *,
body:has(.page-main--listing-detail) .site-header,
body:has(.page-main--listing-detail) .site-header * {
    font-weight: 400 !important;
}

body:has(.page-main--stores) .site-header,
body:has(.page-main--messages) .site-header,
body:has(.page-main--my-listings) .site-header {
    display: none;
}

body:has(.page-main--favorites) .header-avatar,
body:has(.page-main--listing-detail) .header-avatar,
body:has(.page-main--account) .header-avatar {
    display: none;
}

.account-layout {
    display: grid;
    max-width: 1040px;
    gap: 18px;
    align-items: start;
}

.account-sections {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.account-sections__item {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 18px 20px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 26px;
    color: var(--account-ink);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.9)),
        #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 16px 34px rgba(17, 17, 17, 0.06);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.account-sections__item:hover {
    transform: translateY(-1px);
    border-color: rgba(17, 17, 17, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 20px 38px rgba(17, 17, 17, 0.08);
}

.account-sections__item.is-active {
    border-color: rgba(17, 17, 17, 0.18);
    background:
        linear-gradient(180deg, rgba(34, 34, 34, 0.98), rgba(17, 17, 17, 0.98)),
        #111111;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 20px 40px rgba(17, 17, 17, 0.16);
}

.account-sections__item.is-active,
.account-sections__item.is-active .account-sections__hint {
    color: #ffffff;
}

.account-sections__item--danger:not(.is-active) {
    border-color: rgba(217, 31, 38, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.96)),
        #ffffff;
}

.account-sections__item--danger:not(.is-active) .account-sections__label {
    color: #d91f26;
}

.account-sections__label {
    display: block;
    font-family: var(--font-display);
    font-size: 20px;
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.account-sections__hint {
    display: block;
    color: rgba(17, 17, 17, 0.52);
    font-size: 13px;
    line-height: 1.5;
}

.page-main--account-overview {
    padding-top: calc(env(safe-area-inset-top, 0px) + 12px);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 148px);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:has(.page-main--account-overview) {
    color: #171b22;
    background: linear-gradient(180deg, #ffffff 0%, #fafaf7 52%, #f2f2ee 100%);
}

.account-layout--overview {
    display: grid;
    max-width: 680px;
    gap: 10px;
}

.account-overview-hero,
.account-overview-nav__item {
    border: 1px solid rgba(15, 23, 42, 0.09);
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(23, 27, 34, 0.06);
}

.account-overview-hero {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 20px;
}

.account-overview-hero__identity {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.account-overview-hero__avatar {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(145deg, #1c2637 0%, #5e6876 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 8px 18px rgba(23, 27, 34, 0.12);
}

.account-overview-hero__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.account-overview-hero__avatar > span {
    font-size: 28px;
    line-height: 1;
    font-weight: 700 !important;
}

.account-overview-hero__copy {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.account-overview-hero__title {
    margin: 0;
}

.account-overview-hero__name {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
    color: #171b22;
    font-size: 24px;
    line-height: 1.18;
    letter-spacing: 0;
    font-weight: 600 !important;
}

.account-overview-hero__name__badge {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #2f8f59;
}

.account-overview-hero__name__badge svg,
.account-overview-hero__name__badge img {
    width: 100%;
    height: 100%;
    display: block;
}

.account-overview-hero__location {
    margin: 0;
    color: #8c919b;
    font-size: 15px;
    line-height: 1.4;
}

.account-overview-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.account-overview-metric {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid transparent;
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.account-overview-metric--balance {
    border-color: rgba(53, 92, 154, 0.14);
    background: #f3f7fc;
}

.account-overview-metric--reviews {
    border-color: rgba(154, 78, 114, 0.14);
    background: #faf3f7;
}

.account-overview-metric__accent {
    width: 30px;
    height: 4px;
    border-radius: 999px;
}

.account-overview-metric--balance .account-overview-metric__accent {
    background: #355c9a;
}

.account-overview-metric--reviews .account-overview-metric__accent {
    background: #9a4e72;
}

.account-overview-metric--balance .account-overview-metric__label {
    color: #355c9a;
}

.account-overview-metric--reviews .account-overview-metric__label {
    color: #9a4e72;
}

.account-overview-metric__label {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600 !important;
}

.account-overview-metric__value {
    min-width: 0;
    color: #141a23;
    font-size: 26px;
    line-height: 1.08;
    font-weight: 600 !important;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-overview-metric__supporting {
    color: #6d7785;
    font-size: 13px;
    line-height: 1.35;
}

.account-overview-nav {
    display: grid;
    gap: 8px;
}

.account-overview-nav__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 15px 16px;
    border-radius: 14px;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.account-overview-nav__item:hover {
    transform: translateY(-1px);
    border-color: rgba(15, 23, 42, 0.13);
    box-shadow: 0 14px 30px rgba(23, 27, 34, 0.08);
}

.account-overview-nav__item.is-active {
    border-color: rgba(47, 143, 89, 0.18);
    background: #f6fbf8;
}

.account-overview-nav__copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.account-overview-nav__title {
    color: #171b22;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600 !important;
}

.account-overview-nav__hint {
    color: #8c919b;
    font-size: 13px;
    line-height: 1.35;
}

.account-overview-nav__arrow {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: #8c919b;
}

.account-overview-nav__arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.account-overview-nav__item--danger {
    border-color: rgba(179, 38, 30, 0.14);
}

.account-overview-nav__item--danger .account-overview-nav__title {
    color: #b3261e;
}

@media (prefers-color-scheme: dark) {
    .page-main--account-overview {
        padding-top: calc(env(safe-area-inset-top, 0px) + 12px);
    }

    body:has(.page-main--account-overview) {
        color: #f3f5f8;
        background: linear-gradient(180deg, #090d13 0%, #0f141c 40%, #161c25 100%);
    }

    .account-overview-hero__name,
    .account-overview-nav__title {
        color: #f3f5f8;
    }

    .account-overview-hero__location,
    .account-overview-nav__hint,
    .account-overview-nav__arrow {
        color: #abb4c2;
    }

    .account-overview-hero,
    .account-overview-nav__item {
        border-color: rgba(126, 135, 150, 0.18);
        background: #11161d;
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
    }

    .account-overview-hero__avatar {
        border-color: rgba(126, 135, 150, 0.18);
        background: linear-gradient(145deg, #28313d 0%, #5e6876 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 8px 20px rgba(0, 0, 0, 0.24);
    }

    .account-overview-hero__name__badge {
        color: #8ad1bc;
    }

    .account-overview-metric {
        box-shadow: none;
    }

    .account-overview-metric--balance {
        border-color: rgba(143, 174, 236, 0.3);
        background: #1a2430;
    }

    .account-overview-metric--reviews {
        border-color: rgba(227, 176, 199, 0.28);
        background: #241c28;
    }

    .account-overview-metric--balance .account-overview-metric__accent {
        background: #8faeec;
    }

    .account-overview-metric--reviews .account-overview-metric__accent {
        background: #e3b0c7;
    }

    .account-overview-metric--balance .account-overview-metric__label {
        color: #8faeec;
    }

    .account-overview-metric--reviews .account-overview-metric__label {
        color: #e3b0c7;
    }

    .account-overview-metric__value {
        color: #f3f6fc;
    }

    .account-overview-metric__supporting {
        color: #a9b6c8;
    }

    .account-overview-nav__item:hover {
        border-color: rgba(126, 135, 150, 0.26);
        box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
    }

    .account-overview-nav__item.is-active {
        border-color: rgba(138, 209, 188, 0.18);
        background: #151d26;
    }

    .account-overview-nav__item--danger {
        border-color: rgba(255, 180, 171, 0.16);
    }

    .account-overview-nav__item--danger .account-overview-nav__title {
        color: #ffb4ab;
    }
}

.account-hero,
.account-card {
    position: relative;
    overflow: visible;
}

.account-hero {
    position: relative;
    top: auto;
    padding: 34px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 34px;
    color: var(--account-ink);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.94) 56%, rgba(255, 255, 255, 0.86) 100%),
        #ffffff;
    box-shadow: var(--account-shadow);
    isolation: isolate;
}

.account-card {
    padding: 34px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 34px;
    color: var(--account-ink);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.94) 56%, rgba(255, 255, 255, 0.86) 100%),
        #ffffff;
    box-shadow: var(--account-shadow);
    isolation: isolate;
}

.account-card--danger {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 56%, rgba(255, 255, 255, 0.9) 100%),
        #ffffff;
}

.account-hero::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), transparent 36%),
        linear-gradient(90deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px);
    background-size: auto, 72px 100%;
    pointer-events: none;
}

.account-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 34px;
    left: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(17, 17, 17, 0.22), transparent);
    pointer-events: none;
}

.account-hero__form {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 22px;
}

.account-hero .eyebrow,
.account-card .eyebrow {
    width: max-content;
    margin-bottom: 2px;
    padding: 8px 12px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    color: rgba(17, 17, 17, 0.66);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.05);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

.account-hero .eyebrow::before,
.account-card .eyebrow::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.account-card__body {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 22px;
}

.account-section-head {
    display: grid;
    gap: 12px;
}

.account-section-head h1 {
    margin: 0;
    color: var(--account-ink);
    font-family: var(--font-display);
    font-size: 42px;
    line-height: 1.02;
    letter-spacing: -0.02em;
}

.account-section-head p {
    max-width: 58ch;
    margin: 0;
    color: var(--account-muted);
    font-size: 16px;
    line-height: 1.7;
}

.account-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.account-placeholder-card {
    padding: 22px;
    border: 1px solid var(--account-line);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 14px 32px rgba(17, 17, 17, 0.05);
}

.account-placeholder-card strong {
    display: block;
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.35;
}

.account-placeholder-card p {
    margin: 0;
    color: var(--account-muted);
    line-height: 1.65;
}

.account-blocked-list {
    display: grid;
    gap: 14px;
}

.account-blocked-user {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 22px;
    border: 1px solid var(--account-line);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 14px 32px rgba(17, 17, 17, 0.05);
}

.account-blocked-user__identity {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.account-blocked-user__avatar {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #ffffff;
    font-family: var(--font-display);
    font-size: 24px;
    line-height: 1;
    background:
        linear-gradient(180deg, rgba(17, 17, 17, 0.9), rgba(0, 0, 0, 1)),
        #111111;
    box-shadow: 0 16px 34px rgba(17, 17, 17, 0.16);
}

.account-blocked-user__copy {
    display: grid;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.account-blocked-user__copy strong {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    word-break: break-word;
}

.account-blocked-user__copy span {
    display: block;
    color: var(--account-muted);
    line-height: 1.5;
}

.account-blocked-user__meta {
    display: flex;
    align-items: center;
    min-width: 0;
}

.account-blocked-user__meta span {
    flex: 1 1 auto;
    min-width: 0;
}

.account-blocked-user__form {
    margin-left: auto;
    flex: 0 0 auto;
}

.account-blocked-user__action {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 14px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    appearance: none;
    cursor: pointer;
}

.account-blocked-user__action svg {
    width: 20px;
    height: 20px;
}

.account-blocked-user__action:focus-visible {
    outline: 2px solid rgba(217, 31, 38, 0.32);
    outline-offset: 2px;
}

.account-blocked-user__details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    grid-column: 1 / -1;
}

.account-blocked-user__chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    color: var(--account-ink);
    background: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    line-height: 1.45;
}

.account-blocked-user__note {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--account-muted);
    line-height: 1.65;
}

@media (hover: hover) {
    .account-blocked-user__action:hover {
        color: var(--ink);
        background: rgba(255, 255, 255, 0.92);
        box-shadow:
            0 14px 28px rgba(17, 17, 17, 0.06),
            inset 0 1px 0 rgba(255, 255, 255, 0.94);
        transform: translateY(-1px);
    }
}

.account-logout {
    gap: 20px;
}

.account-logout__note {
    padding: 18px 20px;
    border: 1px solid rgba(217, 31, 38, 0.14);
    border-radius: 22px;
    color: #d91f26;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    line-height: 1.6;
}

.account-actions--logout {
    background: rgba(255, 255, 255, 0.78);
}

.account-actions.account-actions--logout .account-actions__danger-button {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent),
        linear-gradient(180deg, #d91f26 0%, #d91f26 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        0 18px 36px rgba(217, 31, 38, 0.2);
}

.account-actions.account-actions--logout .account-actions__danger-button:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        0 22px 42px rgba(217, 31, 38, 0.24);
}

.account-hero__identity {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    align-items: start;
    justify-items: center;
    margin-bottom: 30px;
}

.account-avatar-picker {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 14px;
}

.account-hero__avatar {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 196px);
    aspect-ratio: 1;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background:
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.28), transparent 34%),
        linear-gradient(145deg, #222222 0%, #555555 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 22px 42px rgba(17, 17, 17, 0.14);
}

.account-avatar-picker__preview {
    justify-self: center;
}

.account-avatar-picker__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.account-avatar-picker__empty {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #ffffff;
    font-family: var(--font-display);
    font-size: 68px;
    line-height: 1;
    letter-spacing: -0.03em;
}

.account-avatar-picker__change {
    padding: 0;
    border: 0;
    color: var(--account-ink);
    background: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    cursor: pointer;
}

.account-avatar-picker__change:focus-visible {
    outline: 2px solid rgba(17, 17, 17, 0.78);
    outline-offset: 8px;
    border-radius: 999px;
}

.account-avatar-picker__status {
    margin: 0;
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}

.account-avatar-picker__status[data-state="success"] {
    color: #555555;
}

.account-avatar-picker__status[data-state="error"] {
    color: #d91f26;
}

.account-avatar-picker__input {
    display: none;
}

html.has-avatar-cropper,
body.has-avatar-cropper {
    overflow: hidden;
}

body.has-avatar-cropper .site-header,
body.has-avatar-cropper .mobile-dock {
    display: none !important;
}

.account-avatar-cropper {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding:
        calc(env(safe-area-inset-top, 0px) + 44px)
        24px
        calc(env(safe-area-inset-bottom, 0px) + 26px);
    color: #ffffff;
    background: #000000;
}

.account-avatar-cropper__head {
    display: flex;
    justify-content: center;
}

.account-avatar-cropper__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(20px, 3vw, 24px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.account-avatar-cropper__body {
    display: grid;
    place-items: center;
    min-height: 0;
    padding-block: 28px;
}

.account-avatar-cropper__stage {
    position: relative;
    width: min(100%, 520px);
    height: min(64vh, 720px);
    min-height: 340px;
    overflow: hidden;
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        #111111;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 30px 60px rgba(0, 0, 0, 0.28);
}

.account-avatar-cropper__stage::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12), transparent 20%, transparent 78%, rgba(0, 0, 0, 0.26)),
        radial-gradient(circle at center, transparent 22%, rgba(0, 0, 0, 0.18) 100%);
    pointer-events: none;
}

.account-avatar-cropper__backdrop {
    position: absolute;
    inset: -10%;
    width: 120%;
    height: 120%;
    object-fit: cover;
    filter: blur(30px) brightness(0.58);
    transform: scale(1.06);
    opacity: 0.96;
}

.account-avatar-cropper__surface {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(84vw, 420px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    touch-action: none;
    user-select: none;
    z-index: 1;
}

.account-avatar-cropper__surface.is-draggable {
    cursor: grab;
}

.account-avatar-cropper__surface[data-dragging="true"] {
    cursor: grabbing;
}

.account-avatar-cropper__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

.account-avatar-cropper__image {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    will-change: transform;
}

.account-avatar-cropper__mask {
    position: absolute;
    inset: 0;
    border: 2px solid rgba(255, 255, 255, 0.82);
    border-radius: 50%;
    box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.34);
    pointer-events: none;
}

.account-avatar-cropper__foot {
    display: grid;
    gap: 16px;
}

.account-avatar-cropper__status {
    margin: 0;
    min-height: 20px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.45;
    text-align: center;
}

.account-avatar-cropper__status[data-state="error"] {
    color: #bdbdbd;
}

.account-avatar-cropper__status[data-state="pending"] {
    color: #e5e5e5;
}

.account-avatar-cropper__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.account-avatar-cropper__button {
    padding: 0;
    border: 0;
    color: #ffffff;
    background: none;
    font-size: clamp(17px, 3.8vw, 19px);
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
}

.account-avatar-cropper__button--primary {
    font-weight: 500;
}

.account-avatar-cropper__button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.82);
    outline-offset: 8px;
    border-radius: 999px;
}

.account-avatar-cropper__button[disabled] {
    opacity: 0.58;
    cursor: default;
}

.account-hero__copy h1 {
    margin: 0;
    color: var(--account-ink);
    font-family: var(--font-display);
    font-size: 52px;
    line-height: 1;
    letter-spacing: 0;
}

.account-hero__copy p {
    max-width: 58ch;
    margin: 14px 0 0;
    color: var(--account-muted);
    font-size: 16px;
    line-height: 1.7;
}

.account-hero__chips,
.account-hero__stack {
    display: grid;
    gap: 14px;
    margin-top: 4px;
}

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

.account-hero__stack {
    grid-template-columns: 1fr;
    align-items: start;
}

.account-chip {
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid var(--account-line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 12px 30px rgba(17, 17, 17, 0.045);
}

.account-chip--editable {
    display: grid;
    gap: 9px;
    align-content: start;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.account-chip--editable:focus-within {
    transform: translateY(-1px);
    border-color: var(--account-line-strong);
    background: #ffffff;
    box-shadow:
        0 0 0 5px rgba(17, 17, 17, 0.045),
        var(--account-shadow-soft);
}

.account-chip__label {
    display: block;
    margin-bottom: 0;
    color: rgba(17, 17, 17, 0.5);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

.account-chip strong {
    display: block;
    color: var(--account-ink);
    font-size: 15px;
    line-height: 1.4;
    word-break: break-word;
}

.account-chip--editable input {
    min-height: 34px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--account-ink);
    background: transparent;
    box-shadow: none;
    font-size: 17px;
    letter-spacing: 0;
}

.account-chip--editable input::placeholder {
    color: rgba(17, 17, 17, 0.34);
    opacity: 1;
}

.account-chip--editable input:focus {
    border: 0;
    box-shadow: none;
}

.account-city {
    z-index: 8;
}

.account-city .auth-city__control input {
    width: 100%;
    padding-right: 42px;
}

.account-city .auth-city__check {
    right: 0;
    width: 26px;
    height: 26px;
    color: #ffffff;
    background: linear-gradient(180deg, #444444, #222222);
}

.account-city .auth-city__results {
    margin-top: 8px;
    border-color: rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 48px rgba(17, 17, 17, 0.12);
}

.account-city .auth-city__message {
    margin: 0;
    color: rgba(17, 17, 17, 0.52);
}

.account-sidecard {
    padding: 22px;
    border: 1px solid var(--account-line);
    border-radius: 26px;
    color: var(--account-ink);
    background: rgba(255, 255, 255, 0.86);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 16px 36px rgba(17, 17, 17, 0.05);
}

.account-sidecard--soft {
    color: var(--account-ink);
    background: rgba(255, 255, 255, 0.86);
}

.account-sidecard__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: rgba(17, 17, 17, 0.52);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

.account-sidecard__eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(17, 17, 17, 0.58);
}

.account-sidecard--soft .account-sidecard__eyebrow {
    color: rgba(17, 17, 17, 0.52);
}

.account-sidecard--soft .account-sidecard__eyebrow::before {
    background: rgba(17, 17, 17, 0.58);
}

.account-sidecard__title {
    display: block;
    color: var(--account-ink);
    font-family: var(--font-body);
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 0;
}

.account-bio-field {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.account-bio-field__label {
    color: rgba(17, 17, 17, 0.5);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

.account-bio-field textarea {
    min-height: 152px;
    padding: 16px 18px;
    border: 1px solid var(--account-line);
    border-radius: 22px;
    color: var(--account-ink);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: none;
    font-size: 16px;
    line-height: 1.65;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.account-bio-field textarea::placeholder {
    color: rgba(17, 17, 17, 0.34);
    opacity: 1;
}

.account-bio-field textarea:focus {
    border-color: var(--account-line-strong);
    background: #ffffff;
    box-shadow:
        0 0 0 5px rgba(17, 17, 17, 0.045),
        0 16px 34px rgba(17, 17, 17, 0.06);
}

.account-bio-field__hint {
    color: rgba(17, 17, 17, 0.5);
    font-size: 13px;
    line-height: 1.5;
}

.account-sidecard p {
    margin: 10px 0 0;
    line-height: 1.65;
}

.account-verification {
    overflow: hidden;
}

.account-verification-hero {
    display: grid;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--account-line);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.94)),
        #ffffff;
}

.account-verification-hero.is-verified {
    border-color: rgba(58, 114, 72, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.96)),
        #ffffff;
}

.account-verification-hero__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.account-verification-hero__top strong {
    display: block;
    color: var(--account-ink);
    font-size: 24px;
    line-height: 1.15;
}

.account-verification-hero__top p {
    margin: 8px 0 0;
    color: var(--account-muted);
    font-size: 14px;
    line-height: 1.65;
}

.account-verification-progress {
    display: grid;
    gap: 8px;
}

.account-verification-progress__bar {
    position: relative;
    overflow: hidden;
    height: 10px;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.08);
}

.account-verification-progress__bar span {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #111111, #3a7248);
}

.account-verification-progress small {
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.45;
}

.account-verification-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.account-verification-stat {
    display: grid;
    gap: 6px;
    padding: 18px;
    border: 1px solid var(--account-line);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
}

.account-verification-stat span {
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.45;
}

.account-verification-stat strong {
    color: var(--account-ink);
    font-family: var(--font-display);
    font-size: 28px;
    line-height: 1;
}

.account-verification-stat small {
    color: var(--account-muted);
    font-size: 12px;
    line-height: 1.5;
}

.account-verification-checklist {
    display: grid;
    gap: 12px;
}

.account-verification-check {
    display: grid;
    gap: 8px;
    padding: 18px 18px 18px 52px;
    border: 1px solid var(--account-line);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
}

.account-verification-check::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 18px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(17, 17, 17, 0.18);
    border-radius: 50%;
    background: #ffffff;
}

.account-verification-check.is-done::before {
    border-color: #1f9d55;
    background:
        radial-gradient(circle at center, #1f9d55 0 45%, transparent 46%);
}

.account-verification-check strong {
    color: var(--account-ink);
    font-size: 16px;
    line-height: 1.4;
}

.account-verification-check p {
    margin: 0;
    color: var(--account-muted);
    font-size: 14px;
    line-height: 1.65;
}

.account-verification-note {
    padding: 16px 18px;
    border: 1px solid var(--account-line);
    border-radius: 22px;
    color: var(--account-muted);
    background: rgba(255, 255, 255, 0.84);
    line-height: 1.65;
}

.account-verification-form {
    display: grid;
}

.account-sidecard--soft strong,
.account-sidecard--soft p {
    color: inherit;
}

.account-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 2px;
    padding: 18px;
    border: 1px solid var(--account-line);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.account-actions__copy {
    max-width: 42ch;
    margin: 0;
    color: var(--account-muted);
    font-size: 14px;
    line-height: 1.55;
}

.account-actions .button {
    min-width: 226px;
    min-height: 52px;
    border-radius: 18px;
    border-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11), transparent),
        linear-gradient(180deg, #222222 0%, #111111 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 18px 36px rgba(17, 17, 17, 0.18);
    letter-spacing: 0;
}

.account-actions .button:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 22px 42px rgba(17, 17, 17, 0.22);
}

.yookassa-connect-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--account-line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.yookassa-connect-panel__copy {
    display: grid;
    gap: 6px;
}

.yookassa-connect-panel__copy strong {
    color: var(--account-ink);
    font-size: 18px;
}

.yookassa-connect-panel__copy span,
.yookassa-status-grid span,
.yookassa-guide-step p {
    color: var(--account-muted);
    line-height: 1.55;
}

.yookassa-connect-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.yookassa-connect-panel__actions form {
    margin: 0;
}

.yookassa-status-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yookassa-status-grid span {
    padding: 8px 10px;
    border: 1px solid var(--account-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    font-size: 13px;
    font-weight: 800;
}

.yookassa-manual-settings {
    border-top: 1px solid var(--account-line);
    padding-top: 16px;
}

.yookassa-manual-settings summary {
    cursor: pointer;
    color: var(--account-ink);
    font-weight: 900;
}

.yookassa-manual-settings .account-profile-form {
    margin-top: 16px;
}

.yookassa-guide {
    scroll-margin-top: 96px;
}

.yookassa-guide__steps {
    display: grid;
    gap: 18px;
}

.yookassa-guide-step {
    display: grid;
    grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--account-line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.yookassa-guide-step img {
    display: block;
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--account-line);
    background: #f7f8f4;
}

.yookassa-guide-step span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #0f6b55;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.yookassa-guide-step h2 {
    margin: 0 0 8px;
    color: var(--account-ink);
    font-size: 20px;
    line-height: 1.2;
}

.yookassa-guide-step p {
    margin: 0 0 10px;
}

.yookassa-guide-step a {
    color: #0f6b55;
    font-weight: 900;
    text-decoration: none;
}

.yookassa-guide-step code {
    overflow-wrap: anywhere;
    font-size: 0.92em;
}

.account-topup .account-card__body {
    display: grid;
    gap: 20px;
}

.account-topup__summary {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--account-line);
}

.account-topup__summary span {
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.4;
}

.account-topup__summary strong {
    color: var(--account-ink);
    font-family: var(--font-display);
    font-size: clamp(32px, 5vw, 48px);
    line-height: 1;
    letter-spacing: 0;
}

.account-topup__form {
    gap: 16px;
}

.account-topup__amounts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.account-topup__option {
    position: relative;
    min-width: 0;
    min-height: 56px;
}

.account-topup__option input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.account-topup__option span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--account-line);
    border-radius: 18px;
    color: var(--account-ink);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
    font-size: 15px;
    line-height: 1.15;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.account-topup__option input:checked + span {
    border-color: rgba(17, 17, 17, 0.18);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent),
        linear-gradient(180deg, #222222 0%, #111111 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 14px 28px rgba(17, 17, 17, 0.14);
}

.account-topup__option input:focus-visible + span {
    outline: 3px solid rgba(17, 17, 17, 0.16);
    outline-offset: 3px;
}

.account-topup__custom {
    display: grid;
    gap: 8px;
}

.account-topup__custom span {
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.4;
}

.account-topup__custom input {
    width: 100%;
    min-height: 56px;
    padding: 0 16px;
    border: 1px solid var(--account-line);
    border-radius: 18px;
    color: var(--account-ink);
    background: rgba(255, 255, 255, 0.78);
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.account-topup__custom input:focus {
    border-color: var(--account-line-strong);
    background: #ffffff;
    box-shadow:
        0 0 0 4px rgba(17, 17, 17, 0.05),
        var(--account-shadow-soft);
}

.page-main--account .alert {
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(17, 17, 17, 0.06);
}

@media (max-width: 980px) {
    .account-layout {
        max-width: 820px;
    }

    .yookassa-connect-panel,
    .yookassa-guide-step {
        grid-template-columns: 1fr;
    }

    .yookassa-guide-step img {
        max-width: 360px;
    }

    .account-sections {
        grid-template-columns: 1fr;
    }

    .account-placeholder-grid {
        grid-template-columns: 1fr;
    }

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

    .account-blocked-user {
        grid-template-columns: 1fr;
    }

    .account-hero {
        position: relative;
        top: auto;
    }
}

@media (max-width: 720px) {
    .page-main--account {
        padding-top: 14px;
    }

    .account-layout {
        gap: 14px;
    }

    .account-hero,
    .account-card {
        padding: 20px;
        border-radius: 28px;
    }

    .account-hero::before {
        border-radius: 26px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), transparent 42%);
    }

    .account-hero::after {
        right: 20px;
        left: 20px;
    }

    .account-hero__form {
        gap: 18px;
    }

    .account-hero__identity {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
        margin-bottom: 24px;
    }

    .account-avatar-picker {
        justify-items: center;
    }

    .account-avatar-picker__preview {
        justify-self: center;
    }

    .account-hero__avatar {
        width: min(100%, 160px);
    }

    .yookassa-connect-panel__actions,
    .yookassa-connect-panel__actions form,
    .yookassa-connect-panel__actions .button {
        width: 100%;
    }

    .account-avatar-picker__empty {
        font-size: 56px;
    }

    .account-avatar-cropper {
        padding:
            calc(env(safe-area-inset-top, 0px) + 20px)
            16px
            calc(env(safe-area-inset-bottom, 0px) + 20px);
    }

    .account-avatar-cropper__body {
        padding-block: 18px 10px;
    }

    .account-avatar-cropper__stage {
        width: calc(100% + 32px);
        height: min(60vh, 620px);
        margin-inline: -16px;
        border-radius: 0;
    }

    .account-avatar-cropper__surface {
        width: min(78vw, 360px);
    }

    .account-avatar-cropper__actions {
        gap: 20px;
    }

    .account-hero__copy h1 {
        font-size: 34px;
        line-height: 1.05;
    }

    .account-section-head h1 {
        font-size: 32px;
        line-height: 1.08;
    }

    .account-hero__copy p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }

    .account-section-head p {
        font-size: 14px;
        line-height: 1.6;
    }

    .account-topup__summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .account-topup__summary strong {
        font-size: 34px;
    }

    .account-blocked-user {
        gap: 14px;
        padding: 18px;
        border-radius: 22px;
    }

    .account-blocked-user__avatar {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 16px;
        font-size: 20px;
    }

    .account-blocked-user__copy strong {
        font-size: 16px;
    }

    .account-blocked-user__identity {
        align-items: center;
    }

    .account-blocked-user__action {
        width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .account-hero__chips {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .account-chip,
    .account-sidecard {
        border-radius: 20px;
    }

    .account-hero__stack {
        grid-template-columns: 1fr;
    }

    .account-actions {
        flex-direction: column;
        align-items: stretch;
        padding: 14px;
        border-radius: 22px;
    }

    .account-actions .button {
        width: 100%;
        min-width: 0;
    }
}

/* Compact internal header */

.site-header {
    position: sticky;
    top: 0;
    z-index: 48;
    border-bottom: 1px solid rgba(17, 17, 17, 0.05);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.site-header::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(17, 17, 17, 0.08), transparent);
}

.site-header__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: calc(env(safe-area-inset-top) + 14px) 0 14px;
}

.site-header--balance::after {
    display: none;
}

.site-header__balance-inner {
    padding: calc(env(safe-area-inset-top) + 10px) 0 8px;
}

.site-header__balance-panel {
    display: grid;
    gap: 7px;
    position: relative;
    overflow: hidden;
    padding: 16px 20px 17px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 24px;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent),
        linear-gradient(135deg, #111111 0%, #222222 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 18px 34px rgba(17, 17, 17, 0.15);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.site-header__balance-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0.16), transparent 36%);
    opacity: 0.75;
    pointer-events: none;
}

.site-header__balance-panel[href]:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 22px 38px rgba(17, 17, 17, 0.18);
}

.site-header__balance-panel[href]:active {
    transform: translateY(0) scale(0.995);
}

.site-header__balance-top,
.site-header__balance-value,
.site-header__balance-meta {
    position: relative;
    z-index: 1;
}

.site-header__balance-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.site-header__balance-label {
    min-width: 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0;
}

.site-header__balance-action {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    font-size: 11px;
    line-height: 1;
}

.site-header__balance-value {
    color: #ffffff;
    font-family: var(--font-display);
    font-size: clamp(31px, 3.8vw, 43px);
    line-height: 1;
    letter-spacing: 0;
}

.site-header__balance-meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.25;
}

.site-header__balance-meta .rating-stars__star {
    color: rgba(255, 255, 255, 0.24);
}

.site-header__balance-meta .rating-stars__star.is-active {
    color: #ffcc67;
}

.site-header__intro {
    min-width: 0;
    gap: 14px;
}

.brand--icon {
    flex: 0 0 auto;
}

.brand--icon .brand__mark {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.brand--icon .brand__copy {
    display: none;
}

.header-context {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.header-context__eyebrow {
    display: block;
    color: rgba(119, 119, 119, 0.92);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.header-context__title {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-display);
    font-size: clamp(18px, 2vw, 28px);
    letter-spacing: -0.04em;
    line-height: 0.98;
}

.site-nav {
    min-width: 0;
    justify-content: center;
    padding: 0;
    gap: 8px;
}

.site-nav a,
.site-nav__utility,
.site-nav__logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 16px;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    white-space: nowrap;
}

.site-nav a.is-active,
.site-nav a:hover,
.site-nav__utility:hover,
.site-nav__logout:hover {
    color: var(--ink);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 26px rgba(17, 17, 17, 0.08);
}

.site-nav a.is-active {
    color: white;
    background: linear-gradient(180deg, #222222 0%, #111111 100%);
    box-shadow: 0 16px 28px rgba(17, 17, 17, 0.18);
}

.site-nav a.is-active .nav-badge {
    color: white;
    background: rgba(255, 255, 255, 0.18);
}

.site-nav__utility {
    display: none;
    margin-left: 0;
}

.site-nav__logout {
    color: var(--danger);
}

.nav-badge {
    min-width: 20px;
    height: 20px;
    margin-left: 0;
    padding: 0 6px;
    border-radius: 999px;
    color: var(--ink);
    font-size: 11px;
    font-weight: 800;
    background: rgba(17, 17, 17, 0.08);
}

.site-header__actions {
    justify-self: end;
    gap: 10px;
}

.header-shortcut,
.header-link,
.header-avatar,
.nav-toggle {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.header-shortcut,
.header-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 16px;
    color: var(--ink);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--shadow-md);
}

.header-shortcut {
    color: white;
    background: linear-gradient(180deg, #222222 0%, #111111 100%);
    box-shadow: 0 16px 28px rgba(17, 17, 17, 0.18);
}

.header-shortcut span {
    font-size: 18px;
    line-height: 1;
}

.header-shortcut:hover,
.header-link:hover,
.header-avatar:hover,
.nav-toggle:hover {
    transform: translateY(-1px);
}

@media (min-width: 1024px) {
    .site-nav .site-nav__desktop-hidden,
    .site-header__actions .header-shortcut--desktop-hidden {
        display: none;
    }
}

.header-avatar {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    color: white;
    font-weight: 800;
    background: linear-gradient(180deg, #111111 0%, #000000 100%);
    box-shadow: 0 16px 28px rgba(17, 17, 17, 0.16);
}

.nav-toggle {
    width: 44px;
    height: 44px;
    border-color: rgba(17, 17, 17, 0.05);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--shadow-md);
}

@media (max-width: 1100px) {
    .site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .site-header__balance-inner {
        padding: calc(env(safe-area-inset-top) + 10px) 0 6px;
    }

    .site-nav {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% - 2px);
        z-index: 4;
        flex-direction: column;
        align-items: stretch;
        padding: 14px;
        border: 1px solid rgba(17, 17, 17, 0.06);
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 28px 48px rgba(17, 17, 17, 0.12);
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
    }

    .site-nav.is-open {
        display: flex;
    }

    .site-nav a,
    .site-nav__utility,
    .site-nav__logout {
        width: 100%;
        justify-content: space-between;
        min-height: 50px;
        padding: 0 16px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: none;
    }

    .site-nav__utility {
        display: inline-flex;
        color: var(--ink);
    }

    .site-nav__logout {
        margin-top: 2px;
    }

    .nav-toggle {
        display: inline-flex;
    }
}

@media (max-width: 720px) {
    .site-header__inner {
        gap: 12px;
        padding: calc(env(safe-area-inset-top) + 12px) 0 12px;
    }

    .site-header__balance-panel {
        gap: 6px;
        padding: 14px 16px;
        border-radius: 21px;
    }

    .site-header__balance-value {
        font-size: 30px;
    }

    .site-header__intro {
        gap: 10px;
    }

    .brand--icon .brand__mark {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .header-context {
        gap: 3px;
    }

    .header-context__eyebrow {
        font-size: 10px;
        letter-spacing: 0.14em;
    }

    .header-context__title {
        font-size: 17px;
    }

    .header-shortcut,
    .header-link {
        display: none;
    }

    .site-nav {
        top: calc(100% - 4px);
        left: 0;
        right: 0;
        padding: 12px;
        border-radius: 22px;
    }
}

/* Mobile auth polish */

@media (max-width: 720px) {
    .auth-section {
        min-height: auto;
        padding: 14px 0 34px;
    }

    .auth-section::before {
        display: none;
    }

    .auth-layout--single {
        grid-template-columns: minmax(0, 1fr);
    }

    .auth-card--premium {
        padding: 22px 18px 20px;
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 18px 42px rgba(17, 17, 17, 0.08);
    }

    .auth-card--premium::before {
        height: 4px;
        background: linear-gradient(90deg, var(--ink), rgba(17, 17, 17, 0.18), transparent);
    }

    .auth-card--premium::after {
        display: none;
    }

    .auth-card__header {
        display: block;
        margin-bottom: 20px;
    }

    .auth-card__mark {
        display: none;
    }

    .auth-card__eyebrow {
        margin-bottom: 8px;
        font-size: 12px;
        letter-spacing: 0;
    }

    .auth-card--premium h2 {
        font-size: clamp(30px, 8.5vw, 36px);
        line-height: 1;
        letter-spacing: 0;
    }

    .stack-form--auth,
    .stack-form--register {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .auth-field > span:not([class]),
    .auth-field__label {
        top: 10px;
        left: 16px;
        font-size: 10px;
        letter-spacing: 0;
    }

    .auth-field input {
        min-height: 58px;
        padding: 26px 16px 8px;
        border-radius: 18px;
        font-size: 16px;
        background: #ffffff;
        box-shadow: none;
    }

    .auth-submit {
        min-height: 56px;
        margin-top: 4px;
        border-radius: 18px;
        font-size: 15px;
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.16);
    }

    .auth-submit svg {
        width: 20px;
        height: 20px;
    }

    .auth-card--premium .auth-switch {
        margin-top: 16px;
        padding-top: 16px;
        font-size: 13px;
    }
}

/* Auth forms final polish */

.auth-card--premium::before {
    display: none;
}

.auth-page,
.auth-page .page-shell,
.auth-page .site-header,
.auth-page .mobile-dock,
.auth-page .auth-section {
    font-weight: 400;
}

.auth-page strong,
.auth-page h1,
.auth-page h2,
.auth-page h3,
.auth-page a,
.auth-page button,
.auth-page input,
.auth-page .button,
.auth-page .dock-item,
.auth-page .header-context__eyebrow,
.auth-page .header-context__title,
.auth-page .auth-card__eyebrow,
.auth-page .auth-switch a {
    font-weight: 400;
}

.auth-page .mobile-dock .dock-item,
.auth-page .mobile-dock .dock-item__badge {
    font-weight: 800;
}

.auth-card--premium h2 {
    font-family: var(--font-body);
    font-weight: 400;
    letter-spacing: 0;
}

.auth-card__eyebrow,
.auth-field > span:not([class]),
.auth-field__label {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.auth-field__label {
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 1;
    color: var(--muted);
    font-size: 11px;
    transition: color 0.18s ease;
}

.auth-field--password input {
    padding-right: 58px;
}

.auth-page .auth-field input {
    min-height: 58px;
    padding: 0 18px;
    font-weight: 400;
}

.auth-page .auth-field--password input {
    padding-right: 58px;
}

.auth-page .auth-field input::placeholder {
    font-weight: 400;
}

.auth-page .auth-card--premium {
    overflow: visible;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 14px;
    color: rgba(17, 17, 17, 0.58);
    background: transparent;
    transform: translateY(-50%);
    transition: color 0.18s ease, background 0.18s ease;
}

.password-toggle:hover,
.password-toggle:focus-visible {
    color: var(--ink);
    background: rgba(17, 17, 17, 0.055);
}

.password-toggle svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.password-toggle__closed {
    display: none;
}

.password-toggle.is-visible .password-toggle__open {
    display: none;
}

.password-toggle.is-visible .password-toggle__closed {
    display: block;
}

.auth-field:focus-within .auth-field__label {
    color: var(--ink);
}

.auth-submit,
.auth-card--premium .auth-switch a {
    font-weight: 400;
}

@media (max-width: 720px) {
    .auth-card--premium {
        padding: 20px 18px;
    }

    .auth-card__eyebrow {
        font-size: 12px;
    }

    .auth-card--premium h2 {
        font-size: clamp(27px, 7.6vw, 32px);
        font-weight: 400;
    }

    .auth-field > span:not([class]),
    .auth-field__label {
        top: 10px;
        left: 16px;
        font-size: 10px;
    }

    .auth-field--password input {
        padding-right: 54px;
    }

    .auth-page .auth-field input {
        min-height: 56px;
        padding: 0 16px;
    }

    .auth-page .auth-field--password input {
        padding-right: 54px;
    }

    .password-toggle {
        right: 8px;
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .auth-submit {
        font-weight: 400;
    }
}

.auth-city {
    position: relative;
    z-index: 4;
}

.auth-city__control {
    position: relative;
}

.auth-page .auth-city__control input {
    padding-right: 54px;
}

.auth-city__check {
    position: absolute;
    top: 50%;
    left: auto;
    right: 16px;
    z-index: 2;
    width: 26px;
    height: 26px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.86);
    background: rgba(17, 17, 17, 0.58);
    pointer-events: none;
    transform: translateY(-50%);
}

.auth-city.is-selected .auth-city__check {
    display: inline-flex;
}

.auth-city__results {
    position: static;
    z-index: 30;
    display: none;
    overflow: hidden auto;
    max-height: 260px;
    margin-top: 8px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 38px rgba(17, 17, 17, 0.12);
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

.auth-city__results.is-open {
    display: grid;
}

.auth-city__option {
    display: grid;
    gap: 3px;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid rgba(17, 17, 17, 0.06);
    color: var(--ink);
    background: transparent;
    text-align: left;
}

.auth-city__option:last-child {
    border-bottom: 0;
}

.auth-city__option:hover,
.auth-city__option:focus-visible {
    background: rgba(17, 17, 17, 0.04);
}

.auth-city__option-city,
.auth-city__option-region {
    display: block;
    font-weight: 400;
}

.auth-city__option-city {
    font-size: 15px;
    color: var(--ink);
}

.auth-city__option-region {
    color: var(--muted);
    font-size: 12px;
}

.auth-city__message {
    min-height: 18px;
    margin: 7px 2px 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.auth-city__message:empty {
    display: none;
}

.auth-city.is-selected .auth-city__message {
    color: rgba(17, 17, 17, 0.72);
}

.auth-city input[aria-invalid="true"] {
    border-color: rgba(217, 31, 38, 0.28);
}

@media (max-width: 720px) {
    .auth-page .auth-city__control input {
        padding-right: 50px;
    }

    .auth-city__check {
        right: 14px;
        width: 24px;
        height: 24px;
    }

    .auth-city__results {
        max-height: min(226px, 34vh);
        border-radius: 16px;
        box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
    }

    .auth-city__option {
        padding: 12px 14px;
    }

    .auth-city__message {
        margin-top: 6px;
    }
}

body.guest-auth-open {
    overflow: hidden;
}

.guest-auth-sheet {
    position: fixed;
    inset: 0;
    z-index: 1200;
}

.guest-auth-sheet__scrim {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(9, 12, 16, 0.42);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.guest-auth-sheet__panel {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: min(100%, 560px);
    max-height: min(92vh, 860px);
    margin: auto;
    overflow: hidden auto;
    padding: 14px 20px calc(env(safe-area-inset-bottom, 0px) + 24px);
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 32px 32px 0 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(244, 245, 241, 0.985));
    box-shadow: 0 -12px 42px rgba(17, 17, 17, 0.12);
}

.guest-auth-sheet__handle {
    width: 54px;
    height: 5px;
    margin: 0 auto 16px;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.12);
}

.guest-auth-sheet__view {
    display: grid;
    gap: 16px;
}

.guest-auth-sheet__google {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    width: 100%;
    padding: 16px 18px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 26px;
    color: #111827;
    background: linear-gradient(135deg, #fff7f1 0%, #f7faff 50%, #f4fcf7 100%);
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.06);
    cursor: pointer;
    text-align: left;
}

.guest-auth-sheet__google--disabled {
    opacity: 0.52;
    cursor: not-allowed;
}

.guest-auth-sheet__google-badge {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.guest-auth-sheet__google-badge svg {
    width: 26px;
    height: 26px;
}

.guest-auth-sheet__google-copy {
    display: grid;
    gap: 4px;
    text-align: left;
}

.guest-auth-sheet__google-copy strong {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.guest-auth-sheet__google-copy span {
    color: rgba(17, 27, 34, 0.58);
    font-size: 13px;
    line-height: 1.4;
}

.guest-auth-sheet__divider {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.guest-auth-sheet__divider span {
    height: 1px;
    background: rgba(17, 27, 34, 0.1);
}

.guest-auth-sheet__divider strong {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

.guest-auth-sheet__action {
    min-height: 54px;
    border: 0;
    border-radius: 18px;
    font-size: 16px;
    font-weight: 600;
}

.guest-auth-sheet__action--primary {
    color: #ffffff;
    background: #141414;
}

.guest-auth-sheet__action--secondary {
    color: #171717;
    background: #f1f2f4;
}

.guest-auth-sheet__agreement {
    margin: 0;
    color: rgba(17, 27, 34, 0.58);
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

.guest-auth-sheet__agreement a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.guest-auth-sheet__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.guest-auth-sheet__header > div {
    min-width: 0;
}

.guest-auth-sheet__header span {
    display: block;
    color: rgba(17, 27, 34, 0.52);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.guest-auth-sheet__header h2 {
    margin: 4px 0 0;
    font-family: var(--font-body);
    font-size: clamp(28px, 6vw, 34px);
    font-weight: 500;
    line-height: 1;
}

.guest-auth-sheet__back,
.guest-auth-sheet__close {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 16px;
    color: var(--ink);
    background: rgba(17, 17, 17, 0.04);
}

.guest-auth-sheet__back svg,
.guest-auth-sheet__close svg {
    width: 22px;
    height: 22px;
}

.guest-auth-sheet__error {
    margin: 0;
}

.guest-auth-sheet__form {
    display: grid;
    gap: 12px;
}

.guest-auth-sheet__field {
    position: relative;
}

.guest-auth-sheet__field input {
    min-height: 56px;
    padding: 0 16px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: none;
}

.guest-auth-sheet__field.auth-field--password input {
    padding-right: 54px;
}

.guest-auth-sheet__field.auth-city .auth-city__control input {
    padding-right: 54px;
}

.guest-auth-sheet__submit {
    margin-top: 2px;
}

.guest-auth-sheet__switch {
    margin: 0;
    padding-top: 4px;
    text-align: center;
}

.guest-auth-sheet__switch button {
    padding: 0;
    border: 0;
    color: var(--ink);
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.guest-auth-sheet__view--register .auth-city__results {
    max-height: min(220px, 28vh);
}

@media (max-width: 720px) {
    .guest-auth-sheet__panel {
        width: 100%;
        max-height: 100dvh;
        padding-right: 16px;
        padding-left: 16px;
    }

    .guest-auth-sheet__google {
        padding: 15px 16px;
        border-radius: 24px;
    }

    .guest-auth-sheet__google-badge {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .guest-auth-sheet__google-copy strong {
        font-size: 16px;
    }

    .guest-auth-sheet__field.auth-city .auth-city__control input {
        padding-right: 50px;
    }
}

.favorites-empty {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
    gap: 32px;
    align-items: center;
    min-height: 600px;
    padding: 58px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 34px;
    color: #111111;
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.028) 1px, transparent 1px),
        linear-gradient(180deg, rgba(17, 17, 17, 0.024) 1px, transparent 1px),
        linear-gradient(135deg, #ffffff 0%, #f7f7f7 58%, #f2f2f2 100%);
    background-size: 72px 72px, 72px 72px, auto;
    box-shadow:
        0 34px 90px rgba(17, 17, 17, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.favorites-empty::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(112deg, rgba(255, 255, 255, 0.82) 0%, transparent 42%, rgba(85, 85, 85, 0.08) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent 46%);
    pointer-events: none;
}

.favorites-empty::after {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    left: 42px;
    z-index: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(17, 17, 17, 0.28), transparent);
    pointer-events: none;
}

.favorites-empty__content,
.favorites-empty__showcase {
    position: relative;
    z-index: 2;
}

.favorites-empty__content {
    display: grid;
    gap: 28px;
    align-content: center;
    max-width: 630px;
}

.favorites-empty__label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    max-width: 100%;
    padding: 8px 13px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    color: rgba(17, 17, 17, 0.68);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 26px rgba(17, 17, 17, 0.055);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

.favorites-empty__label-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #555555;
    box-shadow: 0 0 0 5px rgba(85, 85, 85, 0.1);
}

.favorites-empty__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
}

.favorites-empty__button {
    min-width: 204px;
    color: #ffffff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 45%),
        linear-gradient(135deg, #111111 0%, #333333 100%);
    box-shadow:
        0 18px 36px rgba(17, 17, 17, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.favorites-empty__button:hover {
    box-shadow:
        0 22px 44px rgba(17, 17, 17, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.favorites-empty__button svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.favorites-empty__showcase {
    min-height: 430px;
    display: grid;
    place-items: center;
    perspective: 1000px;
}

.favorites-empty__visual {
    position: relative;
    width: min(100%, 420px);
    height: 430px;
}

.favorites-empty__shine {
    position: absolute;
    inset: 26px 14px 20px;
    border: 1px solid rgba(255, 255, 255, 0.56);
    border-radius: 36px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.18) 54%, rgba(85, 85, 85, 0.09) 100%),
        rgba(255, 255, 255, 0.3);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 28px 70px rgba(17, 17, 17, 0.1);
    transform: rotate(-2deg);
}

.favorites-empty__preview {
    position: absolute;
    display: grid;
    align-content: start;
    gap: 12px;
    width: 252px;
    min-height: 286px;
    padding: 14px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.9)),
        #ffffff;
    box-shadow:
        0 24px 56px rgba(17, 17, 17, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.favorites-empty__preview--back {
    top: 34px;
    right: 6px;
    opacity: 0.58;
    transform: rotate(8deg) scale(0.9);
}

.favorites-empty__preview--middle {
    top: 82px;
    left: 0;
    opacity: 0.76;
    transform: rotate(-7deg) scale(0.94);
}

.favorites-empty__preview--front {
    right: 50px;
    bottom: 0;
    width: 276px;
    min-height: 318px;
}

.favorites-empty__preview-media {
    display: block;
    width: 100%;
    aspect-ratio: 1.28 / 1;
    border-radius: 20px;
    background:
        linear-gradient(135deg, #222222 0%, #777777 52%, #f2f2f2 100%),
        #d9d9d9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.favorites-empty__preview-line {
    display: block;
    width: 58%;
    height: 10px;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.12);
}

.favorites-empty__preview-line--wide {
    width: 78%;
    height: 12px;
    background: rgba(17, 17, 17, 0.18);
}

.favorites-empty__preview-price {
    width: 96px;
    height: 24px;
    margin-top: 4px;
    border-radius: 999px;
    background: linear-gradient(135deg, #111111, #444444);
    box-shadow: 0 10px 18px rgba(17, 17, 17, 0.16);
}

.favorites-empty__preview-heart {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 18px;
    color: #d91f26;
    background: rgba(255, 255, 255, 0.94);
    box-shadow:
        0 18px 34px rgba(17, 17, 17, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.favorites-empty__preview-heart svg {
    width: 22px;
    height: 22px;
}

@media (max-width: 980px) {
    .favorites-empty {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 40px;
    }

    .favorites-empty__content {
        max-width: 680px;
    }

    .favorites-empty__showcase {
        min-height: 360px;
    }

    .favorites-empty__visual {
        width: min(100%, 390px);
        height: 360px;
    }

    .favorites-empty__preview--front {
        right: 34px;
    }
}

@media (max-width: 620px) {
    .favorites-empty {
        gap: 20px;
        padding: 24px;
        border-radius: 28px;
    }

    .favorites-empty::after {
        right: 24px;
        left: 24px;
    }

    .favorites-empty__label {
        white-space: normal;
    }

    .favorites-empty__actions,
    .favorites-empty__button {
        width: 100%;
    }

    .favorites-empty__showcase {
        min-height: 252px;
    }

    .favorites-empty__visual {
        height: 252px;
    }

    .favorites-empty__shine {
        inset: 16px 4px 12px;
        border-radius: 28px;
    }

    .favorites-empty__preview {
        width: 190px;
        min-height: 218px;
        gap: 8px;
        padding: 10px;
        border-radius: 22px;
    }

    .favorites-empty__preview-media {
        border-radius: 16px;
    }

    .favorites-empty__preview--back {
        top: 20px;
        right: 0;
    }

    .favorites-empty__preview--middle {
        top: 42px;
        left: 0;
    }

    .favorites-empty__preview--front {
        right: 24px;
        bottom: 0;
        width: 210px;
        min-height: 236px;
    }

    .favorites-empty__preview-heart {
        top: 17px;
        right: 17px;
        width: 42px;
        height: 42px;
        border-radius: 15px;
    }

    .favorites-empty__preview-price {
        width: 80px;
        height: 20px;
    }
}

@media (max-width: 420px) {
    .favorites-empty__preview--front {
        right: 6px;
    }

    .favorites-empty__preview--middle {
        left: -8px;
    }
}

.header-avatar,
.account-hero__avatar,
.detail-seller__avatar,
.message-card__avatar,
.account-blocked-user__avatar {
    overflow: hidden;
    border-radius: 50%;
}

.header-avatar img,
.account-hero__avatar img,
.detail-seller__avatar img,
.message-card__avatar img,
.account-blocked-user__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-avatar > span,
.account-hero__avatar > span,
.detail-seller__avatar > span,
.message-card__avatar > span,
.account-blocked-user__avatar > span {
    line-height: 1;
}

.seller-store__hero .detail-seller__avatar {
    border-radius: 50%;
}

/* Desktop premium layer */

@media (min-width: 1024px) {
    :root {
        --container: 1328px;
        --desktop-page-gutter: 72px;
        --desktop-surface: rgba(255, 255, 255, 0.86);
        --desktop-surface-strong: rgba(255, 255, 255, 0.98);
        --desktop-line: rgba(17, 17, 17, 0.08);
        --desktop-line-strong: rgba(17, 17, 17, 0.14);
        --desktop-shadow-soft: 0 18px 48px rgba(17, 17, 17, 0.08);
        --desktop-shadow-strong: 0 34px 90px rgba(17, 17, 17, 0.14);
        --desktop-radius-xl: 30px;
        --desktop-radius-lg: 24px;
        --desktop-radius-md: 18px;
    }

    body {
        letter-spacing: 0;
        background:
            linear-gradient(90deg, rgba(17, 17, 17, 0.028) 1px, transparent 1px) center top / 76px 76px,
            linear-gradient(180deg, rgba(17, 17, 17, 0.022) 1px, transparent 1px) center top / 76px 76px,
            linear-gradient(180deg, #ffffff 0%, #f8f8f7 44%, #eeeeed 100%);
        background-attachment: fixed;
    }

    h1,
    h2,
    h3,
    .header-context__title,
    .listing-card__title,
    .detail-card--summary h1,
    .listing-form-title h1,
    .my-listings-header h1,
    .account-hero__copy h1,
    .account-section-head h1 {
        letter-spacing: 0;
    }

    .container {
        width: min(100% - var(--desktop-page-gutter), var(--container));
    }

    .page-main {
        padding-top: 26px;
        padding-bottom: 136px;
    }

    .site-header {
        border-bottom: 1px solid rgba(17, 17, 17, 0.06);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.76));
        box-shadow: 0 14px 34px rgba(17, 17, 17, 0.045);
        backdrop-filter: blur(28px) saturate(1.25);
        -webkit-backdrop-filter: blur(28px) saturate(1.25);
    }

    .site-header__inner {
        grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto;
        gap: 22px;
        padding: 16px 0;
    }

    .brand--icon .brand__mark {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .header-context__eyebrow {
        color: rgba(17, 17, 17, 0.48);
        font-size: 10px;
        letter-spacing: 0;
    }

    .header-context__title {
        font-size: 24px;
        line-height: 1.05;
    }

    .site-nav {
        gap: 10px;
    }

    .site-nav a,
    .site-nav__utility,
    .site-nav__logout,
    .header-shortcut,
    .header-link {
        min-height: 46px;
        border-radius: var(--desktop-radius-md);
        border-color: rgba(17, 17, 17, 0.065);
        background: rgba(255, 255, 255, 0.68);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 10px 26px rgba(17, 17, 17, 0.045);
    }

    .site-nav a.is-active,
    .header-shortcut {
        color: #ffffff;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 42%),
            linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 18px 36px rgba(17, 17, 17, 0.18);
    }

    .button,
    .filter-sheet__submit,
    .listing-form-submit,
    .my-listings-action-bar a {
        border-radius: var(--desktop-radius-md);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 46%),
            linear-gradient(180deg, #242424 0%, #0f0f0f 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 18px 38px rgba(17, 17, 17, 0.18);
    }

    .page-main--my-listings .my-listings-action-bar a {
        color: #ffffff;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 46%),
            linear-gradient(180deg, #2d333c 0%, #16191f 100%);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 18px 38px rgba(22, 25, 31, 0.24);
    }

    .button--ghost {
        color: var(--ink);
        background: var(--desktop-surface-strong);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 12px 28px rgba(17, 17, 17, 0.06);
    }

    .catalog-topbar {
        padding: 18px 0 16px;
        border-bottom: 0;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.72));
        box-shadow: 0 18px 42px rgba(17, 17, 17, 0.06);
    }

    .catalog-topbar .container,
    .home-categories .container,
    .catalog-feed .container {
        max-width: var(--container);
    }

    .catalog-topbar__main {
        grid-template-columns: 178px minmax(420px, 1fr) 64px;
        gap: 20px;
    }

    .catalog-topbar__brand {
        width: 168px;
        height: 58px;
    }

    .search-field--topbar {
        min-height: 64px;
        padding: 0 18px 0 22px;
        border: 0;
        border-radius: 22px;
        background: var(--desktop-surface-strong);
        box-shadow: none;
    }

    .search-field--topbar:focus-within {
        border-color: transparent;
        background: #ffffff;
        box-shadow: none;
    }

    .search-field--topbar input {
        font-size: 18px;
    }

    .search-field__action {
        width: auto;
        min-width: 118px;
        height: 44px;
        gap: 8px;
        padding: 0 14px;
        border: 1px solid rgba(17, 17, 17, 0.075);
        border-radius: 16px;
        background: rgba(17, 17, 17, 0.045);
        font-size: 15px;
        font-weight: 700;
    }

    .search-field__action::after {
        content: "Фильтры";
    }

    .search-field__action,
    .icon-button--square {
        transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .search-field__action:hover,
    .icon-button--square:hover {
        transform: translateY(-1px);
        background: #ffffff;
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.09);
    }

    .icon-button--square {
        width: 64px;
        height: 64px;
        border: 1px solid rgba(17, 17, 17, 0.075);
        border-radius: 22px;
        background: var(--desktop-surface-strong);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 16px 36px rgba(17, 17, 17, 0.075);
    }

    .search-form__advanced--floating {
        position: fixed;
        inset: 0;
        z-index: 160;
        display: block;
        background: rgba(17, 17, 17, 0.26);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .search-form__advanced--floating.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .filter-sheet {
        position: fixed;
        inset: 24px auto 24px 50%;
        height: auto;
        width: min(680px, calc(100vw - 64px));
        max-height: none;
        border: 1px solid rgba(255, 255, 255, 0.68);
        border-radius: 30px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 249, 0.96));
        box-shadow: var(--desktop-shadow-strong);
        transform: translateX(-50%);
        overflow: hidden;
    }

    .filter-sheet__header,
    .filter-sheet__footer {
        background: rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .filter-sheet__body {
        padding: 18px 24px 128px;
    }

    .filter-chip,
    .search-form label.filter-choice span,
    .search-form label.filter-sheet__field {
        border-radius: 16px;
        background: rgba(17, 17, 17, 0.045);
    }

    .filter-chip:hover,
    .search-form label.filter-choice span:hover {
        color: var(--ink);
        border-color: rgba(17, 17, 17, 0.12);
        background: #ffffff;
    }

    .home-categories {
        padding: 24px 0 22px;
    }

    .home-categories__track {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        overflow: visible;
        padding: 0;
        scroll-snap-type: none;
    }

    .category-card {
        min-width: 0;
        height: 126px;
        flex: initial;
        padding: 20px;
        border-radius: var(--desktop-radius-lg);
        border-color: rgba(var(--category-accent-rgb), 0.22);
        background:
            radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.24), transparent 28%),
            radial-gradient(circle at 88% 84%, rgba(var(--category-accent-rgb), 0.24), transparent 44%),
            linear-gradient(160deg, var(--category-surface-start) 0%, var(--category-surface-end) 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 22px 46px rgba(17, 17, 17, 0.16);
    }

    .category-card:hover,
    .category-card:focus-visible {
        transform: translateY(-4px);
        border-color: rgba(var(--category-accent-rgb), 0.42);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 28px 58px rgba(17, 17, 17, 0.2);
    }

    .category-card.is-active {
        border-color: rgba(var(--category-accent-rgb), 0.62);
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 28px 58px rgba(17, 17, 17, 0.22),
            0 0 0 4px rgba(var(--category-accent-rgb), 0.14);
    }

    .category-card__label {
        max-width: calc(100% - 68px);
        font-size: 15px;
        font-weight: 760;
        letter-spacing: 0;
    }

    .category-card__art {
        right: -8px;
        bottom: -8px;
        width: 124px;
        height: 124px;
    }

    .subcategory-card {
        min-width: 0;
        height: 126px;
        flex: initial;
        padding: 18px 20px;
        border-radius: var(--desktop-radius-lg);
        gap: 5px;
    }

    .subcategory-card__meta {
        font-size: 11px;
    }

    .subcategory-card__label {
        font-size: 15px;
    }

    .catalog-feed {
        padding: 2px 0 44px;
    }

    .listing-grid--feed,
    .listing-grid {
        gap: 22px;
    }

    .listing-grid--feed {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .listing-grid--feed .listing-card,
    .listing-card {
        overflow: hidden;
        border: 1px solid rgba(17, 17, 17, 0.075);
        border-radius: var(--desktop-radius-lg);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.92));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 18px 46px rgba(17, 17, 17, 0.075);
    }

    .listing-card__media {
        aspect-ratio: 4 / 3;
        background:
            linear-gradient(135deg, rgba(17, 17, 17, 0.08), rgba(255, 255, 255, 0.46)),
            #f2f2f2;
    }

    .listing-card__media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(17, 17, 17, 0.18), transparent 30%, rgba(17, 17, 17, 0.08));
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.18s ease;
    }

    .listing-card:hover .listing-card__media::after {
        opacity: 1;
    }

    .listing-card__overlay {
        inset: 14px 14px auto;
    }

    .listing-card__chip {
        min-height: 30px;
        padding: 0 11px;
        border: 1px solid rgba(255, 255, 255, 0.22);
        background: rgba(17, 17, 17, 0.6);
        box-shadow: 0 10px 20px rgba(17, 17, 17, 0.14);
    }

    .listing-card__body {
        min-height: 156px;
        padding: 17px 18px 18px;
    }

    .listing-card__headline {
        gap: 12px;
    }

    .listing-card__title {
        font-size: 17px;
        font-weight: 450;
        line-height: 1.22;
    }

    .listing-card__price {
        font-size: 22px;
        font-weight: 500;
    }

    .listing-card__location {
        margin-top: 6px;
        font-size: 13px;
    }

    .listing-card__excerpt {
        margin-top: 7px;
        color: rgba(17, 17, 17, 0.58);
    }

    .favorite-button {
        width: 42px;
        height: 42px;
        border-radius: 15px;
        background: rgba(17, 17, 17, 0.035);
    }

    .favorite-button:not(.is-active):hover {
        background: #ffffff;
        box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
    }

    .mobile-dock {
        bottom: 28px;
        width: min(760px, calc(100% - 120px));
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
        padding: 8px;
        border-radius: 26px;
        border-color: rgba(255, 255, 255, 0.78);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58)),
            rgba(255, 255, 255, 0.58);
        box-shadow:
            0 28px 72px rgba(17, 17, 17, 0.18),
            0 10px 28px rgba(17, 17, 17, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(34px) saturate(1.55);
        -webkit-backdrop-filter: blur(34px) saturate(1.55);
    }

    .dock-item {
        min-height: 54px;
        flex-direction: row;
        gap: 8px;
        padding: 0 12px;
        border-radius: 18px;
        font-size: 13px;
        line-height: 1;
        white-space: nowrap;
    }

    .dock-item svg {
        width: 19px;
        height: 19px;
    }

    .dock-item.is-active::before {
        border-radius: 18px;
        box-shadow:
            0 13px 28px rgba(17, 17, 17, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.96);
    }

    .listing-detail {
        padding: 22px 0 54px;
    }

    .listing-detail__grid {
        grid-template-columns: minmax(0, 1.18fr) minmax(380px, 0.82fr);
        gap: 24px;
    }

    .listing-detail__media-card,
    .detail-card,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .compose-card,
    .listing-form-card,
    .my-listing-card,
    .my-listings-empty,
    .account-hero,
    .account-card,
    .favorites-empty {
        border-color: var(--desktop-line);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            var(--desktop-shadow-soft);
    }

    .listing-detail__media-card,
    .detail-card {
        border-radius: var(--desktop-radius-xl);
    }

    .listing-detail .listing-gallery__main img,
    .listing-detail .listing-gallery__placeholder {
        aspect-ratio: 4 / 3;
    }

    .listing-detail__side {
        top: 112px;
    }

    .detail-card--summary {
        gap: 16px;
        padding: 28px;
    }

    .detail-card--summary-actions-only .detail-kicker--actions-only {
        top: 28px;
        right: 28px;
    }

    .detail-card--summary-actions-only h1 {
        padding-right: 76px;
    }

    .detail-card--summary h1 {
        font-size: 44px;
        line-height: 1.04;
    }

    .listing-detail .detail-price {
        font-size: 34px;
    }

    .listing-card__chip,
    .listing-card__title,
    .listing-card__price,
    .listing-card__location,
    .listing-card__excerpt,
    .detail-card--summary h1,
    .listing-detail .detail-price,
    .detail-badges span,
    .detail-stats span,
    .detail-stats strong,
    .detail-section-heading span,
    .detail-section-heading h2,
    .detail-copy,
    .detail-seller__person strong,
    .detail-seller__person span,
    .detail-seller__bio,
    .detail-seller__footer,
    .seller-store__copy h1,
    .seller-store__eyebrow,
    .seller-store__stats span,
    .seller-store__stats strong,
    .seller-store__bio,
    .listing-form-title span,
    .listing-form-title h1,
    .listing-form-status,
    .listing-form-card__head h2,
    .listing-form-card__head p,
    .listing-field span,
    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-switch__text strong,
    .listing-switch__text span,
    .listing-upload__title,
    .listing-upload small,
    .listing-upload__hint,
    .listing-form-submit,
    .my-listings-header h1,
    .my-listings-tabs a,
    .my-listings-tabs sup,
    .my-listing-card__title,
    .my-listing-card__price,
    .my-listing-card__status,
    .my-listing-card__meta,
    .my-listing-card__stats,
    .my-listing-card__toggle button {
        font-weight: 400;
    }

    .listing-card__title,
    .listing-card__price,
    .detail-card--summary h1,
    .listing-detail .detail-price,
    .seller-store__copy h1,
    .listing-form-title h1,
    .my-listings-header h1,
    .my-listing-card__title,
    .my-listing-card__price {
        font-weight: 500;
    }

    .detail-badges span,
    .detail-stats div,
    .status-pill {
        border-radius: 999px;
        background: rgba(17, 17, 17, 0.045);
    }

    .listing-form-screen,
    .my-listings-screen,
    .messages-screen,
    .compose-screen,
    .seller-store {
        padding-top: 26px;
    }

    .listing-form-shell,
    .my-listings-shell {
        max-width: 1120px;
    }

    .listing-form-header,
    .my-listings-header {
        margin-bottom: 24px;
    }

    .listing-form-title h1,
    .my-listings-header h1 {
        font-size: 48px;
        line-height: 1.02;
    }

    .listing-form {
        gap: 18px;
    }

    .listing-form-card {
        padding: 24px;
        border-radius: 8px;
    }

    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .my-listings-search label,
    .message-search,
    .compose-form textarea,
    .messages-screen .chat-form textarea {
        border-color: rgba(17, 17, 17, 0.075);
        background: rgba(255, 255, 255, 0.92);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
    }

    .listing-upload,
    .listing-switch,
    .compose-summary,
    .message-card,
    .owner-card,
    .image-tile {
        border-color: rgba(17, 17, 17, 0.07);
        background: rgba(255, 255, 255, 0.78);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .page-main--listing-form {
        padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px));
    }

    .listing-form-header {
        border-radius: 8px;
    }

    .listing-form-submitbar {
        position: static;
        display: flex;
        justify-content: flex-end;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .listing-form-submitbar--with-toggle {
        align-items: center;
        justify-content: space-between;
    }

    .listing-form-submitbar .button {
        width: auto;
        min-width: 246px;
        border-radius: 8px;
        font-weight: 820;
    }

    .listing-form-submit {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.16), transparent 48%),
            var(--listing-form-accent);
        border-color: var(--listing-form-accent);
        box-shadow: 0 16px 30px rgba(var(--listing-form-accent-rgb), 0.2);
    }

    .listing-upload {
        border-color: rgba(var(--listing-form-accent-rgb), 0.35);
        background:
            linear-gradient(135deg, rgba(var(--listing-form-accent-rgb), 0.085), transparent 48%),
            rgba(255, 255, 255, 0.78);
    }

    .listing-switch input:checked + .listing-switch__track {
        background: var(--listing-form-accent);
    }

    .my-listings-shell {
        gap: 22px;
    }

    .my-listings-tabs {
        padding: 8px;
        border: 1px solid rgba(17, 17, 17, 0.07);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.68);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .my-listings-tabs a {
        border-radius: 16px;
    }

    .my-listings-list {
        gap: 18px;
    }

    .my-listing-card {
        border-radius: var(--desktop-radius-lg);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    .my-listing-card:hover {
        transform: translateY(-2px);
        border-color: rgba(17, 17, 17, 0.14);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 24px 58px rgba(17, 17, 17, 0.1);
    }

    .messages-shell {
        grid-template-columns: minmax(340px, 420px) minmax(0, 1fr);
        gap: 24px;
    }

    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .compose-card {
        border-radius: var(--desktop-radius-xl);
    }

    .message-card {
        border-radius: 22px;
    }

    .message-card:hover,
    .message-card.is-active {
        box-shadow: 0 18px 36px rgba(17, 17, 17, 0.09);
    }

    .account-layout {
        max-width: 1220px;
        gap: 24px;
    }

    .account-hero,
    .account-card {
        border-radius: var(--desktop-radius-xl);
    }

    .site-footer {
        padding-bottom: 118px;
    }
}

@media (min-width: 1280px) {
    .home-categories__track {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .category-card {
        height: 138px;
    }

    .category-card__label {
        font-size: 14px;
    }

    .category-card__art {
        width: 112px;
        height: 112px;
    }

    .listing-grid--feed {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .page-main--messages {
        padding-bottom: 118px;
        background:
            linear-gradient(90deg, rgba(17, 17, 17, 0.026) 1px, transparent 1px) center top / 76px 76px,
            linear-gradient(180deg, rgba(17, 17, 17, 0.02) 1px, transparent 1px) center top / 76px 76px,
            linear-gradient(180deg, #ffffff 0%, #f7f7f6 48%, #ececeb 100%);
    }

    .messages-screen {
        padding: 34px 0 70px;
    }

    .messages-shell--list {
        grid-template-columns: 1fr;
    }

    .messages-inbox--full {
        width: 100%;
        max-width: none;
        justify-self: stretch;
    }

    .messages-inbox--full:not(.messages-inbox--empty) {
        position: relative;
        overflow: visible;
        padding: 24px;
        border-radius: 30px;
        border-color: rgba(17, 17, 17, 0.08);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.88));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 28px 74px rgba(17, 17, 17, 0.11);
    }

    .messages-inbox--full:not(.messages-inbox--empty)::before {
        content: "";
        position: absolute;
        top: 0;
        right: 28px;
        left: 28px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(17, 17, 17, 0.2), transparent);
        pointer-events: none;
    }

    .messages-toolbar {
        grid-template-columns: minmax(420px, 1fr) auto auto;
        gap: 12px;
    }

    .message-search {
        min-height: 60px;
        padding: 0 20px;
        border-radius: 20px;
        border-color: rgba(17, 17, 17, 0.08);
        background: rgba(255, 255, 255, 0.9);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 12px 28px rgba(17, 17, 17, 0.06);
    }

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

    .message-search__icon svg {
        width: 22px;
        height: 22px;
    }

    .message-icon-button {
        width: 54px;
        height: 54px;
        border-radius: 18px;
        border-color: rgba(17, 17, 17, 0.08);
        background: rgba(255, 255, 255, 0.9);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 12px 28px rgba(17, 17, 17, 0.06);
        transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    }

    .message-icon-button:hover,
    .message-icon-button:focus-visible {
        transform: translateY(-1px);
        border-color: rgba(17, 17, 17, 0.16);
        background: #ffffff;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 18px 38px rgba(17, 17, 17, 0.09);
        outline: none;
    }

    .message-action-submit:not(:disabled) {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.13), transparent 48%),
            linear-gradient(180deg, #252525 0%, #0e0e0e 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 18px 38px rgba(17, 17, 17, 0.2);
    }

    .message-tabs {
        width: max-content;
        gap: 4px;
        margin-top: 18px;
        padding: 6px;
        border: 1px solid rgba(17, 17, 17, 0.08);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
    }

    .message-tab {
        min-height: 44px;
        padding: 0 20px;
        border: 0;
        border-radius: 15px;
        background: transparent;
        font-size: 14px;
    }

    .message-tab.is-active {
        color: #ffffff;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.13), transparent 48%),
            linear-gradient(180deg, #252525 0%, #0f0f0f 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.15),
            0 12px 26px rgba(17, 17, 17, 0.16);
    }

    .messages-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 22px;
    }

    .message-card {
        min-height: 128px;
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 15px;
        align-items: start;
        padding: 16px;
        border-radius: 24px;
        border-color: rgba(17, 17, 17, 0.075);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 14px 34px rgba(17, 17, 17, 0.055);
    }

    .messages-list.is-selecting .message-card {
        grid-template-columns: 34px 66px minmax(0, 1fr);
    }

    .message-card:hover,
    .message-card.is-active {
        transform: translateY(-2px);
        border-color: rgba(17, 17, 17, 0.16);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 24px 52px rgba(17, 17, 17, 0.11);
    }

    .message-card.is-unread {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 249, 0.88)),
            linear-gradient(90deg, rgba(217, 31, 38, 0.08), transparent 38%);
    }

    .message-card__avatar {
        width: 66px;
        height: 66px;
        border-radius: 20px;
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.12);
    }

    .message-card__content {
        gap: 7px;
    }

    .message-card__name {
        font-size: 16px;
        font-weight: 760;
    }

    .message-card__date,
    .message-card__city {
        font-size: 12px;
    }

    .message-card__title {
        font-size: 15px;
        font-weight: 650;
    }

    .message-card__preview {
        font-size: 14px;
        line-height: 1.48;
    }

    .message-card__bottom {
        margin-top: 3px;
        padding-top: 9px;
        border-top: 1px solid rgba(17, 17, 17, 0.055);
    }

    .messages-empty--soft {
        padding: 42px;
        border-radius: 26px;
    }
}

@media (min-width: 1360px) {
    .messages-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .thread-page {
        background:
            linear-gradient(90deg, rgba(17, 17, 17, 0.026) 1px, transparent 1px) center top / 78px 78px,
            linear-gradient(180deg, rgba(17, 17, 17, 0.02) 1px, transparent 1px) center top / 78px 78px,
            linear-gradient(180deg, #ffffff 0%, #f7f7f6 45%, #ececeb 100%);
    }

    .thread-screen {
        box-sizing: border-box;
        padding: 24px 0;
        background: transparent;
    }

    .thread-shell {
        width: min(calc(100% - 72px), 1328px);
        height: 100%;
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(310px, 380px);
        grid-template-rows: auto auto minmax(0, 1fr) auto;
        grid-template-areas:
            "header listing"
            "deal listing"
            "messages listing"
            "compose listing";
        gap: 18px;
        padding: 18px;
        border: 1px solid rgba(17, 17, 17, 0.08);
        border-radius: 34px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 34px 90px rgba(17, 17, 17, 0.14);
        backdrop-filter: blur(24px) saturate(1.18);
        -webkit-backdrop-filter: blur(24px) saturate(1.18);
    }

    .thread-header {
        grid-area: header;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 16px;
        padding: 18px 20px;
        border: 1px solid rgba(17, 17, 17, 0.07);
        border-radius: 26px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.88));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 16px 38px rgba(17, 17, 17, 0.06);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .thread-header__back {
        width: auto;
        min-width: 120px;
        height: 48px;
        gap: 8px;
        padding: 0 16px 0 13px;
        border-radius: 17px;
        background: rgba(17, 17, 17, 0.045);
        border-color: rgba(17, 17, 17, 0.07);
        font-size: 14px;
        font-weight: 760;
        transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .thread-header__back::after {
        content: "К списку";
    }

    .thread-header__back:hover,
    .thread-header__back:focus-visible {
        transform: translateY(-1px);
        background: #ffffff;
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.08);
        outline: none;
    }

    .thread-header__meta {
        gap: 6px;
    }

    .thread-header__meta strong {
        font-size: 24px;
        font-weight: 680;
    }

    .thread-header__meta span {
        color: rgba(17, 17, 17, 0.54);
        font-size: 14px;
        font-weight: 600;
    }

    .thread-listing {
        position: relative;
        grid-area: listing;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        align-content: start;
        gap: 18px;
        min-height: 0;
        height: 100%;
        margin: 0;
        padding: 18px;
        border-radius: 28px;
        border-color: rgba(17, 17, 17, 0.08);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 249, 0.9));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 18px 48px rgba(17, 17, 17, 0.08);
        overflow: hidden;
    }

    .thread-listing:hover,
    .thread-listing:focus-visible {
        border-color: rgba(17, 17, 17, 0.15);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 26px 60px rgba(17, 17, 17, 0.12);
        outline: none;
    }

    .thread-deal {
        grid-area: deal;
        margin: 0;
        padding: 18px 20px;
        border-radius: 26px;
        border-color: rgba(17, 17, 17, 0.07);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 249, 248, 0.9));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 16px 38px rgba(17, 17, 17, 0.06);
    }

    .thread-listing__media {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        border-radius: 24px;
        box-shadow: 0 18px 38px rgba(17, 17, 17, 0.14);
    }

    .thread-listing__content {
        gap: 10px;
        padding: 0 4px 2px;
    }

    .thread-listing__content strong,
    .thread-listing__content span {
        white-space: normal;
    }

    .thread-listing__content strong {
        display: -webkit-box;
        overflow: hidden;
        font-size: 24px;
        font-weight: 680;
        line-height: 1.12;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .thread-listing__content span {
        color: #111111;
        font-size: 22px;
        font-weight: 760;
    }

    .thread-listing__arrow {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.56);
        border-radius: 15px;
        color: #ffffff;
        background: rgba(17, 17, 17, 0.58);
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.18);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .thread-messages {
        grid-area: messages;
        min-height: 0;
        gap: 14px;
        padding: 28px;
        border: 1px solid rgba(17, 17, 17, 0.065);
        border-radius: 28px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(247, 247, 246, 0.82));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            inset 0 -1px 0 rgba(17, 17, 17, 0.035);
    }

    .thread-messages::-webkit-scrollbar {
        width: 10px;
    }

    .thread-messages::-webkit-scrollbar-track {
        background: transparent;
    }

    .thread-messages::-webkit-scrollbar-thumb {
        border: 3px solid transparent;
        border-radius: 999px;
        background: rgba(17, 17, 17, 0.18);
        background-clip: content-box;
    }

    .thread-empty {
        max-width: 520px;
        padding: 34px;
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 20px 48px rgba(17, 17, 17, 0.08);
    }

    .thread-empty h2 {
        font-size: 34px;
        letter-spacing: 0;
    }

    .thread-bubble {
        max-width: min(66%, 640px);
        gap: 8px;
        padding: 15px 17px 12px;
        border-radius: 20px 20px 20px 7px;
        background: rgba(255, 255, 255, 0.94);
        border-color: rgba(17, 17, 17, 0.07);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 12px 30px rgba(17, 17, 17, 0.055);
        font-size: 15px;
    }

    .thread-bubble.is-own {
        max-width: min(62%, 600px);
        border-radius: 20px 20px 7px 20px;
        color: #ffffff;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.13), transparent 48%),
            linear-gradient(180deg, #242424 0%, #0f0f0f 100%);
        border-color: rgba(17, 17, 17, 0.22);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.15),
            0 18px 38px rgba(17, 17, 17, 0.18);
    }

    .thread-bubble p {
        line-height: 1.58;
    }

    .thread-bubble.is-own small {
        color: rgba(255, 255, 255, 0.68);
    }

    .thread-compose {
        grid-area: compose;
        padding: 0;
        background: transparent;
    }

    .thread-compose__errors {
        margin-bottom: 12px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.9);
    }

    .thread-compose__bar {
        grid-template-columns: 48px minmax(0, 1fr) 56px;
        gap: 12px;
        align-items: end;
        padding: 12px;
        border-radius: 26px;
        border-color: rgba(17, 17, 17, 0.075);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 18px 46px rgba(17, 17, 17, 0.1);
    }

    .thread-compose__icon,
    .thread-compose__send,
    .thread-emoji {
        width: 48px;
        height: 48px;
    }

    .thread-compose__icon,
    .thread-compose__send {
        border-radius: 17px;
    }

    .thread-compose__icon {
        color: rgba(17, 17, 17, 0.62);
        background: rgba(17, 17, 17, 0.045);
        transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .thread-compose__icon:hover,
    .thread-compose__icon:focus-visible {
        transform: translateY(-1px);
        background: #ffffff;
        box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
        outline: none;
    }

    .thread-compose__send {
        width: 56px;
        color: #ffffff;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.13), transparent 48%),
            linear-gradient(180deg, #d91f26 0%, #971318 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 18px 38px rgba(217, 31, 38, 0.22);
        transition: transform 0.18s ease, box-shadow 0.18s ease;
    }

    .thread-compose__send:hover,
    .thread-compose__send:focus-visible {
        transform: translateY(-1px);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.2),
            0 22px 46px rgba(217, 31, 38, 0.28);
        outline: none;
    }

    .thread-compose__field {
        min-height: 48px;
        padding: 0 8px;
    }

    .thread-compose__field textarea {
        max-height: 180px;
        padding: 12px 0;
        font-size: 16px;
        line-height: 1.5;
    }

    .thread-emoji__panel {
        width: 360px;
        max-height: min(320px, 48vh);
        grid-template-columns: repeat(8, minmax(0, 1fr));
        border-radius: 24px;
    }
}

@media (min-width: 1180px) {
    .thread-shell {
        grid-template-columns: minmax(0, 1fr) minmax(340px, 410px);
        gap: 20px;
        padding: 20px;
    }

    .thread-messages {
        padding: 32px;
    }
}

.mobile-dock.mobile-dock--admin {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.account-store-layout {
    align-items: start;
}

.account-store,
.account-store-manage,
.account-store-products {
    display: grid;
    gap: 18px;
}

.account-store__header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.account-store__header h1,
.account-store__header h2 {
    margin: 4px 0 8px;
}

.account-store__header p {
    margin: 0;
    max-width: 640px;
    color: var(--muted);
    line-height: 1.55;
}

.account-store--collapsible {
    padding: 0;
    overflow: hidden;
}

.account-store__summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px;
    cursor: pointer;
}

.account-store__summary::-webkit-details-marker {
    display: none;
}

.account-store__summary::marker {
    display: none;
}

.account-store__summary-copy {
    min-width: 0;
    display: grid;
    gap: 8px;
}

.account-store__summary-copy h1,
.account-store__summary-copy h2 {
    margin: 4px 0 8px;
}

.account-store__summary-copy p {
    margin: 0;
    max-width: 640px;
    color: var(--muted);
    line-height: 1.55;
}

.account-store__summary-toggle {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    color: rgba(15, 23, 42, 0.7);
    background: rgba(248, 250, 252, 0.88);
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.account-store__summary-toggle svg {
    width: 18px;
    height: 18px;
    display: block;
}

.account-store--collapsible[open] .account-store__summary-toggle {
    transform: rotate(180deg);
    border-color: rgba(15, 23, 42, 0.12);
    background: #ffffff;
}

.account-store__collapsible-body {
    display: grid;
    gap: 18px;
    padding: 0 24px 24px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.account-store__collapsible-body .alert:first-child,
.account-store__collapsible-body .account-store-form:first-child {
    margin-top: 20px;
}

.account-store__status,
.account-store-manage__counter {
    display: grid;
    gap: 6px;
    min-width: 190px;
    padding: 14px 16px;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(21, 128, 61, 0.10), rgba(255, 255, 255, 0.92));
    color: var(--text);
}

.account-store__status span,
.account-store-manage__counter {
    font-weight: 800;
}

.account-store__status small {
    color: var(--muted);
    line-height: 1.35;
}

.account-store-form {
    display: grid;
    gap: 18px;
}

.account-store-form__avatar {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.account-store-form__avatar-preview {
    width: 96px;
    height: 96px;
    overflow: hidden;
    border-radius: 28px;
    background: #f2f4f7;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.account-store-form__avatar-preview img,
.account-store-form__avatar-preview > span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    color: #64748b;
    font-size: 34px;
    font-weight: 800;
}

.account-store-form__avatar label,
.account-store-form__grid label,
.account-store-listing form {
    display: grid;
    gap: 7px;
}

.account-store-form__avatar label span,
.account-store-form__grid label span {
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.account-store-form input,
.account-store-form select,
.account-store-form textarea,
.account-store-section-form input,
.account-store-listing select {
    width: 100%;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 18px;
    background: #fff;
    color: var(--text);
    font: inherit;
    padding: 13px 14px;
}

.account-store-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.account-store-form__wide {
    grid-column: 1 / -1;
}

.account-store-schedule {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 22px;
    background: rgba(248, 250, 252, 0.72);
}

.account-store-schedule legend {
    padding: 0 6px;
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.account-store-schedule small {
    color: var(--muted);
    line-height: 1.45;
}

.account-store-days {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.account-store-days::-webkit-scrollbar {
    display: none;
}

.account-store-day {
    flex: 0 0 auto;
    position: relative;
    cursor: pointer;
}

.account-store-day input {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}

.account-store-day span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    background: #ffffff;
    color: var(--text);
    font-weight: 800;
}

.account-store-day input:checked + span {
    border-color: #111827;
    background: #111827;
    color: #ffffff;
}

.account-store-hours-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.account-store-time-field {
    min-width: 0;
}

.account-store-form__grid .account-store-time-control {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 60px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 18px;
    background: #fff;
    color: var(--text);
    font-size: 1rem;
    font-weight: 400;
    padding: 0 12px;
}

.account-store-time-control:focus-within {
    border-color: rgba(15, 23, 42, 0.28);
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

.account-store-time-control input[type="time"] {
    display: block;
    flex: 1 1 0;
    width: 100%;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    outline: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
}

.account-store-time-control input[type="time"]::-webkit-date-and-time-value {
    margin: 0;
    text-align: left;
}

.account-store-form__submit {
    justify-self: start;
}

.account-store-pending {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, 0.24), transparent 32%),
        linear-gradient(145deg, rgba(255, 250, 235, 0.96), rgba(255, 255, 255, 0.98) 42%, rgba(241, 245, 249, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 20px 44px rgba(15, 23, 42, 0.08);
}

.account-store-pending::after {
    content: "";
    position: absolute;
    right: -44px;
    bottom: -56px;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.10), transparent 66%);
    pointer-events: none;
}

.account-store-pending__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 24px;
    color: #8a5a00;
    background: linear-gradient(145deg, #fff6d8, #ffe7a8);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 14px 28px rgba(138, 90, 0, 0.16);
}

.account-store-pending__icon svg {
    width: 32px;
    height: 32px;
}

.account-store-pending__body {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.account-store-pending__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    color: #8a5a00;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 0 0 1px rgba(138, 90, 0, 0.14);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.account-store-pending h2,
.account-store-pending p {
    margin: 0;
}

.account-store-pending h2 {
    color: var(--text);
    font-size: clamp(1.45rem, 2vw, 1.85rem);
    line-height: 1.08;
}

.account-store-pending p {
    max-width: 640px;
    color: rgba(15, 23, 42, 0.74);
    line-height: 1.6;
}

.account-store-pending__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.account-store-pending__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
    color: rgba(15, 23, 42, 0.72);
    font-size: 0.9rem;
}

.account-store-workspace {
    display: grid;
    gap: 18px;
}

.account-store-workspace__header {
    align-items: start;
}

.account-store-workspace__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.account-store-workspace__stat {
    display: grid;
    gap: 4px;
    min-width: 126px;
    padding: 12px 14px;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.account-store-workspace__stat strong {
    color: var(--text);
    font-size: 1rem;
    font-weight: 800;
}

.account-store-workspace__stat small {
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.3;
}

.account-store-workspace__grid {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.account-store-panel {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 26px;
    background: rgba(248, 250, 252, 0.62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.account-store-panel__header {
    display: grid;
    gap: 4px;
}

.account-store-panel__header h3 {
    margin: 0;
    color: var(--text);
    font-size: 1.06rem;
}

.account-store-panel__header p {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.account-store-note {
    padding: 12px 14px;
    border: 1px dashed rgba(15, 23, 42, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    color: var(--muted);
    line-height: 1.5;
}

.account-store-section-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.account-store-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.account-store-listings {
    display: grid;
    gap: 10px;
}

.account-store-section,
.account-store-listing {
    display: grid;
    gap: 10px 12px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.account-store-section {
    flex: 1 1 220px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.account-store-section__meta,
.account-store-listing__body {
    min-width: 0;
}

.account-store-section strong,
.account-store-listing__body a {
    color: var(--text);
    font-weight: 800;
    text-decoration: none;
}

.account-store-listing__body {
    display: grid;
    gap: 4px;
}

.account-store-section span,
.account-store-listing__body span {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 0.9rem;
}

.account-store-section button,
.account-store-listing__submit {
    min-height: 42px;
    border: 0;
    border-radius: 14px;
    background: #111827;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    padding: 10px 14px;
    white-space: nowrap;
}

.account-store-section button {
    min-height: 38px;
    background: rgba(220, 38, 38, 0.10);
    color: #b91c1c;
    padding: 8px 12px;
}

.account-store-listing {
    grid-template-columns: 64px minmax(0, 1fr) minmax(200px, 240px);
}

.account-store-listing__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin: 0;
}

.account-store-listing__controls select {
    min-width: 0;
}

.account-store-listing__media {
    display: block;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 16px;
    background: #e5e7eb;
    text-decoration: none;
}

.account-store-listing__media img,
.account-store-listing__media span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    color: #64748b;
    font-weight: 800;
}

.seller-store__sections {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 0 2px 2px;
    scrollbar-width: none;
}

.seller-store__sections::-webkit-scrollbar {
    display: none;
}

.seller-store__sections a {
    flex: 0 0 auto;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: transparent;
    color: var(--ink);
    font-weight: 800;
    font-size: 13px;
    padding: 10px 14px;
    text-decoration: none;
    box-shadow: none;
}

.seller-store__sections a.is-active {
    background: transparent;
    color: var(--ink);
    border-color: rgba(17, 24, 39, 0.22);
    box-shadow: none;
}

@media (max-width: 980px) {
    .account-store-workspace__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .account-store__header {
        display: grid;
    }

    .account-store-workspace {
        gap: 14px;
    }

    .account-store-workspace__stats {
        justify-content: flex-start;
    }

    .account-store-workspace__stat {
        flex: 1 1 140px;
        min-width: 0;
    }

    .account-store-workspace__grid {
        grid-template-columns: 1fr;
    }

    .account-store-panel {
        padding: 14px;
        border-radius: 20px;
    }

    .account-store__summary {
        padding: 18px;
        align-items: flex-start;
    }

    .account-store__summary-toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .account-store__collapsible-body {
        padding: 0 18px 18px;
    }

    .account-store__status,
    .account-store-manage__counter {
        min-width: 0;
    }

    .account-store-pending {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .account-store-form__avatar,
    .account-store-form__grid {
        grid-template-columns: 1fr;
    }

    .account-store-section {
        flex-basis: 100%;
    }

    .account-store-listing {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .account-store-listing__controls {
        grid-column: 1 / -1;
    }

    .account-store-listing__media {
        width: 56px;
        height: 56px;
    }
}

.stores-page {
    padding-top: 10px;
}

.stores-page__stack {
    display: grid;
    gap: 14px;
}

.stores-search {
    display: block;
}

.stores-search__field {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 56px;
    padding: 0 10px 0 18px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.94)),
        #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 14px 30px rgba(17, 17, 17, 0.06);
}

.stores-search__icon,
.stores-search__submit,
.stores-search__filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stores-search__icon,
.stores-search__submit {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(17, 17, 17, 0.48);
}

.stores-search__submit svg,
.stores-search__icon svg,
.stores-search__filter svg {
    width: 22px;
    height: 22px;
}

.stores-search__field input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--ink);
    font-size: 16px;
    font-weight: 500;
    outline: 0;
}

.stores-search__field input::placeholder {
    color: rgba(17, 17, 17, 0.42);
}

.stores-search__filter {
    position: relative;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: rgba(17, 17, 17, 0.48);
    background: transparent;
    transition: background 0.18s ease, color 0.18s ease;
}

.stores-search__submit:hover,
.stores-search__submit:focus-visible,
.stores-search__filter:hover,
.stores-search__filter:focus-visible {
    color: var(--ink);
    background: rgba(17, 17, 17, 0.04);
    outline: none;
}

.stores-search__filter.is-active {
    color: var(--accent);
}

.stores-search__filter-indicator {
    position: absolute;
    top: 8px;
    right: 7px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--accent);
}

.store-category-sheet {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: none;
    color: var(--ink);
}

.store-category-sheet:target {
    display: block;
}

.store-category-sheet__scrim {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.store-category-sheet__panel {
    position: relative;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr;
    padding: calc(env(safe-area-inset-top, 0px) + 14px) 16px calc(env(safe-area-inset-bottom, 0px) + 18px);
    background:
        radial-gradient(circle at 16% 0%, rgba(0, 180, 120, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.96));
}

.store-category-sheet__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    max-width: 760px;
    width: 100%;
    margin: 0 auto 16px;
}

.store-category-sheet__close {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: var(--ink);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
}

.store-category-sheet__close svg {
    width: 24px;
    height: 24px;
}

.store-category-sheet__header span {
    color: rgba(17, 17, 17, 0.48);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.store-category-sheet__header h2 {
    margin: 2px 0 0;
    font-family: var(--font-display);
    font-size: clamp(28px, 7vw, 44px);
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.store-category-sheet__list {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    display: grid;
    align-content: start;
    gap: 10px;
    overflow: auto;
}

.store-category-option {
    display: grid;
    gap: 5px;
    padding: 16px 18px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 22px;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 30px rgba(17, 17, 17, 0.055);
}

.store-category-option span {
    font-size: 17px;
    font-weight: 850;
}

.store-category-option small {
    color: rgba(17, 17, 17, 0.52);
    font-size: 13px;
    line-height: 1.35;
}

.store-category-option.is-active {
    color: #ffffff;
    background: #111111;
}

.store-category-option.is-active small {
    color: rgba(255, 255, 255, 0.68);
}

.stores-grid {
    display: grid;
    gap: 12px;
}

.store-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(17, 17, 17, 0.075);
    border-radius: 26px;
    color: var(--ink);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 250, 0.92)),
        #ffffff;
    box-shadow: 0 15px 34px rgba(17, 17, 17, 0.06);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.store-card:hover {
    transform: translateY(-2px);
    border-color: rgba(17, 17, 17, 0.14);
    box-shadow: 0 22px 44px rgba(17, 17, 17, 0.09);
}

.store-card__glow {
    display: none;
}

.store-card__avatar {
    position: relative;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 22px;
    background: #ececec;
}

.store-card__avatar img,
.store-card__avatar > span {
    width: 100%;
    height: 100%;
}

.store-card__avatar img {
    display: block;
    object-fit: cover;
}

.store-card__avatar > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5f6673;
    font-size: 28px;
    font-weight: 800;
}

.store-card__body {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 7px;
}

.store-card__topline,
.store-card__footer,
.store-card__rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.store-card__topline {
    justify-content: space-between;
}

.store-card__name {
    min-width: 0;
    font-weight: 800;
}

.store-card__count {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 999px;
    color: #ffffff;
    background: #111111;
    font-size: 12px;
    font-weight: 800;
}

.store-card__city,
.store-card__latest,
.store-card__muted {
    color: rgba(17, 17, 17, 0.58);
    font-size: 14px;
    line-height: 1.35;
}

.store-card__latest {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-card__footer {
    justify-content: space-between;
    min-width: 0;
}

.store-card__rating {
    min-width: 0;
    color: rgba(17, 17, 17, 0.62);
    font-size: 13px;
}

.store-card__rating strong {
    color: var(--ink);
}

.store-card__arrow {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #ffffff;
    background: #111111;
    font-weight: 800;
}

.stores-empty {
    margin: 0;
}

@media (min-width: 760px) {
    .stores-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    .stores-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .stores-page {
        padding-top: 8px;
    }

    .store-card {
        border-radius: 24px;
    }

    .store-card__topline {
        align-items: flex-start;
        flex-direction: column;
    }
}

.alert--site-notice {
    color: #4f2500;
    background: #fff5df;
    border-color: rgba(153, 91, 0, 0.18);
}

.account-sections {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.page-main--admin {
    --admin-ink: #151515;
    --admin-muted: #666666;
    --admin-line: rgba(21, 21, 21, 0.1);
    --admin-soft: #f5f6f7;
    padding: 22px 0 120px;
    font-weight: 400;
}

body:has(.page-main--admin) {
    color: var(--admin-ink);
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(17, 17, 17, 0.02) 1px, transparent 1px),
        linear-gradient(180deg, #ffffff 0%, #f4f6f7 100%);
    background-size: 42px 42px, 42px 42px, auto;
}

body:has(.page-main--admin) :where(
    .header-context__eyebrow,
    .header-context__title,
    .site-nav a,
    .site-nav__utility,
    .site-nav__logout,
    .nav-badge,
    .header-shortcut,
    .header-link,
    .dock-item,
    .dock-item__badge
),
.page-main--admin :where(h1, h2, h3, strong, b, button, input, select, textarea, label) {
    font-weight: 400;
}

.admin-shell {
    display: grid;
    gap: 18px;
}

.admin-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0 4px;
}

.admin-hero h1 {
    margin: 0;
    font-size: clamp(32px, 5vw, 58px);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.95;
}

.admin-hero__eyebrow,
.admin-hero__role {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    color: var(--admin-muted);
    font-size: 13px;
    font-weight: 400;
}

.admin-hero__role {
    padding: 0 10px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: #ffffff;
    background: #151515;
}

.admin-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.admin-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-muted);
    background: rgba(255, 255, 255, 0.82);
    white-space: nowrap;
}

.admin-tabs a.is-active {
    color: #ffffff;
    border-color: #151515;
    background: #151515;
}

.admin-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

.admin-metrics article,
.admin-panel,
.admin-user-card,
.admin-listing-card,
.admin-store-card,
.admin-settings-panel {
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 42px rgba(17, 17, 17, 0.06);
}

.admin-metrics article {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 18px;
}

.admin-metrics span,
.admin-metrics small,
.admin-compact-row small,
.admin-listing-card__meta,
.admin-listing-card__seller small,
.admin-listing-card__stats,
.admin-store-card__meta,
.admin-store-card__facts,
.admin-user-card__note {
    color: var(--admin-muted);
}

.admin-metrics__value {
    color: var(--admin-ink);
    font-size: clamp(24px, 4vw, 38px);
    font-weight: 400;
    line-height: 1;
}

.admin-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-panel {
    padding: 18px;
}

.admin-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.admin-panel__head h2,
.admin-user-card__name {
    margin: 0;
    font-weight: 400;
}

.admin-panel__head a {
    color: #d91f26;
    font-weight: 400;
}

.admin-panel__empty {
    margin: 0;
    color: var(--admin-muted);
}

.admin-compact-list {
    display: grid;
    gap: 8px;
}

.admin-compact-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, auto) auto;
    gap: 12px;
    align-items: center;
    min-height: 42px;
    padding: 8px 0;
    border-top: 1px solid var(--admin-line);
}

.admin-compact-row span,
.admin-compact-row small,
.admin-compact-row__status {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-search {
    display: flex;
    gap: 8px;
    align-items: center;
}

.admin-search label {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
}

.admin-search svg {
    width: 20px;
    height: 20px;
    color: var(--admin-muted);
}

.admin-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
}

.admin-search > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: #ffffff;
}

.admin-users-toolbar {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}

.admin-users-toolbar__caption {
    margin: 0;
    color: var(--admin-muted);
    font-size: 13px;
}

.admin-users-list,
.admin-listings-list,
.admin-stores-list {
    display: grid;
    gap: 12px;
}

.admin-user-card {
    overflow: hidden;
}

.admin-listing-card__top,
.admin-listing-card__actions,
.admin-store-card__top,
.admin-store-card__actions,
.admin-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-user-card[open] {
    border-color: rgba(21, 21, 21, 0.16);
    box-shadow: 0 22px 52px rgba(17, 17, 17, 0.08);
}

.admin-user-card__summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    cursor: pointer;
    list-style: none;
}

.admin-user-card__summary::-webkit-details-marker {
    display: none;
}

.admin-user-card__summary::marker {
    display: none;
    content: "";
}

.admin-user-card__summary:focus-visible {
    outline: 2px solid rgba(21, 21, 21, 0.22);
    outline-offset: -2px;
}

.admin-user-card__identity {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.admin-user-card__content,
.admin-user-card__title-group {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.admin-user-card__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    overflow: hidden;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 400;
    background: #151515;
}

.admin-user-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-user-card__name {
    color: var(--admin-ink);
    font-size: 20px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.admin-user-card__email {
    color: var(--admin-muted);
    overflow-wrap: anywhere;
}

.admin-user-card__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.admin-user-chip {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--admin-line);
    border-radius: 999px;
    color: var(--admin-muted);
    background: rgba(247, 248, 249, 0.92);
    font-size: 13px;
    white-space: nowrap;
}

.admin-user-card__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.admin-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: #ffffff;
}

.admin-icon-button svg {
    width: 18px;
    height: 18px;
}

.admin-user-card[open] .admin-icon-button {
    color: #ffffff;
    border-color: #151515;
    background: #151515;
}

.admin-role-badge,
.admin-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    color: #2f5b3b;
    background: #e8f7ee;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
}

.admin-role-badge.is-admin {
    color: #ffffff;
    background: #151515;
}

.admin-user-card__panel {
    display: grid;
    gap: 12px;
    padding: 16px;
    border-top: 1px solid var(--admin-line);
    background: rgba(248, 249, 250, 0.66);
}

.admin-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.admin-user-card__panel .admin-form-grid {
    margin-top: 0;
}

.admin-form-grid label,
.admin-settings-form label {
    display: grid;
    gap: 7px;
    min-width: 0;
    color: var(--admin-muted);
    font-size: 13px;
    font-weight: 400;
}

.admin-form-grid__wide {
    grid-column: 1 / -1;
}

.admin-settings-section {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--admin-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
}

.admin-settings-section__head {
    display: grid;
    gap: 6px;
}

.admin-settings-section__head h3 {
    margin: 0;
    color: var(--admin-ink);
    font-size: 18px;
}

.admin-settings-section__head p {
    margin: 0;
    color: var(--admin-muted);
    line-height: 1.45;
}

.admin-form-grid input,
.admin-form-grid select,
.admin-form-grid textarea,
.admin-settings-form input,
.admin-settings-form textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: #ffffff;
    font: inherit;
}

.admin-form-grid input,
.admin-form-grid select,
.admin-settings-form input {
    min-height: 44px;
    padding: 0 12px;
}

.admin-form-grid textarea,
.admin-settings-form textarea {
    resize: vertical;
    padding: 12px;
    line-height: 1.45;
}

.admin-user-card__note {
    margin: 10px 0 0;
    font-size: 13px;
}

.admin-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid #151515;
    border-radius: 8px;
    color: #ffffff;
    background: #151515;
    font-weight: 400;
    cursor: pointer;
}

.admin-button--subtle {
    color: var(--admin-ink);
    border-color: var(--admin-line);
    background: #ffffff;
}

.admin-button--danger {
    color: #ffffff;
    border-color: #d91f26;
    background: #d91f26;
}

.admin-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.admin-danger-form {
    display: flex;
    justify-content: flex-end;
}

.admin-empty-state {
    display: grid;
    gap: 8px;
    padding: 22px 18px;
    border: 1px dashed var(--admin-line);
    border-radius: 8px;
    color: var(--admin-muted);
    background: rgba(255, 255, 255, 0.72);
}

.admin-empty-state h2,
.admin-empty-state p {
    margin: 0;
}

.admin-listing-card {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    overflow: hidden;
}

.admin-listing-card__media {
    display: block;
    min-height: 150px;
    background: #e9ecef;
}

.admin-listing-card__media img {
    width: 100%;
    height: 100%;
    min-height: 150px;
    object-fit: cover;
}

.admin-listing-card__media span {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 150px;
    background:
        linear-gradient(135deg, rgba(21, 21, 21, 0.08), rgba(217, 31, 38, 0.08)),
        #edf0f2;
}

.admin-listing-card__body {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
}

.admin-listing-card__title {
    display: inline-block;
    max-width: 100%;
    color: var(--admin-ink);
    font-size: 20px;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.admin-listing-card__meta,
.admin-listing-card__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: 13px;
}

.admin-listing-card__seller {
    display: grid;
    gap: 3px;
}

.admin-status.is-live {
    color: #2f5b3b;
    background: #e8f7ee;
}

.admin-status.is-muted {
    color: #6a4f00;
    background: #fff4cc;
}

.admin-status.is-danger {
    color: #9f1239;
    background: #ffe4e6;
}

.admin-listing-card__actions {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.admin-store-card {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 16px;
}

.admin-store-card__media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
    overflow: hidden;
    border-radius: 14px;
    color: #ffffff;
    background: #151515;
}

.admin-store-card__media img,
.admin-store-card__media > span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 30px;
}

.admin-store-card__body,
.admin-store-card__title-group {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.admin-store-card__top {
    align-items: flex-start;
}

.admin-store-card__title-group h2 {
    margin: 0;
    color: var(--admin-ink);
    font-size: 24px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.admin-store-card__meta,
.admin-store-card__facts,
.admin-store-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-store-card__meta a {
    color: #d91f26;
}

.admin-store-card__description {
    margin: 0;
    color: var(--admin-ink);
    line-height: 1.45;
}

.admin-store-card__description.is-muted {
    color: var(--admin-muted);
}

.admin-store-card__facts span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--admin-line);
    border-radius: 999px;
    background: rgba(247, 248, 249, 0.92);
    font-size: 13px;
}

.admin-store-card__actions {
    justify-content: flex-start;
}

.admin-settings-panel {
    display: grid;
    gap: 18px;
    padding: 18px;
}

.admin-settings-form {
    display: grid;
    gap: 14px;
    max-width: 760px;
}

.admin-settings-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-category-manager {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.admin-category-sidebar,
.admin-category-workspace,
.admin-category-fields,
.admin-category-create__form,
.admin-category-field-editor {
    display: grid;
    gap: 12px;
}

.admin-category-sidebar {
    position: sticky;
    top: 16px;
}

.admin-category-create {
    overflow: hidden;
}

.admin-category-create__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 50px;
    padding: 0 14px;
    cursor: pointer;
    list-style: none;
}

.admin-category-create__summary::-webkit-details-marker,
.admin-category-field-row summary::-webkit-details-marker,
.admin-category-section summary::-webkit-details-marker {
    display: none;
}

.admin-category-create__summary::marker,
.admin-category-field-row summary::marker,
.admin-category-section summary::marker {
    content: "";
}

.admin-category-create__form {
    padding: 14px;
    border-top: 1px solid var(--admin-line);
}

.admin-category-create__form label {
    display: grid;
    gap: 7px;
    color: var(--admin-muted);
    font-size: 13px;
}

.admin-category-create__form input,
.admin-category-create__form textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: #ffffff;
    font: inherit;
}

.admin-category-create__form input {
    min-height: 42px;
    padding: 0 12px;
}

.admin-category-create__form textarea {
    resize: vertical;
    padding: 10px 12px;
    line-height: 1.45;
}

.admin-category-nav {
    display: grid;
    gap: 8px;
}

.admin-category-nav__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 68px;
    padding: 12px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: rgba(255, 255, 255, 0.84);
}

.admin-category-nav__item.is-active {
    border-color: #151515;
    background: #151515;
    color: #ffffff;
}

.admin-category-nav__item > span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.admin-category-nav__item > span:last-child {
    text-align: right;
}

.admin-category-nav__item strong,
.admin-category-nav__item small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-category-nav__item small {
    color: inherit;
    opacity: 0.66;
    font-size: 12px;
}

.admin-subcategory-panel {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.admin-subcategory-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.admin-subcategory-panel__head > div,
.admin-subcategory-row__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.admin-subcategory-panel__head strong,
.admin-subcategory-row__copy strong {
    color: var(--admin-ink);
    font-weight: 400;
    overflow-wrap: anywhere;
}

.admin-subcategory-panel__head small,
.admin-subcategory-row__copy small,
.admin-subcategory-panel__empty {
    color: var(--admin-muted);
    font-size: 12px;
}

.admin-subcategory-panel__empty {
    margin: 0;
}

.admin-subcategory-list,
.admin-subcategory-form {
    display: grid;
    gap: 8px;
}

.admin-subcategory-list {
    max-height: 360px;
    overflow: auto;
    padding-right: 2px;
}

.admin-subcategory-row {
    overflow: hidden;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.84);
}

.admin-subcategory-row--new {
    border-style: dashed;
}

.admin-subcategory-row summary {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px;
    cursor: pointer;
    list-style: none;
}

.admin-subcategory-row summary::-webkit-details-marker {
    display: none;
}

.admin-subcategory-row summary::marker {
    content: "";
}

.admin-subcategory-row__icon,
.admin-icon-picker__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: #ffffff;
}

.admin-subcategory-row__icon {
    width: 38px;
    height: 38px;
}

.admin-subcategory-row__icon svg,
.admin-icon-picker__glyph svg {
    width: 20px;
    height: 20px;
}

.admin-subcategory-row__body {
    display: grid;
    gap: 10px;
    padding: 10px;
    border-top: 1px solid var(--admin-line);
    background: rgba(248, 249, 250, 0.76);
}

.admin-subcategory-form label {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--admin-muted);
    font-size: 13px;
}

.admin-subcategory-form input[type="text"] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-ink);
    background: #ffffff;
    font: inherit;
}

.admin-icon-picker {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.admin-icon-picker__option {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 6px 8px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    color: var(--admin-muted);
    background: #ffffff;
    cursor: pointer;
}

.admin-icon-picker__option input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.admin-icon-picker__option span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.admin-icon-picker__glyph {
    width: 34px;
    height: 30px;
}

.admin-icon-picker__option:has(input:checked) {
    border-color: #151515;
    color: var(--admin-ink);
    background: rgba(21, 21, 21, 0.04);
}

.admin-icon-picker__option:has(input:checked) .admin-icon-picker__glyph {
    color: #ffffff;
    border-color: #151515;
    background: #151515;
}

.admin-category-workspace__head,
.admin-category-section__title,
.admin-category-field-row summary,
.admin-actions--split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-category-workspace__head {
    min-height: 72px;
    padding: 16px 18px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
}

.admin-category-workspace__head h2,
.admin-category-section__title h3 {
    margin: 0;
    color: var(--admin-ink);
    font-size: 26px;
    line-height: 1.05;
}

.admin-category-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-category-kpis span,
.admin-category-field-row__badges span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--admin-line);
    border-radius: 999px;
    color: var(--admin-muted);
    background: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    white-space: nowrap;
}

.admin-category-section,
.admin-category-field-row {
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 42px rgba(17, 17, 17, 0.05);
}

.admin-category-section > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 0 16px;
    cursor: pointer;
    list-style: none;
}

.admin-category-section > summary span {
    color: var(--admin-ink);
    font-size: 18px;
}

.admin-category-section > summary small,
.admin-category-section__title small {
    color: var(--admin-muted);
}

.admin-category-section > form,
.admin-category-section > .admin-danger-form {
    padding: 0 16px 16px;
}

.admin-category-section--fields {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.admin-category-field-row {
    overflow: hidden;
    box-shadow: none;
}

.admin-category-field-row summary {
    min-height: 58px;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
}

.admin-category-field-row__main {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.admin-category-field-row__main strong,
.admin-category-field-row__main small {
    min-width: 0;
    overflow-wrap: anywhere;
}

.admin-category-field-row__main small {
    color: var(--admin-muted);
}

.admin-category-field-row__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.admin-category-field-row__body {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-top: 1px solid var(--admin-line);
    background: rgba(248, 249, 250, 0.72);
}

.admin-category-field-row--new {
    border-style: dashed;
}

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

.admin-form-grid--category-field {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 900px) {
    .mobile-dock.mobile-dock--admin {
        width: min(860px, calc(100% - 96px));
    }
}

@media (max-width: 900px) {
    .admin-category-manager {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-category-sidebar {
        position: static;
    }

    .admin-category-nav {
        grid-auto-flow: column;
        grid-auto-columns: minmax(220px, 1fr);
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
    }

    .admin-category-nav__item {
        scroll-snap-align: start;
    }

    .admin-metrics,
    .admin-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 680px) {
    .page-main--admin {
        padding-top: 14px;
    }

    .admin-hero,
    .admin-listing-card__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-metrics,
    .admin-overview-grid,
    .admin-form-grid {
        grid-template-columns: 1fr;
    }

    .admin-compact-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }

    .admin-listing-card,
    .admin-store-card {
        grid-template-columns: 1fr;
    }

    .admin-listing-card__media,
    .admin-listing-card__media img,
    .admin-listing-card__media span {
        min-height: 180px;
    }

    .admin-user-card__summary {
        grid-template-columns: 1fr;
    }

    .admin-user-card__identity {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .admin-user-card__controls {
        width: 100%;
        justify-content: space-between;
    }

    .admin-store-card__media {
        width: 78px;
        height: 78px;
    }

    .admin-category-workspace__head,
    .admin-category-section__title,
    .admin-category-field-row summary,
    .admin-store-card__top,
    .admin-actions--split {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-category-section > summary {
        align-items: flex-start;
        flex-direction: column;
        padding: 12px 16px;
    }

    .admin-category-nav {
        grid-auto-columns: minmax(230px, 86vw);
    }

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

    .admin-category-kpis span,
    .admin-category-field-row__badges span {
        justify-content: center;
        min-width: 0;
        white-space: normal;
        text-align: center;
    }

    .admin-category-field-row__badges {
        justify-content: flex-start;
    }

    .admin-danger-form,
    .admin-actions {
        justify-content: stretch;
    }

    .admin-button,
    .admin-listing-card__actions form,
    .admin-listing-card__actions a,
    .admin-store-card__actions form {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .mobile-dock.mobile-dock--admin {
        gap: 5px;
        padding: 8px;
    }

    .mobile-dock.mobile-dock--admin .dock-item {
        gap: 4px;
        min-height: 58px;
        padding: 6px 3px;
        font-size: 10px;
    }
}

.verification-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.verification-badges--compact {
    gap: 6px;
}

.verification-badge {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    color: #111111;
    font-size: 12px;
    font-weight: 760;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.verification-badge--muted {
    color: #8c8c8c;
    background: #f2f2f2;
}

.rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rating-stars--compact {
    gap: 3px;
}

.rating-stars__star {
    color: rgba(17, 17, 17, 0.16);
    font-size: 18px;
    line-height: 1;
}

.rating-stars--compact .rating-stars__star {
    font-size: 15px;
}

.rating-stars__star.is-active {
    color: #f2a100;
}

.detail-feedback,
.detail-questions {
    grid-column: 1 / -1;
}

.detail-seller__trust {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.detail-seller__rating,
.seller-store__rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 18px;
    background: #f7f7f7;
}

.detail-seller__rating strong,
.seller-store__rating strong {
    color: #111111;
    font-size: 16px;
    line-height: 1;
}

.detail-seller__rating span,
.seller-store__rating span {
    color: #7a7a7a;
    font-size: 13px;
    line-height: 1.4;
}

.detail-seller__rating--empty,
.seller-store__rating--empty {
    color: #7a7a7a;
}

.detail-seller__rating--toggle {
    width: 100%;
    justify-content: flex-start;
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.detail-seller__rating--toggle.is-open {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
}

.detail-seller__rating--toggle:focus-visible {
    outline: none;
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08);
}

.detail-seller__rating-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    margin-left: auto;
    color: #888888;
}

.detail-seller__rating-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 0.16s ease;
}

.detail-seller__rating--toggle.is-open .detail-seller__rating-icon svg {
    transform: rotate(180deg);
}

.detail-seller__reviews {
    display: grid;
    gap: 16px;
}

.detail-seller__reviews-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.detail-seller__reviews-head strong {
    color: #111111;
    font-size: 16px;
    line-height: 1.25;
}

.detail-seller__reviews-head span {
    color: #888888;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.detail-seller__reviews .rating-form {
    margin-top: 0;
}

.detail-feedback__grid {
    display: grid;
    grid-template-columns: minmax(240px, 0.38fr) minmax(0, 0.62fr);
    gap: 16px;
}

.rating-overview {
    display: grid;
    gap: 14px;
    align-content: start;
    padding: 22px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.96)),
        #ffffff;
}

.rating-overview__score {
    display: grid;
    gap: 10px;
}

.rating-overview__score strong {
    color: #111111;
    font-family: var(--font-display);
    font-size: 52px;
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.rating-overview__score span {
    color: #777777;
    font-size: 14px;
    line-height: 1.6;
}

.rating-review-list {
    display: grid;
    gap: 12px;
}

.rating-review {
    display: grid;
    gap: 14px;
    padding: 18px 20px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 24px;
    background: #ffffff;
}

.rating-review--empty {
    gap: 8px;
}

.rating-review--empty p {
    margin: 0;
    color: #777777;
    line-height: 1.6;
}

.rating-review__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.rating-review__author {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.rating-review__avatar,
.qa-item__avatar {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 16px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 760;
    background: #111111;
}

.rating-review__author strong,
.qa-item__author strong {
    display: block;
    color: #111111;
    font-size: 16px;
    line-height: 1.25;
}

.rating-review__author span,
.qa-item__author span {
    display: block;
    margin-top: 4px;
    color: #888888;
    font-size: 12px;
    line-height: 1.45;
}

.rating-review__meta {
    display: grid;
    gap: 6px;
    justify-items: end;
    color: #888888;
    font-size: 12px;
    text-align: right;
}

.rating-review p {
    margin: 0;
    color: #535353;
    line-height: 1.7;
}

.rating-review small {
    color: #888888;
    font-size: 12px;
    line-height: 1.45;
}

.rating-form,
.qa-form,
.qa-answer-form {
    display: grid;
    gap: 14px;
}

.rating-form {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.94)),
        #ffffff;
}

.rating-form--notice,
.qa-form--notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rating-form--notice p,
.qa-form--notice p {
    margin: 0;
    color: #666666;
    line-height: 1.6;
}

.rating-form__stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 10px;
}

.rating-form__star-option {
    position: relative;
}

.rating-form__star-option input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.rating-form__star-option span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 16px;
    color: #666666;
    background: #ffffff;
    font-size: 15px;
    font-weight: 760;
    transition: transform 0.16s ease, background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.rating-form__star-option input:checked + span,
.rating-form__star-option input:focus-visible + span {
    color: #ffffff;
    border-color: #111111;
    background: #111111;
}

.rating-form__field,
.qa-form__field {
    display: grid;
    gap: 8px;
}

.rating-form__field span,
.qa-form__field span {
    color: #777777;
    font-size: 13px;
    font-weight: 760;
}

.rating-form__field textarea,
.qa-form__field textarea {
    width: 100%;
    min-width: 0;
    min-height: 112px;
    resize: vertical;
    padding: 14px 16px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    color: #111111;
    background: #ffffff;
    font: inherit;
    line-height: 1.65;
}

.rating-form__actions,
.qa-form__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rating-form__actions p,
.qa-form__actions p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.6;
}

.detail-questions__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
}

.detail-questions__summary span {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 999px;
    color: #777777;
    font-size: 13px;
    font-weight: 700;
    background: #f7f7f7;
}

.detail-questions__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.detail-section-heading--compact {
    margin-bottom: 0;
}

.detail-questions__composer {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.detail-questions__ask-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 20px;
    background: #f7f7f7;
    color: #111111;
    cursor: pointer;
    appearance: none;
    font: inherit;
    text-align: left;
    transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.detail-questions__ask-toggle span:first-child {
    font-size: 15px;
    font-weight: 760;
    line-height: 1.35;
}

.detail-questions__ask-toggle.is-open {
    border-color: rgba(17, 17, 17, 0.1);
    background: #ffffff;
}

.detail-questions__ask-toggle:focus-visible {
    outline: none;
    border-color: rgba(17, 17, 17, 0.16);
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08);
}

.detail-questions__ask-icon,
.qa-item__icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    color: #888888;
}

.detail-questions__ask-icon svg,
.qa-item__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 0.16s ease;
}

.detail-questions__ask-toggle.is-open .detail-questions__ask-icon svg,
.qa-item__toggle.is-open .qa-item__icon svg {
    transform: rotate(180deg);
}

.detail-questions__composer-panel {
    display: grid;
    gap: 10px;
}

.qa-list {
    display: grid;
    gap: 10px;
}

.qa-item {
    display: grid;
    gap: 0;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 24px;
    background: #ffffff;
    overflow: hidden;
}

.qa-item--empty {
    gap: 8px;
    padding: 20px;
}

.qa-item--empty p {
    margin: 0;
    color: #777777;
    line-height: 1.6;
}

.qa-item__toggle {
    width: 100%;
    display: grid;
    gap: 12px;
    padding: 16px 18px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    appearance: none;
    font: inherit;
    text-align: left;
}

.qa-item__toggle:focus-visible {
    outline: none;
    background: rgba(17, 17, 17, 0.02);
}

.qa-item__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.qa-item__author {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.qa-item__summary {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.qa-item__preview {
    margin: 0;
    color: #4d4d4d;
    line-height: 1.55;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.qa-item__panel {
    display: grid;
    gap: 12px;
    padding: 0 18px 18px;
    border-top: 1px solid rgba(17, 17, 17, 0.06);
}

.qa-item__question,
.qa-item__answer {
    display: grid;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 17, 17, 0.05);
    border-radius: 18px;
    background: #f7f7f7;
}

.qa-item__answer--pending {
    background: #fafafa;
}

.qa-item__question span,
.qa-item__answer span {
    color: #888888;
    font-size: 12px;
    font-weight: 760;
}

.qa-item__question p,
.qa-item__answer p {
    margin: 0;
    color: #4d4d4d;
    line-height: 1.7;
}

.qa-item__answer small {
    color: #8a8a8a;
    font-size: 12px;
    line-height: 1.45;
}

.qa-form--compact,
.qa-answer-form.qa-form--compact {
    padding: 16px 18px;
    border: 1px solid rgba(17, 17, 17, 0.06);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 248, 0.94)),
        #ffffff;
}

.qa-form--compact .qa-form__field textarea {
    min-height: 96px;
}

.qa-form--compact .qa-form__actions p {
    font-size: 13px;
}

.seller-store__trust {
    display: grid;
    gap: 10px;
}

.seller-store__hero {
    gap: 0;
    padding: 24px 26px;
    border-radius: 32px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.95)),
        #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 20px 46px rgba(17, 17, 17, 0.07);
}

.seller-store__identity {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.seller-store__summary {
    grid-column: 2;
    min-width: 0;
    display: grid;
    gap: 10px;
}

.seller-store__hero .detail-seller__avatar {
    width: 118px;
    height: 118px;
    font-size: 40px;
    box-shadow:
        0 16px 32px rgba(17, 17, 17, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.96);
}

.seller-store__summary h1 {
    font-family: var(--font-body);
    font-size: clamp(20px, 2.4vw, 24px);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.01em;
}

.seller-store__top-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    padding-right: 0;
    gap: 10px clamp(18px, 4vw, 34px);
}

.seller-store__top-stat {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    justify-items: start;
    text-align: left;
    gap: 3px;
}

.seller-store__top-stat:nth-child(2) {
    justify-items: start;
    text-align: left;
}

.seller-store__top-stat:last-child {
    justify-items: start;
    text-align: left;
}

.seller-store__top-stat strong {
    font-size: clamp(18px, 2.3vw, 21px);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.seller-store__top-stat span {
    color: rgba(17, 17, 17, 0.62);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.26;
    white-space: normal;
}

.seller-store__meta-line {
    gap: 4px 10px;
    color: rgba(17, 17, 17, 0.62);
    font-size: 14px;
    line-height: 1.45;
}

.seller-store__hero .seller-store__meta-line span {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    font-weight: 500;
    background: transparent;
}

.seller-store__meta-line span:not(:first-child)::before {
    content: none;
}

.seller-store__lead {
    grid-column: 1 / -1;
    max-width: 54ch;
    color: rgba(17, 17, 17, 0.84);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.46;
}

.seller-store__footer-row {
    grid-column: 1 / -1;
    display: grid;
    gap: 14px;
    justify-items: stretch;
}

.seller-store__rating-box {
    display: flex;
}

.seller-store__rating-box .seller-store__rating {
    width: auto;
    min-height: 0;
    padding: 0;
    gap: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.seller-store__rating-box .seller-store__rating strong {
    font-size: 15px;
    font-weight: 600;
}

.seller-store__rating--toggle {
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: opacity 0.16s ease;
}

.seller-store__rating--toggle:hover {
    opacity: 0.76;
}

.seller-store__rating--toggle:focus-visible {
    outline: none;
    opacity: 0.76;
}

.seller-store__reviews {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding: 14px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: rgba(249, 249, 249, 0.96);
}

.seller-store__review-list {
    display: grid;
    gap: 10px;
    max-height: 320px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 6px;
}

.seller-store__review-list::-webkit-scrollbar {
    width: 6px;
}

.seller-store__review-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.18);
}

.seller-store__review-list::-webkit-scrollbar-track {
    background: transparent;
}

.seller-store__review {
    display: grid;
    gap: 10px;
    padding: 12px 0 0;
    border-top: 1px solid rgba(17, 17, 17, 0.07);
}

.seller-store__review:first-child {
    padding-top: 0;
    border-top: 0;
}

.seller-store__review-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.seller-store__review-author {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.seller-store__review-avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    color: #ffffff;
    background: #111111;
}

.seller-store__review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seller-store__review-avatar > span {
    line-height: 1;
}

.seller-store__review-author strong {
    display: block;
    color: #111111;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.seller-store__review-author span {
    display: block;
    margin-top: 2px;
    color: rgba(17, 17, 17, 0.52);
    font-size: 11px;
    line-height: 1.35;
}

.seller-store__review p {
    margin: 0;
    color: rgba(17, 17, 17, 0.72);
    font-size: 13px;
    line-height: 1.5;
}

.seller-store__actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
}

.seller-store__actions > * {
    flex: 1 1 0;
    min-width: 0;
}

.seller-store__actions:empty {
    display: none;
}

.seller-store__action-form {
    display: flex;
    width: 100%;
    min-width: 0;
}

.seller-store__action-button {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 10px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 16px;
    color: #111111;
    font-size: clamp(11px, 3.1vw, 14px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    background: rgba(244, 244, 244, 0.94);
    box-shadow: none;
}

.seller-store__action-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
}

.seller-store__action-button--primary {
    border-color: transparent;
    color: #ffffff;
    background: linear-gradient(135deg, #111111 0%, #353535 100%);
    box-shadow: 0 12px 26px rgba(17, 17, 17, 0.16);
}

.seller-store__action-button.is-active {
    color: #111111;
    background: rgba(244, 244, 244, 0.98);
    border-color: rgba(17, 17, 17, 0.08);
}

.seller-store__action-button--disabled,
.seller-store__action-button--disabled:hover {
    color: rgba(17, 17, 17, 0.4);
    background: rgba(244, 244, 244, 0.86);
    border-color: rgba(17, 17, 17, 0.06);
    box-shadow: none;
    transform: none;
    pointer-events: none;
}

@media (max-width: 620px) {
    .seller-store__hero {
        padding: 18px 14px;
        border-radius: 28px;
    }

    .seller-store__footer-row {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .seller-store__identity {
        gap: 14px;
    }

    .seller-store__hero .detail-seller__avatar {
        width: 104px;
        height: 104px;
        font-size: 36px;
    }

    .seller-store__summary {
        gap: 9px;
    }

    .seller-store__summary h1 {
        font-size: 19px;
    }

    .seller-store__top-stats {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        justify-self: start;
        width: fit-content;
        max-width: 100%;
        padding-right: 0;
        gap: 10px 22px;
    }

    .seller-store__top-stat,
    .seller-store__top-stat:nth-child(2),
    .seller-store__top-stat:last-child {
        flex: 0 1 auto;
        width: auto;
        justify-items: start;
        text-align: left;
    }

    .seller-store__top-stat strong {
        font-size: 19px;
    }

    .seller-store__top-stat span {
        font-size: 12px;
    }

    .seller-store__hero .seller-store__meta-line span {
        font-size: 12px;
    }

    .seller-store__lead {
        font-size: 14px;
        line-height: 1.42;
    }

    .seller-store__rating-box .seller-store__rating {
        gap: 8px;
    }

    .seller-store__rating-box .seller-store__rating strong {
        font-size: 14px;
    }

    .seller-store__reviews {
        padding: 12px;
        border-radius: 16px;
    }

    .seller-store__review {
        gap: 8px;
    }

    .seller-store__review-avatar {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .seller-store__actions {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        width: 100%;
        gap: 8px;
        justify-items: stretch;
    }

    .seller-store__actions > *,
    .seller-store__action-form {
        width: 100%;
    }

    .seller-store__action-button {
        justify-content: center;
        min-height: 42px;
        padding: 0 4px;
        border-radius: 14px;
        font-size: 11px;
    }
}

@media (max-width: 360px) {
    .seller-store__identity {
        grid-template-columns: 1fr;
    }

    .seller-store__hero .detail-seller__avatar {
        width: 82px;
        height: 82px;
    }

    .seller-store__summary {
        grid-column: 1 / -1;
    }
}

@media (min-width: 981px) {
    .seller-store {
        padding: 18px 0 40px;
    }

    .seller-store__stack {
        gap: 22px;
    }

    .seller-store__hero {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        padding: 34px;
        border-radius: 36px;
        border-color: rgba(17, 17, 17, 0.07);
        background:
            radial-gradient(circle at top left, rgba(251, 191, 36, 0.16), transparent 30%),
            radial-gradient(circle at top right, rgba(96, 165, 250, 0.14), transparent 28%),
            linear-gradient(135deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 248, 248, 0.97) 52%, rgba(242, 244, 247, 0.94) 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 28px 60px rgba(17, 17, 17, 0.08);
    }

    .seller-store__hero::before,
    .seller-store__hero::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .seller-store__hero::before {
        inset: 0;
        background: linear-gradient(125deg, rgba(255, 255, 255, 0.38), transparent 44%);
    }

    .seller-store__hero::after {
        top: -72px;
        right: -72px;
        width: 240px;
        height: 240px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(15, 23, 42, 0.06), transparent 70%);
    }

    .seller-store__identity {
        position: relative;
        z-index: 1;
        grid-template-columns: 132px minmax(0, 1fr) minmax(250px, 320px);
        column-gap: 28px;
        row-gap: 22px;
    }

    .seller-store__hero .detail-seller__avatar {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 132px;
        height: 132px;
        border-radius: 38px;
        font-size: 44px;
        box-shadow:
            0 24px 38px rgba(17, 17, 17, 0.12),
            0 0 0 1px rgba(255, 255, 255, 0.96);
    }

    .seller-store__summary {
        grid-column: 2;
        grid-row: 1;
        gap: 14px;
        align-self: start;
    }

    .seller-store__summary h1 {
        font-size: clamp(28px, 2.6vw, 40px);
        font-weight: 600;
        line-height: 0.98;
        letter-spacing: -0.04em;
    }

    .seller-store__top-stats {
        gap: 14px;
    }

    .seller-store__top-stat {
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .seller-store__top-stat strong {
        font-size: clamp(24px, 2vw, 30px);
        font-weight: 700;
    }

    .seller-store__top-stat span {
        font-size: 13px;
        line-height: 1.35;
    }

    .seller-store__meta-line {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .seller-store__hero .seller-store__meta-line span {
        display: inline;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 13px;
        font-weight: 500;
    }

    .seller-store__lead {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        max-width: 62ch;
        margin: 0;
        color: rgba(17, 17, 17, 0.76);
        font-size: 16px;
        line-height: 1.75;
    }

    .seller-store__footer-row {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: stretch;
        gap: 18px;
        padding: 22px;
        border: 1px solid rgba(17, 17, 17, 0.08);
        border-radius: 30px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(249, 249, 249, 0.78));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 18px 38px rgba(17, 17, 17, 0.06);
    }

    .seller-store__trust {
        display: grid;
        gap: 14px;
    }

    .seller-store__rating-box {
        display: block;
    }

    .seller-store__rating-box .seller-store__rating {
        width: 100%;
        min-height: 54px;
        justify-content: space-between;
        padding: 14px 16px;
        border: 1px solid rgba(17, 17, 17, 0.08);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 10px 24px rgba(17, 17, 17, 0.05);
    }

    .seller-store__rating-box .seller-store__rating strong {
        font-size: 16px;
    }

    .seller-store__reviews {
        margin-top: 0;
        padding: 16px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
    }

    .seller-store__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .seller-store__actions > *,
    .seller-store__action-form {
        width: 100%;
    }

    .seller-store__action-button {
        justify-content: center;
        min-height: 52px;
        padding: 0 16px;
        border-radius: 18px;
        font-size: 14px;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 10px 24px rgba(17, 17, 17, 0.05);
        transition:
            transform 0.18s ease,
            box-shadow 0.18s ease,
            border-color 0.18s ease,
            background-color 0.18s ease;
    }

    .seller-store__action-button--primary {
        background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
        box-shadow: 0 18px 32px rgba(15, 23, 42, 0.18);
    }

    .seller-store__action-button.is-active {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 10px 22px rgba(17, 17, 17, 0.05);
    }

    .seller-store__sections {
        flex-wrap: wrap;
        overflow: visible;
        gap: 12px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .seller-store__sections a {
        padding: 12px 18px;
        border-radius: 999px;
        font-size: 14px;
        background: transparent;
        box-shadow: none;
        transition:
            transform 0.18s ease,
            box-shadow 0.18s ease,
            border-color 0.18s ease,
            background-color 0.18s ease;
    }

    .seller-store__listings {
        gap: 24px;
        padding: 30px;
        border: 1px solid rgba(17, 17, 17, 0.07);
        border-radius: 34px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 249, 0.95));
        box-shadow: 0 22px 48px rgba(17, 17, 17, 0.06);
    }

    .seller-store__heading-row {
        align-items: center;
        gap: 18px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(17, 17, 17, 0.07);
    }

    .seller-store__heading-note {
        max-width: none;
        margin-left: auto;
    }

    .seller-store__heading-note span {
        min-height: 42px;
        padding: 0 16px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.84);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
    }

    .seller-store__empty-state {
        padding: 40px 32px;
        border-radius: 30px;
    }

    .seller-store__empty-actions {
        justify-content: flex-start;
    }
}

@media (min-width: 981px) and (hover: hover) {
    .seller-store__sections a:hover {
        transform: translateY(-1px);
        border-color: rgba(17, 17, 17, 0.12);
        box-shadow: none;
    }

    .seller-store__action-button:not(.seller-store__action-button--disabled):hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px rgba(17, 17, 17, 0.10);
    }

    .seller-store__action-button--primary:hover {
        box-shadow: 0 20px 34px rgba(15, 23, 42, 0.22);
    }

    .seller-store__rating--toggle:hover {
        opacity: 1;
        transform: translateY(-1px);
    }
}

.account-verification-list {
    display: grid;
    gap: 10px;
}

.account-verification-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(17, 17, 17, 0.07);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
}

.account-verification-item.is-verified {
    border-color: rgba(58, 114, 72, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.96)),
        #ffffff;
}

.account-verification-item strong {
    display: block;
    margin-bottom: 6px;
    color: var(--account-ink);
    font-size: 16px;
    line-height: 1.35;
}

.account-verification-item p,
.account-sidecard__note {
    margin: 0;
    color: var(--account-muted);
    font-size: 14px;
    line-height: 1.65;
}

.account-verification-item__status {
    display: grid;
    gap: 6px;
    justify-items: end;
    text-align: right;
    flex: 0 0 auto;
}

.account-verification-item__status small {
    color: var(--account-muted);
    font-size: 12px;
    line-height: 1.45;
}

.admin-verification-grid {
    display: grid;
    gap: 10px;
}

.admin-verification-grid small {
    color: var(--admin-muted);
    font-size: 13px;
    line-height: 1.55;
}

.admin-checkbox {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--admin-line);
    border-radius: 12px;
    color: var(--admin-ink) !important;
    background: #ffffff;
}

.admin-checkbox input {
    width: 18px;
    height: 18px;
    min-height: 18px !important;
    margin: 0;
    padding: 0;
}

.admin-checkbox span {
    color: var(--admin-ink);
    font-size: 14px;
    font-weight: 400;
}

@media (hover: hover) {
    .detail-seller__rating--toggle:hover {
        transform: translateY(-1px);
        border-color: rgba(17, 17, 17, 0.12);
        background: #ffffff;
    }

    .detail-questions__ask-toggle:hover {
        transform: translateY(-1px);
        border-color: rgba(17, 17, 17, 0.12);
        background: #ffffff;
    }

    .rating-form__star-option:hover span {
        transform: translateY(-1px);
        border-color: rgba(17, 17, 17, 0.16);
    }
}

@media (max-width: 940px) {
    .detail-feedback__grid,
    .account-verification-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .detail-questions__top,
    .detail-seller__reviews-head,
    .rating-form--notice,
    .qa-form--notice,
    .rating-form__actions,
    .qa-form__actions,
    .account-verification-item,
    .rating-review__head,
    .qa-item__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-verification-item__status,
    .rating-review__meta,
    .qa-item__summary,
    .account-verification-hero__top {
        justify-items: start;
        text-align: left;
    }

    .qa-item__summary {
        width: 100%;
        justify-content: space-between;
    }

    .account-verification-hero__top {
        display: grid;
    }
}

@media (max-width: 620px) {
    .rating-overview,
    .rating-review,
    .qa-item,
    .rating-form,
    .qa-form {
        padding: 18px;
    }

    .rating-overview__score strong {
        font-size: 44px;
    }

    .rating-form__star-option span {
        width: 42px;
        height: 42px;
    }
}

/* Detail page typography tuned for a cleaner, more contemporary listing UI. */
.listing-detail .detail-card--summary h1 {
    font-family: "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
    font-size: clamp(32px, 2.2vw + 24px, 44px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.026em;
    color: #0f0f10;
    font-kerning: normal;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.listing-detail .detail-price {
    font-family: "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
    font-size: clamp(27px, 1.25vw + 22px, 34px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #121212;
    font-kerning: normal;
    font-synthesis: none;
    font-variant-numeric: lining-nums proportional-nums;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Site-wide legal footer (Privacy policy link) */
.site-legal {
    margin-top: 32px;
    padding: 18px 0 calc(env(safe-area-inset-bottom, 0px) + 96px);
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    color: rgba(17, 17, 17, 0.62);
    font-size: 13px;
    line-height: 1.5;
    background: transparent;
}

.site-legal__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
}

.site-legal__copy {
    color: rgba(17, 17, 17, 0.6);
}

.site-legal__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.site-legal__nav a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(17, 17, 17, 0.18);
    transition: color 0.15s ease, border-color 0.15s ease;
}

.site-legal__nav a:hover,
.site-legal__nav a:focus-visible {
    color: #111111;
    border-bottom-color: rgba(17, 17, 17, 0.45);
}

@media (min-width: 720px) {
    .site-legal {
        padding-bottom: 28px;
    }
}

/* Privacy / legal page typography */
.legal-page .account-card__body {
    line-height: 1.6;
}

.legal-page h1 {
    font-size: clamp(26px, 1.4vw + 20px, 34px);
    font-weight: 600;
    letter-spacing: -0.018em;
    line-height: 1.15;
    margin: 0 0 8px;
    color: #111111;
}

.legal-page h2 {
    font-size: clamp(18px, 0.5vw + 16px, 21px);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.25;
    margin: 28px 0 8px;
    color: #111111;
}

.legal-page p {
    margin: 0 0 12px;
    color: #2a2a2a;
}

.legal-page ul {
    margin: 0 0 16px;
    padding-left: 22px;
}

.legal-page ul li {
    margin: 0 0 6px;
    color: #2a2a2a;
}

.legal-page ul li::marker {
    color: rgba(17, 17, 17, 0.5);
}

.legal-page a {
    color: #111111;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.legal-page a:hover,
.legal-page a:focus-visible {
    text-decoration-thickness: 2px;
}

.legal-page code {
    background: rgba(17, 17, 17, 0.06);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.92em;
    word-break: break-all;
}

.legal-page__footer-note {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    font-size: 13px;
    color: rgba(17, 17, 17, 0.55);
}

:root {
    --app-primary: #1c2637;
    --app-secondary: #5e6876;
    --app-accent: #2f8f59;
    --app-surface: #fffefc;
    --app-surface-strong: #f3f3ef;
    --app-outline: #e2e7ee;
    --app-muted: #8c919b;
}

body.home-status-overlay-open {
    overflow: hidden;
}

.catalog-topbar__main {
    grid-template-columns: minmax(0, 1fr) auto;
}

.catalog-topbar__brand {
    display: none;
}

.search-field--topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    background: var(--app-surface-strong);
}

.search-field__submit,
.search-field__icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--app-muted);
}

.search-field__submit svg,
.search-field__icon svg {
    width: 22px;
    height: 22px;
}

.search-field--topbar input {
    font-weight: 600;
}

.search-field__submit:hover,
.search-field__submit:focus-visible {
    color: var(--app-primary);
}

.search-field__action,
.icon-button--square {
    color: var(--app-primary);
}

.icon-button--square {
    background: var(--app-surface-strong);
}

.home-categories {
    padding: 10px 0 14px;
}

.home-categories__track,
.home-categories__track--subcategories {
    gap: 10px;
}

.home-categories .category-card,
.home-categories .subcategory-card {
    --category-text: #111111;
    --category-image-scale: 1;
    --category-image-shift-x: 0%;
    --category-image-shift-y: 0%;
    --category-text-shift-x: 0%;
    --category-text-shift-y: 0%;
    isolation: isolate;
    display: block;
    padding: 0;
    border: 0;
    background: linear-gradient(
        180deg,
        rgba(247, 247, 243, 0.99) 0%,
        rgba(241, 241, 236, 0.99) 56%,
        rgba(234, 234, 228, 0.99) 100%
    );
    box-shadow: none;
}

.home-categories .category-card::before,
.home-categories .subcategory-card::before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -22px;
    z-index: 0;
    width: 104px;
    height: 104px;
    border-radius: 999px;
    background: radial-gradient(
        circle,
        rgba(var(--category-accent-rgb), 0.14) 0%,
        rgba(var(--category-accent-rgb), 0.08) 42%,
        rgba(var(--category-accent-rgb), 0) 74%
    );
    pointer-events: none;
}

.home-categories .category-card::after,
.home-categories .subcategory-card::after {
    z-index: 1;
    background: radial-gradient(circle at 84% 16%, rgba(255, 255, 255, 0.56), transparent 62%);
}

.home-categories .category-card:hover,
.home-categories .category-card:focus-visible,
.home-categories .subcategory-card:hover,
.home-categories .subcategory-card:focus-visible {
    box-shadow: none;
}

.home-categories .category-card.is-active,
.home-categories .subcategory-card.is-active {
    box-shadow: 0 0 0 2px rgba(var(--category-accent-rgb), 0.18);
}

.home-categories .category-card__content,
.home-categories .subcategory-card__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.home-categories .category-card__content {
    padding: 16px 13px;
}

.home-categories .subcategory-card__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 4px;
    padding: 14px 13px;
}

.home-categories .category-card__label,
.home-categories .subcategory-card__label {
    white-space: normal;
    overflow-wrap: anywhere;
}

.home-categories .category-card__label {
    max-width: 54%;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.08;
}

.home-categories .subcategory-card__meta {
    color: rgba(17, 17, 17, 0.52);
}

.home-categories .subcategory-card__label {
    color: #111111;
    font-size: 14px;
    line-height: 1.12;
}

.home-categories .category-card__art {
    z-index: 1;
    right: -6px;
    bottom: -10px;
}

.home-categories .category-card__art img,
.home-categories .category-card__art svg {
    filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.18));
}

.home-categories .category-card--artwork,
.home-categories .subcategory-card--artwork {
    background: #f1f1ec;
}

.home-categories .category-card--artwork::before,
.home-categories .category-card--artwork::after,
.home-categories .subcategory-card--artwork::before,
.home-categories .subcategory-card--artwork::after {
    display: none;
}

.home-categories .category-card__media,
.home-categories .subcategory-card__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
}

.home-categories .category-card__media-frame,
.home-categories .subcategory-card__media-frame {
    position: absolute;
    inset: 0;
    transform: translate(var(--category-image-shift-x), var(--category-image-shift-y));
}

.home-categories .category-card__media-image,
.home-categories .subcategory-card__media-image {
    position: absolute;
    inset: 0;
    background-image: var(--category-card-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(var(--category-image-scale));
    transform-origin: center center;
}

.home-categories .category-card__media-overlay,
.home-categories .subcategory-card__media-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.04) 0%,
        rgba(0, 0, 0, 0.02) 46%,
        rgba(0, 0, 0, 0.16) 100%
    );
}

.home-categories .category-card--artwork .category-card__content,
.home-categories .subcategory-card--artwork .subcategory-card__content {
    transform: translate(var(--category-text-shift-x), var(--category-text-shift-y));
}

.home-categories .category-card--artwork .category-card__content {
    padding: 10px 12px;
}

.home-categories .subcategory-card--artwork .subcategory-card__content {
    justify-content: flex-start;
    gap: 0;
    padding: 10px 12px;
}

.home-categories .category-card--artwork .category-card__label,
.home-categories .subcategory-card--artwork .subcategory-card__label {
    max-width: 78%;
    color: var(--category-text-light, var(--category-text, #ffffff));
    font-size: clamp(13px, var(--category-text-size, 18px), 22px);
    font-weight: 400;
    line-height: 1.08;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
}

.home-categories .subcategory-card--artwork .subcategory-card__meta {
    display: none;
}

.home-categories .subcategory-card--back {
    background: linear-gradient(180deg, rgba(249, 249, 245, 0.99) 0%, rgba(241, 241, 236, 0.99) 100%);
}

.home-categories .subcategory-card--back .subcategory-card__content {
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .home-categories .category-card,
    .home-categories .subcategory-card {
        border-radius: 18px;
    }

    .home-categories .category-card__content {
        padding: 13px 11px;
    }

    .home-categories .subcategory-card__content {
        padding: 12px 11px;
    }

    .home-categories .category-card__label {
        max-width: 56%;
        font-size: 13px;
    }

    .home-categories .subcategory-card__label {
        font-size: 13px;
    }

    .home-categories .subcategory-card__meta {
        font-size: 10px;
    }

    .home-categories .category-card--artwork .category-card__content,
    .home-categories .subcategory-card--artwork .subcategory-card__content {
        padding: 10px 11px;
    }

    .home-categories .category-card--artwork .category-card__label,
    .home-categories .subcategory-card--artwork .subcategory-card__label {
        max-width: 80%;
        font-size: clamp(12px, var(--category-text-size, 18px), 19px);
    }
}

@media (min-width: 1024px) {
    .home-categories .category-card,
    .home-categories .subcategory-card {
        box-shadow: 0 14px 30px rgba(17, 23, 34, 0.08);
    }

    .home-categories .category-card__content {
        padding: 20px;
    }

    .home-categories .subcategory-card__content {
        padding: 18px 20px;
    }

    .home-categories .category-card__label {
        max-width: 52%;
        font-size: 15px;
    }

    .home-categories .subcategory-card__label {
        font-size: 15px;
    }

    .home-categories .category-card--artwork .category-card__content,
    .home-categories .subcategory-card--artwork .subcategory-card__content {
        padding: 16px 18px;
    }

    .home-categories .category-card--artwork .category-card__label,
    .home-categories .subcategory-card--artwork .subcategory-card__label {
        font-size: clamp(14px, var(--category-text-size, 18px), 24px);
    }
}

.home-statuses {
    padding: 4px 0 16px;
}

.home-statuses .container {
    max-width: 980px;
}

.home-statuses__track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 8px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.home-statuses__track::-webkit-scrollbar {
    display: none;
}

.home-status-card {
    flex: 0 0 88px;
    display: grid;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ink);
    text-align: center;
}

.home-status-card__bubble {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 88px;
    height: 82px;
}

.home-status-card__ring {
    width: 82px;
    height: 82px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border-radius: 999px;
    background: linear-gradient(145deg, #ff8a65 0%, #e53935 100%);
    box-shadow: 0 12px 28px rgba(17, 23, 34, 0.12);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.home-status-card:hover .home-status-card__ring,
.home-status-card:focus-visible .home-status-card__ring {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(17, 23, 34, 0.15);
}

.home-status-card.is-own .home-status-card__ring,
.home-status-card__ring.is-own {
    background: linear-gradient(145deg, var(--app-primary) 0%, var(--app-secondary) 100%);
}

.home-status-card.is-viewed .home-status-card__ring {
    background: linear-gradient(145deg, #f7f7f7 0%, #d9dee5 100%);
}

.home-status-card__ring--add {
    background: linear-gradient(145deg, rgba(28, 38, 55, 0.16) 0%, rgba(94, 104, 118, 0.26) 100%);
    box-shadow: none;
}

.home-status-card__preview {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: inherit;
    background: linear-gradient(180deg, #f8f8f4 0%, #ebeae3 100%);
    color: var(--app-primary);
    font-size: 28px;
    font-weight: 800;
}

.home-status-card__preview img,
.home-status-card__preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-status-card__preview img.is-media-retrying,
.home-status-card__preview img.is-media-error,
.home-status-card__avatar img.is-media-retrying,
.home-status-card__avatar img.is-media-error {
    visibility: hidden;
}

.home-status-card__video-mark {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(180deg, rgba(17, 23, 34, 0.18), rgba(17, 23, 34, 0.46));
    pointer-events: none;
}

.home-status-card__video-mark svg {
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.28));
}

.home-status-card__initial,
.home-status-card__plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.home-status-card__plus {
    font-size: 30px;
    font-weight: 700;
}

.home-status-card__avatar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid var(--app-surface);
    border-radius: 999px;
    background: #d7dde6;
    color: var(--app-primary);
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 8px 16px rgba(17, 23, 34, 0.12);
}

.home-status-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-status-card__avatar--plus {
    background: var(--app-primary);
    color: #ffffff;
}

.home-status-card__count {
    position: absolute;
    top: -2px;
    right: 2px;
    min-width: 24px;
    padding: 3px 7px;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(17, 17, 17, 0.7);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.home-status-card__name {
    display: block;
    overflow: hidden;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-status-card__time {
    position: absolute;
    top: 5px;
    left: 50%;
    bottom: auto;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 62px;
    padding: 3px 7px;
    overflow: hidden;
    border-radius: 999px;
    color: #ffffff !important;
    background: rgba(17, 17, 17, 0.68);
    box-shadow: 0 8px 18px rgba(17, 19, 24, 0.16);
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: translateX(-50%);
    pointer-events: none;
    backdrop-filter: blur(12px) saturate(1.08);
    -webkit-backdrop-filter: blur(12px) saturate(1.08);
}

.home-status-card__time--price {
    top: 0;
    max-width: 72px;
    color: #ffffff !important;
    background: rgba(17, 19, 24, 0.46);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 8px 18px rgba(17, 19, 24, 0.12);
}

body:has(.catalog-topbar) .home-status-card__time.home-status-card__time--price {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

.home-statuses__hint {
    flex: 0 0 min(248px, calc(100vw - 132px));
    min-height: 92px;
    display: grid;
    gap: 8px;
    padding: 16px;
    border: 1px solid rgba(28, 38, 55, 0.08);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(17, 23, 34, 0.06);
}

.home-statuses__hint strong {
    color: var(--app-primary);
    font-size: 16px;
    font-weight: 800;
}

.home-statuses__hint span {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.home-status-viewer,
.home-status-publisher,
.home-status-install {
    position: fixed;
    inset: 0;
    z-index: 180;
    display: grid;
    place-items: center;
    padding: 18px;
}

.home-status-publisher,
.home-status-install {
    z-index: 181;
}

.home-status-viewer__scrim,
.home-status-publisher__scrim,
.home-status-install__scrim {
    position: absolute;
    inset: 0;
    background: rgba(7, 10, 14, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.home-status-viewer__dialog,
.home-status-publisher__dialog,
.home-status-install__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 420px);
}

.home-status-viewer__shell {
    position: relative;
    min-height: min(88svh, 780px);
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
    border-radius: 32px;
    background: #05070a;
    box-shadow: 0 34px 72px rgba(7, 10, 14, 0.38);
}

.home-status-viewer.is-feed-mode {
    padding: 0;
    place-items: stretch;
    background: #000000;
}

.home-status-viewer.is-feed-mode .home-status-viewer__scrim,
.home-status-viewer.is-feed-mode .home-status-viewer__shell {
    display: none;
}

.home-status-viewer.is-feed-mode .home-status-viewer__dialog {
    width: 100%;
    height: 100svh;
}

.home-status-viewer__feed {
    position: relative;
    width: 100%;
    height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
    background: #000000;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.home-status-viewer__feed::-webkit-scrollbar {
    display: none;
}

.home-status-viewer__feed-page {
    position: relative;
    width: 100%;
    height: 100svh;
    overflow: hidden;
    background: #000000;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.home-status-viewer__feed-media {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: #000000;
}

.home-status-viewer__feed-media::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    border: 3px solid rgba(255, 255, 255, 0.28);
    border-top-color: #ffffff;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    animation: imageLoaderSpin 0.8s linear infinite;
}

.home-status-viewer__feed-media::after {
    content: "Загружаем статус...";
    position: absolute;
    left: 50%;
    top: calc(50% + 38px);
    z-index: 1;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    white-space: nowrap;
}

.home-status-viewer__feed-media.is-loading::before,
.home-status-viewer__feed-media.is-loading::after,
.home-status-viewer__feed-media.is-error::after {
    opacity: 1;
}

.home-status-viewer__feed-media.is-error::before {
    opacity: 0;
}

.home-status-viewer__feed-media.is-error::after {
    content: "Повторяем загрузку...";
}

.home-status-viewer__feed-media img,
.home-status-viewer__feed-media video {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    background: #000000;
}

.home-status-viewer__feed-tap {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 110px);
    bottom: 172px;
    z-index: 2;
    width: 50%;
    padding: 0;
    border: 0;
    background: transparent;
}

.home-status-viewer__feed-tap--prev {
    left: 0;
}

.home-status-viewer__feed-tap--next {
    right: 0;
}

.home-status-viewer__feed-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.78) 100%);
}

.home-status-viewer__feed-progress,
.home-status-viewer__feed-topbar,
.home-status-viewer__feed-bottom {
    pointer-events: auto;
}

.home-status-viewer__feed-progress {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 10px);
    right: 14px;
    left: 14px;
    display: flex;
    gap: 5px;
}

.home-status-viewer__feed-progress button {
    flex: 1 1 0;
    height: 18px;
    display: flex;
    align-items: center;
    padding: 7px 0;
    border: 0;
    background: transparent;
}

.home-status-viewer__feed-progress button::before {
    content: "";
    position: absolute;
}

.home-status-viewer__feed-progress button {
    position: relative;
}

.home-status-viewer__feed-progress button::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

.home-status-viewer__feed-progress span {
    position: relative;
    z-index: 1;
    width: 0;
    height: 4px;
    border-radius: 999px;
    background: #ffffff;
}

.home-status-viewer__feed-topbar {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 34px);
    right: 14px;
    left: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-status-viewer__feed-button {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.46);
}

.home-status-viewer__feed-button svg {
    width: 20px;
    height: 20px;
}

.home-status-viewer__feed-author {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
}

.home-status-viewer__feed-avatar {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.18);
    font-size: 14px;
    font-weight: 800;
}

.home-status-viewer__feed-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-status-viewer__feed-author-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.home-status-viewer__feed-author-copy strong,
.home-status-viewer__feed-author-copy span {
    overflow: hidden;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-status-viewer__feed-author-copy strong {
    font-size: 16px;
    font-weight: 750;
}

.home-status-viewer__feed-author-copy span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 600;
}

.home-status-viewer__feed-views,
.home-status-viewer__feed-counter {
    color: #ffffff;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.44);
    font-size: 12px;
    font-weight: 700;
}

.home-status-viewer__feed-views {
    flex: 0 0 auto;
    padding: 8px 10px;
}

.home-status-viewer__feed-bottom {
    position: absolute;
    right: 14px;
    bottom: calc(env(safe-area-inset-bottom) + 18px);
    left: 14px;
    display: grid;
    justify-items: center;
    gap: 12px;
}

.home-status-viewer__feed-caption {
    width: 100%;
    max-height: 34svh;
    overflow: auto;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.46);
    font-size: 14px;
    line-height: 1.48;
    -webkit-overflow-scrolling: touch;
}

.home-status-viewer__feed-counter {
    padding: 7px 10px;
}

.home-status-viewer__progress {
    position: absolute;
    top: 14px;
    right: 16px;
    left: 16px;
    z-index: 3;
    display: flex;
    gap: 4px;
}

.home-status-viewer__progress-button {
    flex: 1 1 0;
    height: 4px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

.home-status-viewer__progress-button.is-active,
.home-status-viewer__progress-button.is-complete {
    background: rgba(255, 255, 255, 0.96);
}

.home-status-viewer__topbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: calc(env(safe-area-inset-top) + 28px) 16px 18px;
    background: linear-gradient(180deg, rgba(5, 7, 10, 0.7) 0%, rgba(5, 7, 10, 0) 100%);
}

.home-status-viewer__close,
.home-status-viewer__control,
.home-status-publisher__close,
.home-status-publisher__pager-button {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 16px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
}

.home-status-viewer__close svg,
.home-status-viewer__control svg,
.home-status-publisher__close svg,
.home-status-publisher__pager-button svg {
    width: 22px;
    height: 22px;
}

.home-status-viewer__author {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
}

.home-status-viewer__author-avatar {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.home-status-viewer__author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-status-viewer__author-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.home-status-viewer__author-copy strong,
.home-status-viewer__author-copy span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-status-viewer__author-copy strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.home-status-viewer__author-copy span,
.home-status-viewer__views {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 600;
}

.home-status-viewer__views {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
}

.home-status-viewer__media-frame {
    position: relative;
    min-height: 0;
}

.home-status-viewer__media {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #05070a;
}

.home-status-viewer__media img,
.home-status-viewer__media video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-status-viewer__media video {
    background: #05070a;
}

.home-status-viewer__media-fallback {
    max-width: min(78vw, 280px);
    padding: 14px 16px;
    border-radius: 22px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
}

.home-status-viewer__nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 34%;
    padding: 0;
    border: 0;
    background: transparent;
    z-index: 2;
}

.home-status-viewer__nav--prev {
    left: 0;
}

.home-status-viewer__nav--next {
    right: 0;
}

.home-status-viewer__bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: grid;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(180deg, rgba(5, 7, 10, 0) 0%, rgba(5, 7, 10, 0.74) 28%, rgba(5, 7, 10, 0.92) 100%);
}

.home-status-viewer__caption {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    font-size: 14px;
    line-height: 1.5;
}

.home-status-viewer__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.home-status-viewer__counter {
    min-width: 104px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.home-status-publisher__dialog {
    display: grid;
    gap: 16px;
    padding: 18px;
    border-radius: 32px;
    background: var(--app-surface);
    box-shadow: 0 30px 76px rgba(7, 10, 14, 0.28);
}

.home-status-publisher__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.home-status-publisher__header-copy {
    display: grid;
    gap: 6px;
}

.home-status-publisher__header-copy span {
    color: var(--app-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.home-status-publisher__header-copy h2 {
    margin: 0;
    color: var(--app-primary);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
}

.home-status-publisher__header-copy p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

.home-status-publisher__close {
    color: var(--app-primary);
    background: rgba(28, 38, 55, 0.08);
}

.home-status-publisher__preview {
    position: relative;
    min-height: 232px;
    overflow: hidden;
    border-radius: 26px;
    background: linear-gradient(180deg, #f3f3ef 0%, #ebeae3 100%);
}

.home-status-publisher__preview img,
.home-status-publisher__preview video {
    width: 100%;
    height: 232px;
    object-fit: cover;
    background: #05070a;
    transition: transform 0.18s ease;
}

.home-status-publisher__overlay-text {
    position: absolute;
    right: 16px;
    bottom: 18px;
    left: 16px;
    z-index: 2;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.12;
    text-align: center;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.58), 0 1px 2px rgba(0, 0, 0, 0.9);
    overflow-wrap: anywhere;
}

.home-status-publisher__editor {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.home-status-publisher__segmented {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 3px;
    border-radius: 18px;
    background: rgba(28, 38, 55, 0.08);
}

.home-status-publisher__segmented button,
.home-status-publisher__tool {
    min-height: 40px;
    border: 0;
    border-radius: 15px;
    color: var(--app-primary);
    background: transparent;
    font-size: 13px;
    font-weight: 750;
}

.home-status-publisher__segmented button.is-active,
.home-status-publisher__tool {
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(17, 23, 34, 0.08);
}

.home-status-publisher__tool {
    flex: 0 0 auto;
    padding: 0 12px;
}

.home-status-publisher__trim {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    border-radius: 20px;
    background: rgba(28, 38, 55, 0.08);
}

.home-status-publisher__trim[hidden] {
    display: none;
}

.home-status-publisher__trim label {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.home-status-publisher__trim label span,
.home-status-publisher__trim strong {
    color: var(--app-primary);
    font-size: 12px;
    font-weight: 750;
}

.home-status-publisher__trim input {
    width: 100%;
    accent-color: var(--app-primary);
}

.home-status-publisher__trim strong {
    grid-column: 1 / -1;
    justify-self: center;
}

.home-status-publisher__field--compact input {
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid rgba(28, 38, 55, 0.08);
    border-radius: 18px;
    color: var(--app-primary);
    background: #ffffff;
    font: inherit;
    box-shadow: none;
}

.home-status-publisher__pager {
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-status-publisher__pager-button {
    color: var(--app-primary);
    background: rgba(28, 38, 55, 0.08);
}

.home-status-publisher__pager-copy {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 2px;
    text-align: center;
}

.home-status-publisher__pager-copy strong {
    color: var(--app-primary);
    font-size: 15px;
    font-weight: 700;
}

.home-status-publisher__pager-copy span {
    color: var(--app-muted);
    font-size: 12px;
    font-weight: 600;
}

.home-status-publisher__field {
    display: grid;
    gap: 8px;
}

.home-status-publisher__field > span {
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
}

.home-status-publisher__field textarea {
    min-height: 108px;
    resize: none;
    padding: 14px 16px;
    border: 1px solid rgba(28, 38, 55, 0.08);
    border-radius: 22px;
    color: var(--app-primary);
    background: #ffffff;
    box-shadow: none;
}

.home-status-publisher__field small {
    justify-self: end;
    color: var(--app-muted);
    font-size: 12px;
    font-weight: 600;
}

.home-status-publisher__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.home-status-publisher__meta-card {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid rgba(28, 38, 55, 0.08);
    border-radius: 20px;
    background: #ffffff;
}

.home-status-publisher__meta-card span {
    color: var(--app-muted);
    font-size: 12px;
    font-weight: 600;
}

.home-status-publisher__meta-card strong {
    color: var(--app-primary);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.1;
}

.home-status-publisher__error {
    margin: 0;
    padding: 12px 14px;
    border-radius: 18px;
    color: #b3261e;
    background: rgba(179, 38, 30, 0.08);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.home-status-publisher__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.home-status-publisher__secondary,
.home-status-publisher__primary {
    min-height: 52px;
    padding: 0 16px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
}

.home-status-publisher__secondary {
    border: 1px solid rgba(28, 38, 55, 0.08);
    color: var(--app-primary);
    background: #ffffff;
}

.home-status-publisher__primary {
    grid-column: 1 / -1;
    border: 0;
    color: #ffffff;
    background: linear-gradient(180deg, var(--app-primary) 0%, #121922 100%);
    box-shadow: 0 18px 34px rgba(17, 23, 34, 0.16);
}

.home-status-publisher__secondary:disabled,
.home-status-publisher__primary:disabled,
.home-status-viewer__control:disabled,
.home-status-publisher__pager-button:disabled {
    opacity: 0.45;
    cursor: default;
}

.home-status-install__dialog {
    display: grid;
    justify-items: center;
    gap: 16px;
    padding: 22px;
    border-radius: 30px;
    background: var(--app-surface);
    box-shadow: 0 30px 76px rgba(7, 10, 14, 0.28);
    text-align: center;
}

.home-status-install__close {
    justify-self: end;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 16px;
    color: var(--app-primary);
    background: rgba(28, 38, 55, 0.08);
}

.home-status-install__close svg {
    width: 20px;
    height: 20px;
}

.home-status-install__icon {
    width: 74px;
    height: 74px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(17, 23, 34, 0.12);
}

.home-status-install__icon img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.home-status-install__copy {
    display: grid;
    gap: 8px;
}

.home-status-install__copy span {
    color: var(--app-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.home-status-install__copy h2 {
    margin: 0;
    color: var(--app-primary);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.08;
}

.home-status-install__copy p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.45;
}

.home-status-install__primary,
.home-status-install__secondary {
    width: 100%;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.home-status-install__links {
    width: 100%;
    display: grid;
    gap: 10px;
}

.home-status-install__primary {
    color: #ffffff;
    background: linear-gradient(180deg, var(--app-primary) 0%, #121922 100%);
    box-shadow: 0 18px 34px rgba(17, 23, 34, 0.16);
}

.home-status-install__primary[hidden] {
    display: none;
}

.home-status-install__secondary {
    border: 1px solid rgba(28, 38, 55, 0.08);
    color: var(--app-primary);
    background: #ffffff;
}

@media (max-width: 820px) {
    body {
        background: linear-gradient(180deg, #fffefc 0%, #f6f5f0 52%, #ece9e3 100%);
    }

    .site-header {
        background: rgba(255, 254, 252, 0.9);
        border-bottom-color: rgba(28, 38, 55, 0.06);
        box-shadow: 0 12px 28px rgba(17, 23, 34, 0.04);
    }

    .site-header__intro {
        gap: 0;
    }

    .header-context {
        gap: 2px;
    }

    .header-context__eyebrow {
        display: none;
    }

    .header-context__title {
        font-family: var(--font-body);
        font-size: 21px;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.08;
    }

    .catalog-topbar {
        padding: 8px 0 10px;
        border-bottom-color: rgba(28, 38, 55, 0.06);
        background: rgba(255, 254, 252, 0.92);
        box-shadow: 0 14px 32px rgba(17, 23, 34, 0.04);
    }

    .search-field--topbar {
        min-height: 56px;
        border-radius: 18px;
        background: var(--app-surface-strong);
    }

    .search-field__submit,
    .search-field__action {
        width: 34px;
        height: 34px;
    }

    .search-field__submit svg,
    .search-field__action svg {
        width: 21px;
        height: 21px;
    }

    .icon-button--square {
        width: 50px;
        height: 50px;
        border-radius: 18px;
    }
}

@media (max-width: 720px) {
    .home-statuses {
        padding-bottom: 14px;
    }

    .home-status-viewer,
    .home-status-publisher,
    .home-status-install {
        padding: 0;
    }

    .home-status-viewer__dialog,
    .home-status-publisher__dialog,
    .home-status-install__dialog {
        width: 100%;
    }

    .home-status-viewer__shell {
        min-height: 100svh;
        border-radius: 0;
    }

    .home-status-publisher__dialog {
        min-height: 100svh;
        align-content: start;
        padding: calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 18px);
        border-radius: 0;
    }

    .home-status-install {
        padding: 16px;
    }

    .home-status-install__dialog {
        align-self: end;
        width: 100%;
        border-radius: 28px;
        padding: 18px 18px calc(env(safe-area-inset-bottom) + 18px);
    }

    .home-status-publisher__preview {
        min-height: 214px;
    }

    .home-status-publisher__preview img,
    .home-status-publisher__preview video {
        height: 214px;
    }

    .home-status-publisher__actions {
        margin-top: auto;
    }

    .home-status-publisher__secondary,
    .home-status-publisher__primary {
        min-height: 50px;
    }
}

@media (prefers-color-scheme: dark) {
    html {
        color-scheme: dark;
    }

    :root {
        --bg: #090d13;
        --bg-soft: #0f141c;
        --panel: rgba(21, 27, 36, 0.94);
        --panel-strong: #151b24;
        --surface-muted: #1b232e;
        --ink: #f3f5f8;
        --muted: #abb4c2;
        --line: rgba(126, 135, 150, 0.22);
        --accent: #8ad1bc;
        --accent-dark: #bec7d4;
        --accent-soft: rgba(138, 209, 188, 0.16);
        --secondary: #c4cbd9;
        --secondary-soft: rgba(196, 203, 217, 0.12);
        --danger: #ffb4ab;
        --shadow-lg: 0 30px 74px rgba(0, 0, 0, 0.34);
        --shadow-md: 0 18px 40px rgba(0, 0, 0, 0.28);
        --app-primary: #bec7d4;
        --app-secondary: #c4cbd9;
        --app-accent: #8ad1bc;
        --app-surface: #11161d;
        --app-surface-strong: #1d2530;
        --app-outline: #303948;
        --app-muted: #abb4c2;
    }

    body {
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.44), transparent 30%),
            radial-gradient(circle at 88% 12%, rgba(18, 58, 49, 0.34), transparent 22%),
            linear-gradient(180deg, #090d13 0%, #0f141c 40%, #161c25 100%);
    }

    .site-header,
    .catalog-topbar {
        border-bottom-color: rgba(126, 135, 150, 0.16);
        background: rgba(21, 27, 36, 0.78);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form,
    .listing-card,
    .empty-state,
    .site-footer__inner,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
	    .message-card,
	    .message-actions-menu__panel,
	    .thread-review-prompt__sheet,
	    .my-listing-card,
    .store-card,
    .store-category-option,
    .home-statuses__hint {
        border-color: rgba(126, 135, 150, 0.18);
        background: rgba(21, 27, 36, 0.94);
        box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
    }

    .hero__note,
    .stat-card,
    .listing-card__chip,
    .listing-card__placeholder,
    .my-listing-card__media,
    .store-card__avatar,
	    .message-card__selector,
	    .thread-review-prompt__icon,
	    .thread-review-prompt__close,
	    .thread-review-form__comment textarea,
	    .home-status-card__preview {
        background: var(--surface-muted);
        border-color: rgba(126, 135, 150, 0.16);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .hero__note code,
    .demo-box code {
        background: rgba(29, 37, 48, 0.92);
    }

    .site-nav a,
    .site-nav__utility,
    .site-nav__logout,
    .header-link,
    .nav-toggle,
    .search-field,
    .search-field--topbar,
    .icon-button,
    .icon-button--square,
    .pill-input,
    .pill-select,
    .topbar-pill,
    .search-form label.filter-sheet__field,
    .filter-chip,
    .search-form label.filter-choice span,
    .message-search,
    .message-icon-button,
    .message-tab,
    .stores-search__field,
    .store-category-sheet__close,
    .location-search-screen__back,
    .location-search-screen__search,
    .location-search-screen__option,
    .my-listings-search label,
    .my-listings-search__reset,
    .my-listing-card__edit,
    .my-listing-card__open,
    .detail-owner-status__button--muted,
    .detail-owner-status__pending {
        border-color: rgba(126, 135, 150, 0.16);
        color: var(--ink);
        background: rgba(29, 37, 48, 0.92);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 12px 28px rgba(0, 0, 0, 0.18);
    }

    .detail-owner-status__button:not(.detail-owner-status__button--muted) {
        color: #10161d;
    }

    input,
    select,
    textarea {
        color: var(--ink);
        caret-color: var(--ink);
        background: rgba(29, 37, 48, 0.92);
        border-color: rgba(126, 135, 150, 0.18);
    }

    .search-field input,
    .search-field--topbar input,
    .pill-input input,
    .pill-select select,
    .topbar-pill input,
    .topbar-pill select,
    .message-search input,
    .stores-search__field input,
    .my-listings-search input,
    .search-form label.filter-sheet__field input,
    .search-form label.filter-sheet__field select,
    .search-form label.filter-sheet__field .location-picker__trigger,
    .location-search-screen__search input {
        color: var(--ink);
        caret-color: var(--ink);
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    input::placeholder,
    textarea::placeholder,
    .search-field input::placeholder,
    .search-field--topbar input::placeholder,
    .topbar-pill input::placeholder,
    .message-search input::placeholder,
    .stores-search__field input::placeholder,
    .search-form label.filter-sheet__field input::placeholder,
    .location-search-screen__search input::placeholder {
        color: rgba(171, 180, 194, 0.72);
    }

    input:focus,
    select:focus,
    textarea:focus,
    .search-field--topbar:focus-within,
    .my-listings-search label:focus-within,
    .location-search-screen__option:hover,
    .location-search-screen__option:focus {
        border-color: rgba(190, 199, 212, 0.22);
        box-shadow: 0 0 0 4px rgba(190, 199, 212, 0.08);
    }

    .search-field input:focus,
    .search-field--topbar input:focus,
    .message-search input:focus,
    .stores-search__field input:focus,
    .my-listings-search input:focus,
    .search-form label.filter-sheet__field input:focus,
    .search-form label.filter-sheet__field select:focus,
    .location-search-screen__search input:focus {
        border-color: transparent;
        box-shadow: none;
    }

    .search-field--topbar,
    .search-field--topbar:focus-within {
        border-color: transparent;
        box-shadow: none;
    }

    .guest-auth-sheet__scrim {
        background: rgba(0, 0, 0, 0.74);
    }

    .guest-auth-sheet__panel {
        border-color: rgba(255, 255, 255, 0.06);
        background: linear-gradient(180deg, #181818 0%, #14171d 100%);
        box-shadow: 0 -16px 46px rgba(0, 0, 0, 0.34);
    }

    .guest-auth-sheet__handle {
        background: rgba(255, 255, 255, 0.14);
    }

    .guest-auth-sheet__google {
        border-color: rgba(255, 255, 255, 0.08);
        color: #ffffff;
        background: linear-gradient(135deg, #24272e 0%, #1a1d24 52%, #20242b 100%);
        box-shadow: none;
    }

    .guest-auth-sheet__google-badge {
        background: rgba(255, 255, 255, 0.08);
        box-shadow: none;
    }

    .guest-auth-sheet__google-copy span,
    .guest-auth-sheet__agreement,
    .guest-auth-sheet__header span {
        color: rgba(255, 255, 255, 0.58);
    }

    .guest-auth-sheet__divider span {
        background: rgba(255, 255, 255, 0.1);
    }

    .guest-auth-sheet__divider strong {
        color: rgba(255, 255, 255, 0.42);
    }

    .guest-auth-sheet__action--primary {
        color: #171717;
        background: #ffffff;
    }

    .guest-auth-sheet__action--secondary {
        color: #ffffff;
        background: #242424;
    }

    .guest-auth-sheet__back,
    .guest-auth-sheet__close {
        color: var(--ink);
        background: rgba(255, 255, 255, 0.06);
    }

    .guest-auth-sheet__field input {
        border-color: rgba(126, 135, 150, 0.16);
        background: rgba(29, 37, 48, 0.92);
    }

    .guest-auth-sheet__switch button {
        color: var(--ink);
    }

    .stores-search__icon {
        color: rgba(171, 180, 194, 0.72);
    }

    .stores-search__filter {
        color: rgba(171, 180, 194, 0.72);
    }

    .stores-search__filter:hover,
    .stores-search__filter:focus-visible {
        color: var(--ink);
        background: rgba(255, 255, 255, 0.06);
    }

    .stores-search__filter.is-active {
        color: var(--accent);
    }

    .stores-search__filter-indicator {
        background: var(--accent);
    }

    .site-nav a:hover,
    .site-nav__utility:hover,
    .site-nav__logout:hover,
    .header-link:hover,
    .nav-toggle:hover,
    .message-card:hover,
    .message-card.is-active,
    .store-card:hover,
    .my-listing-card:hover,
    .location-search-screen__option.is-active,
    .message-icon-button.is-active,
    .message-tab.is-active,
    .filter-chip.is-active,
    .search-form label.filter-choice input:checked + span {
        border-color: rgba(190, 199, 212, 0.2);
        color: var(--ink);
        background: rgba(36, 45, 58, 0.98);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
    }

    .button,
    .filter-sheet__submit,
    .header-shortcut,
    .header-avatar,
    .message-action-submit,
    .store-card__count,
    .store-card__arrow {
        color: #171b22;
        background: linear-gradient(180deg, #cad2de 0%, #bec7d4 100%);
        border-color: rgba(202, 210, 222, 0.32);
        box-shadow:
            0 16px 32px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.42);
    }

    .button--ghost,
    .button--subtle {
        color: var(--ink);
        background: rgba(29, 37, 48, 0.9);
        border-color: rgba(126, 135, 150, 0.16);
        box-shadow: none;
    }

    .site-nav a.is-active,
    .my-listings-tabs a.is-active,
    .store-category-option.is-active {
        color: var(--ink);
        border-color: rgba(190, 199, 212, 0.18);
        background: linear-gradient(180deg, rgba(36, 45, 58, 0.98), rgba(27, 35, 46, 0.98));
        box-shadow:
            0 16px 30px rgba(0, 0, 0, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .nav-badge,
    .my-listings-tabs sup,
    .message-card__selector,
    .dock-item__badge {
        color: var(--ink);
        background: rgba(190, 199, 212, 0.12);
        border-color: rgba(190, 199, 212, 0.18);
        box-shadow: none;
    }

    .message-card__input:checked + .message-card .message-card__selector,
    .message-card.is-selected-for-action .message-card__selector {
        color: #171b22;
        background: #bec7d4;
        border-color: rgba(190, 199, 212, 0.34);
    }

    .header-context__eyebrow,
    .site-legal,
    .site-legal__copy,
    .site-legal__nav a,
    .hero__copy p,
    .section__header p,
    .listing-card__location,
    .listing-card__excerpt,
    .auth-card p,
    .panel p,
    .detail-copy,
    .empty-state p,
    .conversation-item p,
    .stores-search__field span,
    .store-card__city,
    .store-card__latest,
    .store-card__muted,
    .store-card__rating,
    .message-card__date,
    .message-card__city,
    .messages-screen .chat-header p,
    .messages-screen .chat-bubble small,
    .home-status-card__time,
    .home-statuses__hint span {
        color: var(--muted);
    }

    .site-legal {
        border-top-color: rgba(126, 135, 150, 0.16);
    }

    .site-legal__nav a {
        border-bottom-color: rgba(171, 180, 194, 0.22);
    }

    .site-legal__nav a:hover,
    .site-legal__nav a:focus-visible {
        color: var(--ink);
        border-bottom-color: rgba(243, 245, 248, 0.42);
    }

    body:has(.legal-page) {
        color: var(--ink);
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.44), transparent 30%),
            radial-gradient(circle at 88% 12%, rgba(18, 58, 49, 0.24), transparent 22%),
            linear-gradient(180deg, #090d13 0%, #0f141c 40%, #161c25 100%);
    }

    body:has(.legal-page) .site-header {
        border-bottom-color: rgba(126, 135, 150, 0.16);
        background: rgba(21, 27, 36, 0.78);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    }

    .legal-page.account-card {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--ink);
        background:
            linear-gradient(135deg, rgba(21, 27, 36, 0.98) 0%, rgba(17, 22, 29, 0.96) 100%),
            #11161d;
        box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
    }

    .legal-page .eyebrow {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--muted);
        background: rgba(29, 37, 48, 0.92);
        box-shadow: none;
    }

    .legal-page h1,
    .legal-page h2,
    .legal-page strong,
    .legal-page .account-section-head h1 {
        color: var(--ink);
    }

    .legal-page p,
    .legal-page ul li,
    .legal-page .account-section-head p,
    .legal-page__footer-note {
        color: var(--muted);
    }

    .legal-page ul li::marker {
        color: rgba(171, 180, 194, 0.72);
    }

    .legal-page a {
        color: #8ad1bc;
    }

    .legal-page code {
        border: 1px solid rgba(126, 135, 150, 0.16);
        color: var(--ink);
        background: rgba(29, 37, 48, 0.92);
    }

    .legal-page__footer-note {
        border-top-color: rgba(126, 135, 150, 0.16);
    }

    .page-main--account {
        --account-ink: #f3f5f8;
        --account-muted: #abb4c2;
        --account-soft: #11161d;
        --account-field: #1d2530;
        --account-line: rgba(126, 135, 150, 0.18);
        --account-line-strong: rgba(190, 199, 212, 0.28);
        --account-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
        --account-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.24);
        color: var(--account-ink);
    }

    body:has(.page-main--account) {
        color: var(--account-ink);
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.44), transparent 30%),
            radial-gradient(circle at 88% 12%, rgba(18, 58, 49, 0.24), transparent 22%),
            linear-gradient(180deg, #090d13 0%, #0f141c 40%, #161c25 100%);
    }

    body:has(.page-main--account) .site-header {
        border-bottom-color: rgba(126, 135, 150, 0.16);
        background: rgba(21, 27, 36, 0.78);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    }

    body:has(.page-main--account) .site-header__balance-panel {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--account-ink);
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 42%),
            linear-gradient(180deg, #1d2530 0%, #11161d 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 18px 40px rgba(0, 0, 0, 0.26);
    }

    body:has(.page-main--account) .site-header__balance-label,
    body:has(.page-main--account) .site-header__balance-meta {
        color: var(--account-muted);
    }

    body:has(.page-main--account) .site-header__balance-action {
        border-color: rgba(126, 135, 150, 0.2);
        color: var(--account-ink);
        background: rgba(255, 255, 255, 0.06);
    }

    .account-card,
    .account-hero,
    .account-sections__item,
    .account-placeholder-card,
    .account-blocked-user,
    .account-chip,
    .account-sidecard,
    .account-actions,
    .account-verification-hero,
    .account-verification-stat,
    .account-verification-check,
    .account-verification-note,
    .account-verification-item,
    .account-store-panel,
    .account-store-workspace__stat,
    .account-store-section,
    .account-store-listing,
    .account-store-note {
        border-color: var(--account-line);
        color: var(--account-ink);
        background: rgba(17, 22, 29, 0.96);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            var(--account-shadow-soft);
    }

    .account-card--danger {
        border-color: rgba(255, 180, 171, 0.18);
        background:
            linear-gradient(135deg, rgba(255, 180, 171, 0.06), transparent 42%),
            rgba(17, 22, 29, 0.96);
    }

    .account-hero::before {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%),
            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    }

    .account-hero::after {
        background: linear-gradient(90deg, transparent, rgba(190, 199, 212, 0.18), transparent);
    }

    .account-hero .eyebrow,
    .account-card .eyebrow {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--account-muted);
        background: rgba(29, 37, 48, 0.92);
        box-shadow: none;
    }

    .account-section-head h1,
    .account-hero__copy h1,
    .account-hero__copy strong,
    .account-placeholder-card strong,
    .account-blocked-user__copy strong,
    .account-chip strong,
    .account-sidecard__title,
    .account-verification-hero__top strong,
    .account-verification-stat strong,
    .account-verification-check strong,
    .account-verification-item strong,
    .account-topup__summary strong,
    .account-store__header h1,
    .account-store__header h2,
    .account-store__summary-copy h1,
    .account-store__summary-copy h2,
    .account-store-pending h2,
    .account-store-workspace__stat strong,
    .account-store-panel__header h3,
    .account-store-section strong,
    .account-store-listing__body a {
        color: var(--account-ink);
    }

    .account-section-head p,
    .account-hero__copy p,
    .account-placeholder-card p,
    .account-blocked-user__copy span,
    .account-blocked-user__note,
    .account-actions__copy,
    .account-topup__summary span,
    .account-topup__custom span,
    .account-sidecard p,
    .account-sidecard__note,
    .account-verification-hero__top p,
    .account-verification-progress small,
    .account-verification-stat span,
    .account-verification-stat small,
    .account-verification-check p,
    .account-verification-item p,
    .account-verification-item__status small,
    .account-store__header p,
    .account-store__summary-copy p,
    .account-store-pending p,
    .account-store-pending__meta span,
    .account-store-workspace__stat small,
    .account-store-panel__header p,
    .account-store-section span,
    .account-store-listing__body span,
    .account-store-schedule small,
    .account-bio-field__hint,
    .account-avatar-picker__status {
        color: var(--account-muted);
    }

    .account-sections__hint,
    .account-chip__label,
    .account-sidecard__eyebrow,
    .account-sidecard--soft .account-sidecard__eyebrow,
    .account-bio-field__label,
    .account-store-form__avatar label span,
    .account-store-form__grid label span,
    .account-store-schedule legend {
        color: rgba(171, 180, 194, 0.82);
    }

    .account-sidecard__eyebrow::before,
    .account-sidecard--soft .account-sidecard__eyebrow::before {
        background: rgba(171, 180, 194, 0.82);
    }

    .account-sections__item:hover,
    .account-blocked-user__action:hover,
    .account-chip--editable:focus-within,
    .account-topup__custom input:focus {
        border-color: var(--account-line-strong);
        background: rgba(29, 37, 48, 0.98);
        box-shadow:
            0 0 0 4px rgba(190, 199, 212, 0.08),
            var(--account-shadow-soft);
    }

    .account-sections__item.is-active,
    .account-topup__option input:checked + span,
    .account-store-day input:checked + span {
        border-color: rgba(190, 199, 212, 0.2);
        color: var(--account-ink);
        background: linear-gradient(180deg, rgba(36, 45, 58, 0.98), rgba(27, 35, 46, 0.98));
        box-shadow:
            0 16px 30px rgba(0, 0, 0, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .account-sections__item.is-active .account-sections__hint {
        color: var(--account-muted);
    }

    .account-sections__item--danger:not(.is-active) {
        border-color: rgba(255, 180, 171, 0.16);
        background: rgba(17, 22, 29, 0.96);
    }

    .account-sections__item--danger:not(.is-active) .account-sections__label,
    .account-actions.account-actions--logout .account-actions__danger-button,
    .account-logout__note {
        color: #ffb4ab;
    }

    .account-hero__avatar,
    .account-blocked-user__avatar,
    .account-store-form__avatar-preview,
    .account-store-listing__media {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--account-ink);
        background:
            radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.08), transparent 34%),
            linear-gradient(145deg, #28313d 0%, #151b24 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 14px 30px rgba(0, 0, 0, 0.24);
    }

    .account-avatar-picker__change {
        color: var(--account-ink);
    }

    .account-avatar-picker__status[data-state="success"] {
        color: #8ad1bc;
    }

    .account-avatar-picker__status[data-state="error"],
    .account-avatar-cropper__status[data-state="error"] {
        color: #ffb4ab;
    }

    .account-chip--editable input,
    .account-bio-field textarea,
    .account-topup__custom input,
    .account-store-form input,
    .account-store-form select,
    .account-store-form textarea,
    .account-store-section-form input,
    .account-store-listing select,
    .account-store-form__grid .account-store-time-control,
    .account-city .auth-city__results {
        border-color: var(--account-line);
        color: var(--account-ink);
        background: rgba(29, 37, 48, 0.94);
        box-shadow: none;
    }

    .account-chip--editable input,
    .account-store-time-control input[type="time"] {
        background: transparent;
    }

    .account-chip--editable input::placeholder,
    .account-bio-field textarea::placeholder,
    .account-topup__custom input::placeholder,
    .account-store-form input::placeholder,
    .account-store-form textarea::placeholder,
    .account-store-section-form input::placeholder {
        color: rgba(171, 180, 194, 0.62);
        opacity: 1;
    }

    .account-bio-field textarea:focus,
    .account-store-form input:focus,
    .account-store-form select:focus,
    .account-store-form textarea:focus,
    .account-store-section-form input:focus,
    .account-store-listing select:focus,
    .account-store-time-control:focus-within {
        border-color: var(--account-line-strong);
        background: rgba(29, 37, 48, 0.98);
        box-shadow: 0 0 0 4px rgba(190, 199, 212, 0.08);
    }

    .account-city .auth-city__check {
        color: #171b22;
        background: #bec7d4;
    }

    .account-city .auth-city__message {
        color: var(--account-muted);
    }

    .account-topup__option span,
    .account-store-day span,
    .account-blocked-user__chip {
        border-color: var(--account-line);
        color: var(--account-ink);
        background: rgba(29, 37, 48, 0.92);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .account-verification-hero.is-verified,
    .account-verification-item.is-verified {
        border-color: rgba(138, 209, 188, 0.2);
        background:
            linear-gradient(135deg, rgba(138, 209, 188, 0.08), transparent 44%),
            rgba(17, 22, 29, 0.96);
    }

    .account-verification-progress__bar {
        background: rgba(126, 135, 150, 0.18);
    }

    .account-verification-progress__bar span {
        background: linear-gradient(90deg, #8ad1bc, #bec7d4);
    }

    .account-verification-check::before {
        border-color: rgba(171, 180, 194, 0.34);
        background: #11161d;
    }

    .account-verification-check.is-done::before {
        border-color: #8ad1bc;
        background: radial-gradient(circle at center, #8ad1bc 0 45%, transparent 46%);
    }

    .account-store__summary-toggle,
    .account-blocked-user__action,
    .account-store-pending__meta span {
        border-color: var(--account-line);
        color: var(--account-ink);
        background: rgba(29, 37, 48, 0.92);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .account-store--collapsible[open] .account-store__summary-toggle {
        border-color: var(--account-line-strong);
        background: rgba(36, 45, 58, 0.98);
    }

    .account-store__collapsible-body {
        border-top-color: var(--account-line);
    }

    .account-store__status,
    .account-store-manage__counter {
        border-color: rgba(138, 209, 188, 0.16);
        color: var(--account-ink);
        background: rgba(138, 209, 188, 0.1);
    }

    .account-store-schedule {
        border-color: var(--account-line);
        background: rgba(17, 22, 29, 0.64);
    }

    .account-store-pending {
        border-color: rgba(242, 161, 0, 0.2);
        background:
            radial-gradient(circle at top right, rgba(242, 161, 0, 0.12), transparent 34%),
            linear-gradient(145deg, rgba(29, 37, 48, 0.96), rgba(17, 22, 29, 0.98));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 20px 44px rgba(0, 0, 0, 0.28);
    }

    .account-store-pending::after {
        background: radial-gradient(circle, rgba(242, 161, 0, 0.12), transparent 66%);
    }

    .account-store-pending__icon {
        color: #f2a100;
        background: rgba(242, 161, 0, 0.12);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .account-store-pending__badge {
        color: #f2a100;
        background: rgba(242, 161, 0, 0.12);
        box-shadow: inset 0 0 0 1px rgba(242, 161, 0, 0.22);
    }

    .account-store-panel,
    .account-store-section,
    .account-store-listing,
    .account-store-note {
        background: rgba(21, 27, 36, 0.94);
    }

    .account-store-section button {
        color: #ffb4ab;
        background: rgba(255, 180, 171, 0.1);
    }

    .account-store-listing__submit,
    .account-store-section-form .button,
    .account-actions .button {
        color: #171b22;
        background: linear-gradient(180deg, #cad2de 0%, #bec7d4 100%);
        border-color: rgba(202, 210, 222, 0.32);
        box-shadow:
            0 16px 32px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.42);
    }

    .account-actions.account-actions--logout,
    .account-logout__note {
        border-color: rgba(255, 180, 171, 0.18);
        background: rgba(255, 180, 171, 0.08);
    }

    .account-actions.account-actions--logout .account-actions__danger-button {
        color: #240806;
        background: linear-gradient(180deg, #ffdad6 0%, #ffb4ab 100%);
        box-shadow:
            0 16px 32px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.42);
    }

    .page-main--account .empty-state,
    .page-main--account .empty-state--small {
        border-color: var(--account-line);
        color: var(--account-ink);
        background: rgba(17, 22, 29, 0.96);
        box-shadow: var(--account-shadow-soft);
    }

    .page-main--account .empty-state h3,
    .page-main--account .empty-state strong {
        color: var(--account-ink);
    }

    .page-main--account .empty-state p {
        color: var(--account-muted);
    }

    .page-main--account .status-pill {
        color: var(--account-ink);
        border: 1px solid var(--account-line);
        background: rgba(29, 37, 48, 0.92);
    }

    .page-main--account .status-pill--muted {
        color: var(--account-muted);
        background: rgba(126, 135, 150, 0.1);
    }

    .page-main--account .alert {
        color: var(--account-ink);
        border-color: var(--account-line);
        background: rgba(29, 37, 48, 0.94);
        box-shadow: var(--account-shadow-soft);
    }

    .page-main--account .alert--success {
        color: #8ad1bc;
        border-color: rgba(138, 209, 188, 0.22);
        background: rgba(138, 209, 188, 0.1);
    }

    .page-main--account .alert--warning {
        color: #f2c66d;
        border-color: rgba(242, 198, 109, 0.22);
        background: rgba(242, 198, 109, 0.1);
    }

    .page-main--account .alert--error {
        color: #ffb4ab;
        border-color: rgba(255, 180, 171, 0.24);
        background: rgba(255, 180, 171, 0.1);
    }

    .account-city .auth-city__option {
        color: var(--account-ink);
        border-bottom-color: var(--account-line);
        background: rgba(21, 27, 36, 0.98);
    }

    .account-city .auth-city__option:hover,
    .account-city .auth-city__option:focus-visible {
        background: rgba(36, 45, 58, 0.98);
    }

    .account-city .auth-city__option-city {
        color: var(--account-ink);
    }

    .account-city .auth-city__option-region {
        color: var(--account-muted);
    }

    body:has(.page-main--favorites) {
        color: var(--ink);
        background: #090d13;
    }

    body:has(.page-main--favorites) .site-header {
        border-bottom-color: rgba(126, 135, 150, 0.14);
        background: rgba(9, 13, 19, 0.9);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .page-main--favorites {
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.46), transparent 28%),
            linear-gradient(180deg, rgba(15, 20, 28, 0.82), rgba(9, 13, 19, 0) 360px);
    }

    .favorites-empty {
        color: var(--ink);
        border-color: rgba(126, 135, 150, 0.18);
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
            linear-gradient(180deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
            linear-gradient(135deg, #11161d 0%, #151b24 58%, #0f141c 100%);
        box-shadow:
            0 34px 90px rgba(0, 0, 0, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .favorites-empty::before {
        background:
            linear-gradient(112deg, rgba(255, 255, 255, 0.06) 0%, transparent 42%, rgba(138, 209, 188, 0.08) 100%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 46%);
    }

    .favorites-empty::after {
        background: linear-gradient(90deg, transparent, rgba(202, 210, 222, 0.28), transparent);
    }

    .favorites-empty__label {
        color: var(--muted);
        border-color: rgba(126, 135, 150, 0.18);
        background: rgba(29, 37, 48, 0.88);
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.2);
    }

    .favorites-empty__label-dot {
        background: #8ad1bc;
        box-shadow: 0 0 0 5px rgba(138, 209, 188, 0.12);
    }

    .favorites-empty__shine {
        border-color: rgba(126, 135, 150, 0.2);
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 54%, rgba(138, 209, 188, 0.08) 100%),
            rgba(29, 37, 48, 0.56);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 28px 70px rgba(0, 0, 0, 0.24);
    }

    .favorites-empty__preview {
        border-color: rgba(126, 135, 150, 0.18);
        background:
            linear-gradient(180deg, rgba(29, 37, 48, 0.98), rgba(21, 27, 36, 0.96)),
            #151b24;
        box-shadow:
            0 24px 56px rgba(0, 0, 0, 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .favorites-empty__preview-media {
        background:
            linear-gradient(135deg, #202936 0%, #3b4656 52%, #8ad1bc 100%),
            #1d2530;
    }

    .favorites-empty__preview-line {
        background: rgba(202, 210, 222, 0.14);
    }

    .favorites-empty__preview-line--wide {
        background: rgba(202, 210, 222, 0.2);
    }

    .favorites-empty__preview-price {
        background: linear-gradient(135deg, #cad2de, #8d98a8);
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.24);
    }

    body:has(.page-main--admin) {
        color: #f3f5f8;
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.48), transparent 28%),
            linear-gradient(180deg, #090d13 0%, #0f141c 46%, #090d13 100%);
    }

    .page-main--admin {
        --admin-ink: #f3f5f8;
        --admin-muted: #abb4c2;
        --admin-line: rgba(126, 135, 150, 0.18);
        --admin-soft: #11161d;
    }

    .admin-hero__role,
    .admin-tabs a.is-active,
    .admin-button {
        color: #171b22;
        border-color: rgba(202, 210, 222, 0.32);
        background: linear-gradient(180deg, #cad2de 0%, #bec7d4 100%);
    }

    .admin-tabs a,
    .admin-metrics article,
    .admin-panel,
    .admin-user-card,
    .admin-listing-card,
    .admin-store-card,
    .admin-settings-panel,
    .admin-settings-section,
    .admin-category-sidebar,
    .admin-category-workspace,
    .admin-category-fields,
    .admin-category-create__form,
    .admin-category-field-editor,
    .admin-subcategory-panel,
    .admin-subcategory-row,
    .admin-category-workspace__head,
    .admin-category-section,
    .admin-category-field-row,
    .admin-danger-form,
    .admin-empty-state,
    .admin-checkbox {
        border-color: var(--admin-line);
        color: var(--admin-ink);
        background: rgba(21, 27, 36, 0.94);
        box-shadow:
            0 18px 42px rgba(0, 0, 0, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .admin-tabs a:not(.is-active),
    .admin-icon-button,
    .admin-search label,
    .admin-search > a,
    .admin-form-grid input,
    .admin-form-grid select,
    .admin-form-grid textarea,
    .admin-settings-form input,
    .admin-settings-form textarea,
    .admin-category-create__form input,
    .admin-category-create__form textarea,
    .admin-category-nav__item,
    .admin-subcategory-form input[type="text"],
    .admin-icon-picker__option,
    .admin-icon-picker__glyph,
    .admin-category-kpis span,
    .admin-category-field-row__badges span {
        border-color: var(--admin-line);
        color: var(--admin-ink);
        background: rgba(29, 37, 48, 0.92);
    }

    .admin-tabs a:not(.is-active),
    .admin-user-chip,
    .admin-icon-picker__option {
        color: var(--admin-muted);
    }

    .admin-button--subtle {
        color: var(--admin-ink);
        border-color: var(--admin-line);
        background: rgba(29, 37, 48, 0.92);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .admin-form-grid input::placeholder,
    .admin-form-grid textarea::placeholder,
    .admin-settings-form input::placeholder,
    .admin-settings-form textarea::placeholder,
    .admin-search input::placeholder,
    .admin-category-create__form input::placeholder,
    .admin-category-create__form textarea::placeholder,
    .admin-subcategory-form input[type="text"]::placeholder {
        color: rgba(171, 180, 194, 0.74);
    }

    .admin-listing-card__media,
    .admin-listing-card__media span,
    .admin-store-card__media,
    .admin-store-card__media > span,
    .admin-user-card__avatar,
    .admin-status.is-muted {
        color: var(--admin-muted);
        background: rgba(29, 37, 48, 0.92);
    }

    .admin-status.is-live {
        color: #8ad1bc;
        background: rgba(138, 209, 188, 0.12);
    }

    .admin-status.is-danger,
    .admin-button--danger {
        color: #ffb4ab;
        background: rgba(255, 180, 171, 0.1);
    }

    .admin-button--danger {
        border-color: rgba(255, 180, 171, 0.24);
    }

    .filter-sheet,
    .filter-sheet__header,
    .filter-sheet__footer,
    .location-search-screen,
    .store-category-sheet__panel {
        color: var(--ink);
        background: #090d13;
    }

    .search-form__advanced--floating {
        background: rgba(5, 8, 12, 0.64);
    }

    .filter-sheet,
    .store-category-sheet__panel,
    .location-search-screen__panel {
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.42), transparent 30%),
            linear-gradient(180deg, #090d13 0%, #0f141c 38%, #161c25 100%);
    }

    .filter-sheet__header,
    .filter-sheet__footer {
        background: rgba(15, 20, 28, 0.94);
        border-color: rgba(126, 135, 150, 0.16);
    }

    .filter-city-autocomplete .auth-city__check {
        color: #171b22;
        background: rgba(190, 199, 212, 0.92);
        box-shadow: none;
    }

    .message-actions-menu__item,
    .message-card__title,
    .location-search-screen__copy strong,
    .location-search-screen__empty strong,
    .store-category-sheet__header h2 {
        color: var(--ink);
    }

    .message-actions-menu__item:hover,
    .message-actions-menu__item:focus-visible,
    .location-search-screen__option.is-active {
        background: rgba(36, 45, 58, 0.94);
    }

    .message-actions-menu__item svg,
    .message-actions-menu__item--cancel,
    .message-search__icon,
    .message-icon-button,
    .store-category-sheet__header span,
    .location-search-screen__copy span,
    .location-search-screen__option-mark,
    .topbar-pill__display,
    .topbar-pill input,
    .topbar-pill select {
        color: var(--muted);
    }

    .page-main--messages,
    .page-main--my-listings,
    .page-main--stores {
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.46), transparent 28%),
            linear-gradient(180deg, rgba(15, 20, 28, 0.82), rgba(9, 13, 19, 0) 360px);
    }

    body:has(.page-main--my-listings) {
        background: #090d13;
    }

    body:has(.page-main--my-listings) .site-legal {
        border-top-color: rgba(126, 135, 150, 0.14);
        background: #090d13;
    }

    .my-listings-header h1,
    .my-listings-empty h2 {
        color: var(--ink);
    }

    .my-listings-empty {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--ink);
        background:
            linear-gradient(180deg, rgba(21, 27, 36, 0.98), rgba(17, 22, 29, 0.96)),
            #11161d;
        box-shadow:
            0 22px 54px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .my-listings-empty p {
        color: var(--muted);
    }

    .my-listings-action-bar a {
        border-color: rgba(190, 199, 212, 0.18);
        color: #f3f5f8;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 46%),
            linear-gradient(180deg, #25303c 0%, #151b24 100%);
        box-shadow:
            0 24px 54px rgba(0, 0, 0, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .my-listings-action-bar a:hover {
        box-shadow:
            0 28px 64px rgba(0, 0, 0, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .page-main--listing-detail {
        padding-top: 0;
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.44), transparent 28%),
            linear-gradient(180deg, rgba(15, 20, 28, 0.82), rgba(9, 13, 19, 0) 360px);
    }

    .listing-detail {
        padding: 8px 0 34px;
    }

    .listing-detail__grid {
        gap: 10px;
    }

    .listing-detail__media-card,
    .detail-card {
        border-color: rgba(126, 135, 150, 0.18);
        background: rgba(16, 21, 28, 0.96);
        box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26);
    }

    .listing-detail .detail-card {
        color: var(--ink);
    }

    .listing-detail .listing-gallery__main,
    .listing-detail .listing-gallery__open,
    .listing-detail .listing-gallery__placeholder,
    .listing-lightbox__image {
        background: #11161d;
    }

    .listing-detail .listing-gallery__dots {
        border-color: rgba(255, 255, 255, 0.12);
        background: rgba(0, 0, 0, 0.22);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26);
    }

    .listing-detail .listing-gallery__dot {
        background: rgba(255, 255, 255, 0.46);
    }

    .listing-detail .listing-gallery__dot.is-active {
        background: #ffffff;
    }

    .listing-detail .detail-card--summary h1,
    .listing-detail .detail-price,
    .detail-stats strong,
    .detail-contact-list strong,
    .detail-section-heading h2,
    .detail-seller__person strong,
    .detail-seller__footer,
    .detail-specs__row strong,
    .detail-specs-sheet__row strong,
    .detail-specs-sheet__header strong,
    .detail-seller__reviews-head strong,
    .rating-review__author strong {
        color: var(--ink);
    }

    .listing-detail .detail-copy,
    .detail-description .detail-copy,
    .detail-stats span,
    .detail-contact-list span,
    .detail-section-heading span,
    .detail-seller__person span,
    .detail-seller__bio,
    .detail-seller__footer svg,
    .detail-seller__reviews-head span,
    .detail-specs__row,
    .detail-specs-sheet__row,
    .detail-specs__row span,
    .detail-specs-sheet__row span,
    .detail-related__empty,
    .rating-review p,
    .rating-review__author span,
    .rating-review__meta,
    .rating-form__actions p,
    .rating-form__field span {
        color: var(--muted);
    }

    .detail-badges span {
        color: rgba(243, 245, 248, 0.72);
        border: 1px solid rgba(126, 135, 150, 0.14);
        background: #242d3a;
    }

    .page-main--listing-detail .status-pill {
        color: var(--ink);
        border: 1px solid rgba(126, 135, 150, 0.16);
        background: #1d2530;
    }

    .page-main--listing-detail .status-pill--muted {
        color: var(--muted);
        background: rgba(29, 37, 48, 0.94);
    }

    .detail-heart-button {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--ink);
        background: #151b24;
        box-shadow: none;
    }

    .detail-heart-button.is-active,
    .detail-heart-button.is-active:hover,
    .detail-heart-button.is-active:active {
        color: #ff8c88;
        background: #151b24;
        border-color: rgba(255, 140, 136, 0.22);
    }

    .detail-stats div,
    .detail-contact-list a,
    .detail-contact-list div {
        border-color: rgba(126, 135, 150, 0.14);
        background: #242d3a;
    }

    .listing-detail .detail-action--message {
        color: #f3f5f8;
        background: #25303c;
        border-color: #25303c;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    }

    .listing-detail .detail-action--message:hover {
        background: #2b3846;
        border-color: #2b3846;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);
    }

    .listing-detail .detail-action--phone {
        color: #f2fff6;
        background: #2f8f59;
        border-color: #2f8f59;
        box-shadow: 0 12px 28px rgba(16, 58, 39, 0.26);
    }

    .listing-detail .detail-action--phone:hover {
        background: #3b9b64;
        border-color: #3b9b64;
        box-shadow: 0 14px 30px rgba(16, 58, 39, 0.3);
    }

    .listing-detail .detail-action--primary {
        color: var(--ink);
        background: #1d2530;
        border-color: rgba(126, 135, 150, 0.18);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    }

    .listing-detail .detail-action--primary:hover {
        background: #242d3a;
        border-color: rgba(190, 199, 212, 0.16);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
    }

    .detail-specs__row + .detail-specs__row,
    .detail-specs-sheet__row + .detail-specs-sheet__row,
    .detail-seller__footer,
    .messages-screen .chat-header,
    .messages-screen .chat-form {
        border-color: rgba(126, 135, 150, 0.14);
    }

    .detail-specs__open {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--ink);
        background: rgba(29, 37, 48, 0.94);
    }

    .detail-specs__open:hover {
        background: #242d3a;
        border-color: rgba(190, 199, 212, 0.18);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    }

    .detail-specs__open:focus-visible,
    .detail-specs-sheet__close:focus-visible {
        box-shadow: 0 0 0 4px rgba(190, 199, 212, 0.08);
    }

    .detail-specs-sheet {
        background: rgba(0, 0, 0, 0.62);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .detail-specs-sheet__panel {
        background: #151b24;
        box-shadow: 0 -22px 52px rgba(0, 0, 0, 0.34);
    }

    .detail-specs-sheet__handle {
        background: rgba(171, 180, 194, 0.22);
    }

    .detail-specs-sheet__close {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--ink);
        background: #1d2530;
    }

    .detail-specs-sheet__close:hover {
        background: #242d3a;
        border-color: rgba(190, 199, 212, 0.16);
    }

    .detail-seller__avatar {
        color: var(--ink);
        background: #242d3a;
    }

    .detail-contact-list a:hover {
        background: #2b3441;
    }

    .detail-seller[data-card-href]:focus-visible {
        border-color: rgba(190, 199, 212, 0.18);
        box-shadow:
            0 0 0 4px rgba(190, 199, 212, 0.08),
            0 24px 60px rgba(0, 0, 0, 0.22);
    }

    .detail-seller[data-card-href]:hover {
        border-color: rgba(190, 199, 212, 0.14);
        box-shadow: 0 28px 62px rgba(0, 0, 0, 0.24);
    }

    .detail-seller__rating,
    .rating-review,
    .rating-form,
    .rating-form--notice {
        border-color: rgba(126, 135, 150, 0.16);
        background: #242d3a;
    }

    .detail-seller__rating strong,
    .rating-review--empty strong {
        color: var(--ink);
    }

    .detail-seller__rating--toggle.is-open {
        background: #1d2530;
    }

    .detail-seller__rating span,
    .detail-seller__rating-icon,
    .rating-review small,
    .rating-review__meta,
    .rating-form--notice p {
        color: var(--muted);
    }

    .rating-form__star-option span,
    .rating-form__field textarea {
        border-color: rgba(126, 135, 150, 0.16);
        color: var(--ink);
        background: #1d2530;
    }

    .listing-detail .rating-stars__star {
        color: rgba(243, 245, 248, 0.18);
    }

    .listing-detail .rating-stars__star.is-active {
        color: #f2a100;
    }

    .seller-store__hero,
    .seller-store__listings,
    .seller-store__sections,
    .seller-store__footer-row,
    .seller-store__reviews {
        border-color: rgba(126, 135, 150, 0.16);
        box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
    }

    .seller-store__hero {
        background:
            radial-gradient(circle at top left, rgba(36, 45, 58, 0.56), transparent 34%),
            radial-gradient(circle at top right, rgba(24, 92, 73, 0.22), transparent 28%),
            linear-gradient(180deg, rgba(16, 21, 28, 0.98), rgba(21, 27, 36, 0.96));
    }

    .seller-store__hero::before {
        background: linear-gradient(125deg, rgba(255, 255, 255, 0.06), transparent 44%);
    }

    .seller-store__hero::after {
        background: radial-gradient(circle, rgba(190, 199, 212, 0.12), transparent 70%);
    }

    .seller-store__summary h1,
    .seller-store__top-stat strong,
    .seller-store__review-author strong,
    .seller-store__review p,
    .seller-store__rating strong,
    .seller-store__sections a,
    .seller-store__heading-note span {
        color: var(--ink);
    }

    .seller-store__top-stat span,
    .seller-store__meta-line,
    .seller-store__lead,
    .seller-store__review-author span {
        color: var(--muted);
    }

    .seller-store__rating-box .seller-store__rating,
    .seller-store__reviews,
    .seller-store__heading-note span {
        border-color: rgba(126, 135, 150, 0.16);
        background: rgba(29, 37, 48, 0.9);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 14px 30px rgba(0, 0, 0, 0.16);
    }

    .seller-store__lead {
        color: rgba(243, 245, 248, 0.84);
    }

    .seller-store__review {
        border-top-color: rgba(126, 135, 150, 0.14);
    }

    .seller-store__review-avatar {
        background: #242d3a;
        color: var(--ink);
    }

    .seller-store__review-list::-webkit-scrollbar-thumb {
        background: rgba(190, 199, 212, 0.2);
    }

    .seller-store__action-button {
        border-color: rgba(126, 135, 150, 0.16);
        color: var(--ink);
        background: rgba(29, 37, 48, 0.92);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 12px 28px rgba(0, 0, 0, 0.18);
    }

    .seller-store__action-button--primary {
        color: #171b22;
        background: linear-gradient(180deg, #cad2de 0%, #bec7d4 100%);
        border-color: rgba(202, 210, 222, 0.32);
    }

    .seller-store__action-button.is-active {
        color: var(--ink);
        background: rgba(36, 45, 58, 0.98);
        border-color: rgba(190, 199, 212, 0.18);
    }

    .seller-store__action-button--disabled,
    .seller-store__action-button--disabled:hover {
        color: rgba(171, 180, 194, 0.6);
        background: rgba(29, 37, 48, 0.72);
        border-color: rgba(126, 135, 150, 0.12);
    }

    .seller-store__sections {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    .seller-store__sections a {
        border-color: rgba(126, 135, 150, 0.16);
        background: transparent;
        box-shadow: none;
    }

    .seller-store__sections a.is-active {
        border-color: rgba(190, 199, 212, 0.18);
        color: var(--ink);
        background: transparent;
        box-shadow: none;
    }

    .rating-form__star-option input:checked + span,
    .rating-form__star-option input:focus-visible + span {
        border-color: rgba(190, 199, 212, 0.24);
        background: #242d3a;
        box-shadow: 0 0 0 3px rgba(190, 199, 212, 0.08);
    }

    .messages-inbox.messages-inbox--empty {
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
            linear-gradient(180deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
            linear-gradient(135deg, #11161d 0%, #151b24 54%, #1b232e 100%);
        background-size: 70px 70px, 70px 70px, auto;
        box-shadow:
            0 30px 70px rgba(0, 0, 0, 0.32),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .messages-inbox--empty::before {
        background:
            linear-gradient(112deg, rgba(255, 255, 255, 0.08) 0%, transparent 42%, rgba(190, 199, 212, 0.06) 100%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 48%);
    }

    .messages-inbox--empty::after {
        background: linear-gradient(90deg, transparent, rgba(190, 199, 212, 0.18), transparent);
    }

    .messages-screen .chat-header,
    .messages-screen .chat-form {
        border-color: rgba(126, 135, 150, 0.14);
    }

    .messages-screen .chat-bubble {
        color: var(--ink);
        background: rgba(27, 35, 46, 0.96);
        border-color: rgba(126, 135, 150, 0.16);
    }

    .messages-screen .chat-bubble.is-own {
        color: #171b22;
        background: linear-gradient(180deg, #cad2de 0%, #bec7d4 100%);
        border-color: rgba(190, 199, 212, 0.22);
    }

    .messages-screen .chat-form textarea,
    .message-card.is-unread {
        background: rgba(29, 37, 48, 0.96);
        border-color: rgba(126, 135, 150, 0.16);
    }

    .my-listings-tabs,
    .store-category-sheet__close,
    .location-search-screen__empty {
        border-color: rgba(126, 135, 150, 0.16);
        background:
            linear-gradient(180deg, rgba(29, 37, 48, 0.92), rgba(21, 27, 36, 0.88)),
            rgba(21, 27, 36, 0.92);
        box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .my-listing-card__placeholder span {
        background: rgba(190, 199, 212, 0.16);
    }

    .my-listing-card__status {
        color: var(--ink);
        background: rgba(138, 209, 188, 0.12);
        border-color: rgba(138, 209, 188, 0.14);
    }

    .my-listing-card__meta span + span::before {
        color: rgba(171, 180, 194, 0.24);
    }

    .store-card__avatar > span {
        color: #c4cbd9;
    }

    .store-category-sheet__scrim,
    .location-search-screen {
        background: rgba(5, 8, 12, 0.64);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .mobile-dock {
        border-color: rgba(126, 135, 150, 0.18);
        color: var(--ink);
        background:
            linear-gradient(180deg, rgba(29, 37, 48, 0.96) 0%, rgba(21, 27, 36, 0.95) 52%, rgba(17, 22, 29, 0.94) 100%);
        box-shadow:
            0 34px 80px rgba(0, 0, 0, 0.34),
            0 10px 28px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.1),
            inset 0 -1px 0 rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(36px) saturate(1.3) brightness(0.92);
        -webkit-backdrop-filter: blur(36px) saturate(1.3) brightness(0.92);
    }

    .mobile-dock::before {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02) 46%, rgba(255, 255, 255, 0.04)),
            linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 16%, transparent 84%, rgba(255, 255, 255, 0.08));
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.05),
            inset 0 -18px 28px rgba(0, 0, 0, 0.18);
    }

    .mobile-dock::after {
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.12),
            inset 0 -1px 0 rgba(0, 0, 0, 0.22);
    }

    .dock-item {
        color: rgba(243, 245, 248, 0.82);
        text-shadow: none;
    }

    .dock-item::before {
        border-color: rgba(255, 255, 255, 0.08);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
            linear-gradient(105deg, rgba(255, 255, 255, 0.08), transparent 34%, rgba(255, 255, 255, 0.04));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 10px 22px rgba(0, 0, 0, 0.14);
    }

    .dock-item::after {
        background: rgba(190, 199, 212, 0.1);
    }

    .dock-item svg {
        filter: none;
    }

    .dock-item:hover,
    .dock-item.is-active {
        color: var(--ink);
    }

    .dock-item.is-active::before {
        border-color: rgba(255, 255, 255, 0.12);
        background:
            linear-gradient(180deg, rgba(36, 45, 58, 0.98), rgba(27, 35, 46, 0.98)),
            linear-gradient(112deg, rgba(255, 255, 255, 0.08), transparent 30%, rgba(255, 255, 255, 0.04) 78%);
        box-shadow:
            0 15px 32px rgba(0, 0, 0, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(22px) saturate(1.3) brightness(0.98);
        -webkit-backdrop-filter: blur(22px) saturate(1.3) brightness(0.98);
    }

    .dock-item.is-active::after {
        background: rgba(190, 199, 212, 0.16);
    }

    .home-categories .category-card,
    .home-categories .subcategory-card {
        border-color: rgba(255, 255, 255, 0.05);
        background: linear-gradient(180deg, #242d3a 0%, #242d3a 100%);
        box-shadow: none;
    }

    .home-categories .category-card::before,
    .home-categories .subcategory-card::before {
        width: 90px;
        height: 90px;
        right: -10px;
        top: -18px;
        bottom: auto;
        background: radial-gradient(
            circle,
            rgba(255, 255, 255, 0.04) 0%,
            rgba(255, 255, 255, 0.015) 44%,
            rgba(255, 255, 255, 0) 74%
        );
    }

    .home-categories .category-card::after,
    .home-categories .subcategory-card::after {
        right: -24px;
        bottom: -26px;
        left: auto;
        top: auto;
        width: 104px;
        height: 104px;
        border-radius: 999px;
        background: radial-gradient(
            circle,
            rgba(var(--category-accent-rgb), 0.09) 0%,
            rgba(var(--category-accent-rgb), 0.03) 46%,
            rgba(var(--category-accent-rgb), 0) 78%
        );
    }

    .home-categories .category-card__label,
    .home-categories .subcategory-card__label,
    .home-status-card__name {
        color: #f7f7f7;
    }

    .home-categories .subcategory-card__meta {
        color: rgba(255, 255, 255, 0.72);
    }

    .home-categories .category-card:hover,
    .home-categories .category-card:focus-visible,
    .home-categories .subcategory-card:hover,
    .home-categories .subcategory-card:focus-visible {
        box-shadow: none;
    }

    .home-categories .category-card.is-active,
    .home-categories .subcategory-card.is-active {
        border-color: rgba(var(--category-accent-rgb), 0.32);
        box-shadow: 0 0 0 1px rgba(var(--category-accent-rgb), 0.12);
    }

    .home-categories .category-card--artwork,
    .home-categories .subcategory-card--artwork {
        border-color: rgba(255, 255, 255, 0.05);
        background: #242d3a;
    }

    .home-categories .category-card--artwork .category-card__media-frame,
    .home-categories .subcategory-card--artwork .subcategory-card__media-frame {
        overflow: hidden;
        border: 0;
        border-radius: inherit;
    }

    .home-categories .category-card--artwork .category-card__label,
    .home-categories .subcategory-card--artwork .subcategory-card__label {
        color: var(--category-text-dark, var(--category-text-light, #ffffff));
    }

    .home-categories .subcategory-card--back {
        background: linear-gradient(180deg, #242d3a 0%, #242d3a 100%);
    }

    .home-status-card.is-viewed .home-status-card__ring {
        background: linear-gradient(145deg, #242d3a 0%, #1b232e 100%);
    }

    .home-status-card__ring--add {
        background: linear-gradient(145deg, rgba(190, 199, 212, 0.18) 0%, rgba(138, 209, 188, 0.22) 100%);
    }

    .home-status-card__avatar {
        border-color: var(--app-surface);
        background: #242d3a;
        color: var(--ink);
    }

    .home-status-card__avatar--plus {
        color: #171b22;
        background: #bec7d4;
    }

    .home-statuses__hint {
        background: rgba(21, 27, 36, 0.94);
    }

    .home-statuses__hint strong,
    .home-status-publisher__title,
    .home-status-publisher__label,
    .home-status-publisher__balance,
    .home-status-publisher__price,
    .home-status-publisher__meta strong {
        color: var(--ink);
    }

    .home-status-publisher__dialog,
    .home-status-publisher__sheet {
        color: var(--ink);
    }
}

@media (max-width: 620px) and (prefers-color-scheme: dark) {
    body:has(.page-main--listing-form),
    .page-main--listing-form {
        background: #000000;
    }

    .listing-form-screen .listing-form-header,
    .listing-form-header {
        background: rgba(0, 0, 0, 0.78);
    }

    .listing-form-screen .listing-category-choice,
    .listing-category-choice,
    .listing-form-screen .listing-form-card,
    .listing-form-card,
    .listing-switch {
        color: #f3f5f8;
        background: rgba(28, 28, 30, 0.98);
        border-color: transparent;
        box-shadow: none;
    }

    .listing-form-screen .listing-form-title h1,
    .listing-form-header--plain .listing-form-title h1,
    .listing-form-screen .listing-form-card__head h2,
    .listing-form-card__head h2,
    .listing-form-screen .listing-category-choice strong,
    .listing-category-choice strong,
    .listing-upload__title,
    .listing-switch__text strong,
    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value {
        color: #f3f5f8;
    }

    .listing-form-screen .listing-form-title span,
    .listing-form-screen .listing-category-choice p,
    .listing-category-choice p,
    .listing-form-screen .listing-form-card__head p,
    .listing-form-card__head p,
    .listing-field > span,
    .listing-field small,
    .listing-upload small,
    .listing-inline-note,
    .listing-switch__text span {
        color: rgba(235, 235, 245, 0.6);
    }

    .listing-form-wizard-progress {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.7));
    }

    .listing-form-wizard-progress__item {
        background: rgba(84, 84, 88, 0.6);
    }

    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete,
    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit {
        color: #ffffff;
        background: #0a84ff;
        border-color: #0a84ff;
        box-shadow: none;
    }

    .listing-form-back,
    .listing-form-secondary,
    .listing-form-submitbar--wizard .listing-form-secondary {
        color: #0a84ff;
        background: rgba(44, 44, 46, 0.82);
        border-color: rgba(84, 84, 88, 0.62);
        box-shadow: none;
    }

    .listing-field,
    .listing-form-screen .listing-form-card__head,
    .listing-form-card__head {
        border-bottom-color: rgba(84, 84, 88, 0.62);
    }

    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    .listing-field input::placeholder,
    .listing-field textarea::placeholder,
    .listing-field .location-picker__trigger.is-placeholder,
    .listing-field .location-picker__trigger:disabled {
        color: rgba(235, 235, 245, 0.34);
    }

    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-upload-progress,
    .listing-photo-focus,
    .listing-crop-editor,
    .listing-crop-preview,
    .listing-photo-tile,
    .listing-upload-progress__bar {
        background: rgba(118, 118, 128, 0.18);
        border-color: transparent;
        box-shadow: none;
    }

    .listing-upload__icon,
    .listing-upload__hint {
        color: #0a84ff;
        background: rgba(44, 44, 46, 0.82);
        border-color: transparent;
    }

    .listing-car-suggestions,
    .listing-field .auth-city__results {
        color: #f3f5f8;
        background: #1c1c1e;
        border-color: transparent;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
    }

    .listing-car-suggestions__option,
    .listing-car-suggestions__title,
    .listing-upload-progress__top {
        color: #f3f5f8;
    }

    .listing-car-suggestions__meta,
    .listing-car-suggestions__empty,
    .listing-upload-progress__top span {
        color: rgba(235, 235, 245, 0.6);
    }

    .listing-form-submitbar--wizard {
        border-color: rgba(84, 84, 88, 0.5);
        background: rgba(28, 28, 30, 0.78);
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5);
    }

    .listing-form-submitbar--wizard .listing-switch--submit {
        background: rgba(44, 44, 46, 0.72);
    }
}

/* Mobile web palette synced to the Android app Material theme. */
@media (max-width: 820px) {
    :root {
        --bg: #fffefc;
        --bg-soft: #f3f3ef;
        --panel: rgba(255, 255, 255, 0.96);
        --panel-strong: #ffffff;
        --surface-muted: #f3f3ef;
        --ink: #1c2637;
        --muted: #8c919b;
        --line: rgba(140, 145, 155, 0.18);
        --accent: #2f8f59;
        --accent-dark: #2f8f59;
        --accent-soft: rgba(47, 143, 89, 0.14);
        --secondary: #5e6876;
        --secondary-soft: rgba(94, 104, 118, 0.13);
        --danger: #b3261e;
        --app-primary: #1c2637;
        --app-secondary: #5e6876;
        --app-accent: #2f8f59;
        --app-surface: #fffefc;
        --app-surface-strong: #f3f3ef;
        --app-outline: #e2e7ee;
        --app-muted: #8c919b;
        --android-surface-container-low: #fffefc;
        --android-surface-container: #f8f8f4;
        --android-surface-container-high: #f1f1eb;
        --android-surface-container-highest: #eaeae3;
    }

    html {
        color-scheme: light;
    }

    body {
        color: var(--ink);
        background:
            radial-gradient(circle at top left, rgba(220, 226, 234, 0.72), transparent 28%),
            radial-gradient(circle at 88% 12%, rgba(228, 245, 234, 0.82), transparent 24%),
            linear-gradient(180deg, #fffefc 0%, #f8f8f4 52%, #f1f1eb 100%);
    }

    .site-header,
    .catalog-topbar {
        border-color: rgba(140, 145, 155, 0.14);
        background: rgba(255, 254, 252, 0.9);
        box-shadow: 0 12px 28px rgba(28, 38, 55, 0.05);
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form,
    .listing-card,
    .empty-state,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .message-card,
    .my-listing-card,
    .my-listings-empty,
    .store-card,
    .favorites-empty,
    .account-card,
    .account-hero,
    .account-sections__item,
    .account-placeholder-card,
    .account-blocked-user,
    .account-chip,
    .account-sidecard,
    .account-actions,
    .account-verification-hero,
    .account-verification-stat,
    .account-verification-check,
    .account-verification-note,
    .account-verification-item,
    .account-store-panel,
    .account-store-section,
    .account-store-listing,
    .account-store-note,
    .listing-detail__media-card,
    .detail-card,
    .seller-store__hero,
    .seller-store__listings,
    .seller-store__reviews,
    .seller-store__footer-row,
    .home-statuses__hint {
        border-color: rgba(140, 145, 155, 0.18);
        color: var(--ink);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 18px 42px rgba(28, 38, 55, 0.08);
    }

    .search-field,
    .search-field--topbar,
    .icon-button,
    .icon-button--square,
    .button--ghost,
    .button--subtle,
    .pill-input,
    .pill-select,
    .topbar-pill,
    .filter-chip,
    .search-form label.filter-choice span,
    .search-form label.filter-sheet__field,
    .message-search,
    .message-icon-button,
    .message-tab,
    .stores-search__field,
    .store-category-sheet__close,
    .location-search-screen__back,
    .location-search-screen__search,
    .location-search-screen__option,
    .my-listings-search label,
    .my-listings-search__reset,
    .my-listing-card__edit,
    .my-listing-card__open,
    .detail-owner-status__button,
    .detail-owner-status__pending,
    .listing-category-choice,
    .listing-form-card,
    .listing-switch,
    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-photo-tile {
        border-color: rgba(140, 145, 155, 0.18);
        color: var(--ink);
        background: var(--surface-muted);
        box-shadow: none;
    }

    input,
    select,
    textarea {
        color: var(--ink);
        caret-color: var(--ink);
        background: var(--surface-muted);
        border-color: rgba(140, 145, 155, 0.18);
    }

    input::placeholder,
    textarea::placeholder {
        color: rgba(140, 145, 155, 0.72);
        opacity: 1;
    }

    .button,
    .filter-sheet__submit,
    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit,
    .header-shortcut,
    .message-action-submit,
    .store-card__count,
    .store-card__arrow,
    .account-store-listing__submit,
    .account-store-section-form .button,
    .account-actions .button,
    .seller-store__action-button--primary {
        color: #ffffff;
        background: #1c2637;
        border-color: #1c2637;
        box-shadow: 0 14px 28px rgba(28, 38, 55, 0.16);
    }

    .button--subtle,
    .filter-chip.is-active,
    .message-tab.is-active,
    .store-category-option.is-active,
    .search-form label.filter-choice input:checked + span,
    .account-sections__item.is-active,
    .account-topup__option input:checked + span,
    .account-store-day input:checked + span {
        color: var(--ink);
        background: #dce2ea;
        border-color: rgba(28, 38, 55, 0.16);
        box-shadow: none;
    }

    .mobile-dock {
        border-color: rgba(226, 231, 238, 0.86);
        color: var(--ink);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 254, 252, 0.82)),
            rgba(255, 254, 252, 0.82);
        box-shadow:
            0 24px 58px rgba(28, 38, 55, 0.14),
            0 8px 22px rgba(28, 38, 55, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .dock-item {
        color: #5e6876;
        text-shadow: none;
    }

    .dock-item::before {
        border-color: rgba(226, 231, 238, 0.7);
        background: transparent;
        box-shadow: none;
    }

    .dock-item:hover,
    .dock-item.is-active {
        color: #1c2637;
    }

    .dock-item.is-active::before {
        border-color: rgba(28, 38, 55, 0.1);
        background: #ffffff;
        box-shadow: 0 10px 22px rgba(28, 38, 55, 0.08);
    }

    .dock-item__badge,
    .nav-badge,
    .my-listings-tabs sup {
        color: #ffffff;
        background: #2f8f59;
        border-color: rgba(47, 143, 89, 0.22);
        box-shadow: none;
    }

    .site-legal {
        color: var(--muted);
        border-top-color: rgba(140, 145, 155, 0.18);
    }

    .page-main--account {
        --account-ink: #1c2637;
        --account-muted: #8c919b;
        --account-soft: #f8f8f4;
        --account-field: #f3f3ef;
        --account-line: rgba(140, 145, 155, 0.18);
        --account-line-strong: rgba(28, 38, 55, 0.2);
        color: var(--account-ink);
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    :root {
        --bg: #171714;
        --bg-soft: #1d1d1a;
        --panel: rgba(35, 35, 31, 0.96);
        --panel-strong: #23231f;
        --surface-muted: #282822;
        --ink: #f4f4ef;
        --muted: #b7b7ad;
        --line: rgba(106, 106, 96, 0.28);
        --accent: #8ad1bc;
        --accent-dark: #e1e1da;
        --accent-soft: rgba(138, 209, 188, 0.16);
        --secondary: #c9c9bf;
        --secondary-soft: rgba(201, 201, 191, 0.12);
        --danger: #ffb4ab;
        --app-primary: #e1e1da;
        --app-secondary: #c9c9bf;
        --app-accent: #8ad1bc;
        --app-surface: #23231f;
        --app-surface-strong: #282822;
        --app-outline: #33332c;
        --app-muted: #b7b7ad;
        --android-surface-container-lowest: #11110f;
        --android-surface-container-low: #1d1d1a;
        --android-surface-container: #23231f;
        --android-surface-container-high: #252520;
        --android-surface-container-highest: #282822;
    }

    html {
        color-scheme: dark;
    }

    body,
    body:has(.legal-page),
    body:has(.page-main--account),
    body:has(.page-main--favorites),
    body:has(.page-main--my-listings),
    body:has(.page-main--admin),
    body:has(.page-main--listing-form) {
        color: var(--ink);
        background:
            radial-gradient(circle at top left, rgba(43, 43, 37, 0.68), transparent 30%),
            radial-gradient(circle at 88% 12%, rgba(18, 58, 49, 0.28), transparent 24%),
            linear-gradient(180deg, #171714 0%, #1d1d1a 52%, #11110f 100%);
    }

    .page-main--favorites,
    .page-main--messages,
    .page-main--my-listings,
    .page-main--stores,
    .page-main--listing-detail,
    .page-main--account,
    .page-main--admin,
    .page-main--listing-form {
        background:
            radial-gradient(circle at top left, rgba(43, 43, 37, 0.52), transparent 30%),
            linear-gradient(180deg, rgba(37, 37, 32, 0.82), rgba(23, 23, 20, 0) 360px);
    }

    .site-header,
    .catalog-topbar,
    body:has(.legal-page) .site-header,
    body:has(.page-main--account) .site-header,
    body:has(.page-main--favorites) .site-header {
        border-color: rgba(106, 106, 96, 0.24);
        background: rgba(29, 29, 26, 0.88);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form,
    .listing-card,
    .empty-state,
    .site-footer__inner,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .message-card,
    .message-actions-menu__panel,
    .thread-review-prompt__sheet,
    .my-listing-card,
    .my-listings-empty,
    .store-card,
    .store-category-option,
    .home-statuses__hint,
    .favorites-empty,
    .legal-page.account-card,
    .account-card,
    .account-hero,
    .account-sections__item,
    .account-placeholder-card,
    .account-blocked-user,
    .account-chip,
    .account-sidecard,
    .account-actions,
    .account-verification-hero,
    .account-verification-stat,
    .account-verification-check,
    .account-verification-note,
    .account-verification-item,
    .account-store-panel,
    .account-store-section,
    .account-store-listing,
    .account-store-note,
    .listing-detail__media-card,
    .detail-card,
    .seller-store__hero,
    .seller-store__listings,
    .seller-store__reviews,
    .seller-store__footer-row,
    .filter-sheet,
    .store-category-sheet__panel,
    .location-search-screen__panel {
        border-color: rgba(106, 106, 96, 0.28);
        color: var(--ink);
        background: rgba(35, 35, 31, 0.96);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 20px 46px rgba(0, 0, 0, 0.24);
    }

    .search-field,
    .search-field--topbar,
    .icon-button,
    .icon-button--square,
    .button--ghost,
    .button--subtle,
    .pill-input,
    .pill-select,
    .topbar-pill,
    .search-form label.filter-sheet__field,
    .filter-chip,
    .search-form label.filter-choice span,
    .message-search,
    .message-icon-button,
    .message-tab,
    .stores-search__field,
    .store-category-sheet__close,
    .location-search-screen__back,
    .location-search-screen__search,
    .location-search-screen__option,
    .my-listings-search label,
    .my-listings-search__reset,
    .my-listing-card__edit,
    .my-listing-card__open,
    .detail-owner-status__button,
    .detail-owner-status__pending,
    .listing-category-choice,
    .listing-form-card,
    .listing-switch,
    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-upload-progress,
    .listing-photo-focus,
    .listing-crop-editor,
    .listing-crop-preview,
    .listing-photo-tile,
    .account-chip--editable input,
    .account-bio-field textarea,
    .account-topup__custom input,
    .account-store-form input,
    .account-store-form select,
    .account-store-form textarea,
    .account-store-section-form input,
    .account-store-listing select,
    .account-store-form__grid .account-store-time-control {
        border-color: rgba(106, 106, 96, 0.28);
        color: var(--ink);
        background: #282822;
        box-shadow: none;
    }

    input,
    select,
    textarea {
        color: var(--ink);
        caret-color: var(--ink);
        background: #282822;
        border-color: rgba(106, 106, 96, 0.28);
    }

    input::placeholder,
    textarea::placeholder,
    .search-field input::placeholder,
    .search-field--topbar input::placeholder,
    .topbar-pill input::placeholder,
    .message-search input::placeholder,
    .stores-search__field input::placeholder,
    .search-form label.filter-sheet__field input::placeholder,
    .location-search-screen__search input::placeholder,
    .listing-field input::placeholder,
    .listing-field textarea::placeholder {
        color: rgba(183, 183, 173, 0.68);
        opacity: 1;
    }

    .button,
    .filter-sheet__submit,
    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit,
    .header-shortcut,
    .header-avatar,
    .message-action-submit,
    .store-card__count,
    .store-card__arrow,
    .account-store-listing__submit,
    .account-store-section-form .button,
    .account-actions .button,
    .seller-store__action-button--primary {
        color: #171714;
        background: linear-gradient(180deg, #e1e1da 0%, #c9c9bf 100%);
        border-color: rgba(225, 225, 218, 0.32);
        box-shadow:
            0 16px 32px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.28);
    }

    .button--ghost,
    .button--subtle {
        color: var(--ink);
        background: #282822;
        border-color: rgba(106, 106, 96, 0.28);
        box-shadow: none;
    }

    .site-nav a:hover,
    .site-nav a.is-active,
    .filter-chip.is-active,
    .message-tab.is-active,
    .store-category-option.is-active,
    .search-form label.filter-choice input:checked + span,
    .account-sections__item.is-active,
    .account-topup__option input:checked + span,
    .account-store-day input:checked + span,
    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete {
        color: var(--ink);
        background: #2b2b25;
        border-color: rgba(225, 225, 218, 0.18);
        box-shadow: none;
    }

    .header-context__eyebrow,
    .site-legal,
    .site-legal__copy,
    .site-legal__nav a,
    .hero__copy p,
    .section__header p,
    .listing-card__location,
    .listing-card__excerpt,
    .auth-card p,
    .panel p,
    .detail-copy,
    .empty-state p,
    .conversation-item p,
    .stores-search__field span,
    .store-card__city,
    .store-card__latest,
    .store-card__muted,
    .store-card__rating,
    .message-card__date,
    .message-card__city,
    .messages-screen .chat-header p,
    .messages-screen .chat-bubble small,
    .home-status-card__time,
    .home-statuses__hint span,
    .listing-form-screen .listing-form-title span,
    .listing-form-screen .listing-category-choice p,
    .listing-category-choice p,
    .listing-form-screen .listing-form-card__head p,
    .listing-form-card__head p,
    .listing-field > span,
    .listing-field small,
    .listing-upload small,
    .listing-inline-note,
    .listing-switch__text span {
        color: var(--muted);
    }

    .mobile-dock {
        border-color: rgba(106, 106, 96, 0.28);
        color: var(--ink);
        background:
            linear-gradient(180deg, rgba(40, 40, 34, 0.96) 0%, rgba(35, 35, 31, 0.95) 52%, rgba(29, 29, 26, 0.94) 100%);
        box-shadow:
            0 34px 80px rgba(0, 0, 0, 0.34),
            0 10px 28px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .dock-item {
        color: rgba(244, 244, 239, 0.82);
        text-shadow: none;
    }

    .dock-item::before {
        border-color: rgba(106, 106, 96, 0.22);
        background: transparent;
        box-shadow: none;
    }

    .dock-item:hover,
    .dock-item.is-active {
        color: #f4f4ef;
    }

    .dock-item.is-active::before {
        border-color: rgba(225, 225, 218, 0.12);
        background: #2b2b25;
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
    }

    .dock-item__badge,
    .nav-badge,
    .my-listings-tabs sup {
        color: #171714;
        background: #8ad1bc;
        border-color: rgba(138, 209, 188, 0.26);
        box-shadow: none;
    }

    .home-categories .category-card,
    .home-categories .subcategory-card,
    .home-categories .subcategory-card--back {
        border-color: rgba(106, 106, 96, 0.22);
        background: #282822;
    }

    .home-categories .category-card--artwork,
    .home-categories .subcategory-card--artwork,
    .home-status-card__avatar,
    .detail-badges span,
    .detail-stats div,
    .detail-contact-list a,
    .detail-contact-list div,
    .detail-seller__rating,
    .rating-review,
    .rating-form,
    .rating-form--notice {
        border-color: rgba(106, 106, 96, 0.24);
        background: #282822;
    }

    .home-categories .category-card__label,
    .home-categories .subcategory-card__label,
    .home-status-card__name {
        color: var(--ink);
    }

    .home-categories .subcategory-card__meta {
        color: rgba(183, 183, 173, 0.74);
    }

    .filter-sheet,
    .filter-sheet__header,
    .filter-sheet__footer,
    .location-search-screen,
    .store-category-sheet__panel,
    .listing-form-screen .listing-form-header,
    .listing-form-header,
    .listing-form-wizard-progress,
    .listing-form-submitbar--wizard {
        background: rgba(29, 29, 26, 0.94);
        border-color: rgba(106, 106, 96, 0.24);
    }

    .listing-upload__icon,
    .listing-upload__hint,
    .listing-form-back,
    .listing-form-secondary,
    .listing-form-submitbar--wizard .listing-form-secondary {
        color: var(--ink);
        background: #282822;
        border-color: rgba(106, 106, 96, 0.28);
    }

    .page-main--account {
        --account-ink: #f4f4ef;
        --account-muted: #b7b7ad;
        --account-soft: #1d1d1a;
        --account-field: #282822;
        --account-line: rgba(106, 106, 96, 0.28);
        --account-line-strong: rgba(225, 225, 218, 0.18);
        color: var(--account-ink);
    }

    .page-main--admin {
        --admin-ink: #f4f4ef;
        --admin-muted: #b7b7ad;
        --admin-surface: #23231f;
        --admin-surface-strong: #282822;
        --admin-line: rgba(106, 106, 96, 0.28);
        color: var(--admin-ink);
    }
}

/* Android profile screen parity for mobile web. */
@media (max-width: 820px) {
    body:has(.page-main--account-overview) .site-header {
        display: none !important;
    }

    .page-main--account-overview {
        padding-top: calc(env(safe-area-inset-top, 0px) + 0px) !important;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 126px) !important;
        font-family: var(--font-body) !important;
    }

    .page-main--account-overview .section,
    .page-main--account-overview .section--compact {
        padding: 0 !important;
    }

    .account-layout--overview {
        width: min(100% - 32px, 680px) !important;
        gap: 8px !important;
        max-width: 680px !important;
    }

    .account-overview-hero {
        gap: 12px !important;
        padding: 18px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .account-overview-hero__identity {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-width: 0 !important;
    }

    .account-overview-hero__avatar {
        width: 72px !important;
        height: 72px !important;
        flex: 0 0 72px !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        box-shadow: none !important;
    }

    .account-overview-hero__avatar > span {
        font-size: 28px !important;
        font-weight: 700 !important;
    }

    .account-overview-hero__copy {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 6px !important;
    }

    .account-overview-hero__title {
        margin: 0 !important;
        min-width: 0 !important;
    }

    .account-overview-hero__name {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        max-width: 100% !important;
        color: var(--ink) !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
    }

    .account-overview-hero__name__text {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .account-overview-hero__name__badge {
        width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
        color: var(--android-button-success) !important;
    }

    .account-overview-hero__location {
        margin: 0 !important;
        color: var(--android-text-muted) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
    }

    .account-overview-notification {
        position: relative !important;
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: 4px !important;
        border: 0 !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .account-overview-notification svg {
        width: 24px !important;
        height: 24px !important;
    }

    .account-overview-notification__badge {
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
        min-width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 1px 5px !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        background: var(--android-alert-badge) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .account-overview-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .account-overview-metric {
        display: grid !important;
        gap: 8px !important;
        min-width: 0 !important;
        padding: 13px 14px !important;
        border-radius: 18px !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02) !important;
        text-decoration: none !important;
    }

    .account-overview-metric__accent {
        width: 30px !important;
        height: 4px !important;
        border-radius: 999px !important;
    }

    .account-overview-metric__label {
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }

    .account-overview-metric__value {
        min-width: 0 !important;
        color: var(--ink) !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.16 !important;
        letter-spacing: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .account-overview-metric__supporting {
        display: none !important;
    }

    .account-overview-metric--balance {
        border-color: rgba(53, 92, 154, 0.14) !important;
        background: #f3f7fc !important;
    }

    .account-overview-metric--reviews {
        border-color: rgba(154, 78, 114, 0.14) !important;
        background: #faf3f7 !important;
    }

    .account-overview-metric--balance .account-overview-metric__accent {
        background: #355c9a !important;
    }

    .account-overview-metric--balance .account-overview-metric__label {
        color: #355c9a !important;
    }

    .account-overview-metric--reviews .account-overview-metric__accent {
        background: #9a4e72 !important;
    }

    .account-overview-metric--reviews .account-overview-metric__label {
        color: #9a4e72 !important;
    }

    .account-overview-nav {
        display: grid !important;
        gap: 8px !important;
    }

    .account-overview-nav__item {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 74px !important;
        padding: 15px 16px !important;
        border: 0 !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(17, 23, 34, 0.08) !important;
        text-decoration: none !important;
        transform: none !important;
    }

    .account-overview-nav__copy {
        gap: 4px !important;
        min-width: 0 !important;
    }

    .account-overview-nav__title {
        color: var(--ink) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    .account-overview-nav__hint {
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
    }

    .account-overview-nav__arrow {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
        color: var(--android-text-muted) !important;
    }

    .account-overview-nav__item--danger .account-overview-nav__title {
        color: #b3261e !important;
    }

    .account-notification-list,
    .account-subscription-list {
        display: grid !important;
        gap: 8px !important;
    }

    .account-notification-card,
    .account-subscription-card {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 16px !important;
        border: 0 !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(17, 23, 34, 0.08) !important;
        text-decoration: none !important;
    }

    .account-notification-card__icon,
    .account-subscription-card__avatar {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 50% !important;
        color: var(--android-button-primary) !important;
        background: var(--android-card-muted) !important;
    }

    .account-notification-card__icon svg,
    .account-subscription-card__arrow svg {
        width: 22px !important;
        height: 22px !important;
    }

    .account-subscription-card__avatar img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .account-notification-card__copy,
    .account-subscription-card__copy {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: grid !important;
        gap: 6px !important;
    }

    .account-notification-card__head {
        display: flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .account-notification-card strong,
    .account-subscription-card strong {
        color: var(--ink) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    .account-notification-card small,
    .account-notification-card__body,
    .account-subscription-card span span {
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
    }

    .account-subscription-card__arrow {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
        color: var(--android-text-muted) !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    .account-overview-metric--balance,
    .account-overview-metric--reviews {
        border-color: var(--android-border-soft) !important;
        background: var(--android-card-muted) !important;
    }

    .account-overview-metric--balance .account-overview-metric__accent,
    .account-overview-metric--reviews .account-overview-metric__accent {
        background: var(--android-button-primary) !important;
    }

    .account-overview-metric--balance .account-overview-metric__label,
    .account-overview-metric--reviews .account-overview-metric__label {
        color: var(--android-button-primary) !important;
    }

    .account-overview-nav__item,
    .account-notification-card,
    .account-subscription-card {
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    }

    .account-overview-nav__item--danger .account-overview-nav__title {
        color: #ffb4ab !important;
    }
}

/* Exact mobile color sync with Android berkatUiPalette(). Keep this as the final palette layer. */
@media (max-width: 820px) {
    :root {
        --bg: #fffefc;
        --bg-soft: #f3f3ef;
        --panel: rgba(255, 255, 255, 0.96);
        --panel-strong: #ffffff;
        --surface-muted: #f3f3ef;
        --ink: #1c2637;
        --muted: #8c919b;
        --line: rgba(15, 23, 42, 0.09);
        --accent: #2f8f59;
        --accent-dark: #2f8f59;
        --accent-soft: rgba(47, 143, 89, 0.14);
        --secondary: #66707d;
        --secondary-soft: rgba(102, 112, 125, 0.13);
        --danger: #d91f26;
        --app-primary: #1c2637;
        --app-secondary: #66707d;
        --app-accent: #2f8f59;
        --app-surface: #ffffff;
        --app-surface-strong: #ffffff;
        --app-outline: rgba(15, 23, 42, 0.09);
        --app-muted: #8c919b;
        --android-bg-start: #ffffff;
        --android-bg-mid: #fafaf7;
        --android-bg-end: #f2f2ee;
        --android-card: #ffffff;
        --android-card-strong: #ffffff;
        --android-card-glass: rgba(255, 255, 255, 0.96);
        --android-card-muted: #f3f3ef;
        --android-border: rgba(15, 23, 42, 0.09);
        --android-border-soft: rgba(15, 23, 42, 0.063);
        --android-text-muted: #8c919b;
        --android-text-soft: #9da3ab;
        --android-icon-muted: #7b8390;
        --android-image-placeholder: #e9e9e9;
        --android-dock-active-pill: #f4f4ee;
        --android-button-primary: #1c2637;
        --android-button-primary-text: #ffffff;
        --android-button-secondary: #66707d;
        --android-button-secondary-text: #ffffff;
        --android-button-success: #2f8f59;
        --android-button-success-text: #f2fff6;
        --android-alert-badge: #d91f26;
        --shadow-lg: 0 24px 60px rgba(17, 17, 17, 0.08);
        --shadow-md: 0 14px 32px rgba(17, 17, 17, 0.07);
    }

    html {
        color-scheme: light !important;
        background: var(--android-bg-start) !important;
    }

    body,
    body:has(.legal-page),
    body:has(.page-main--account),
    body:has(.page-main--favorites),
    body:has(.page-main--messages),
    body:has(.page-main--my-listings),
    body:has(.page-main--stores),
    body:has(.page-main--listing-detail),
    body:has(.page-main--listing-form),
    body:has(.page-main--admin) {
        color: var(--ink) !important;
        background: linear-gradient(
            180deg,
            var(--android-bg-start) 0%,
            var(--android-bg-mid) 52%,
            var(--android-bg-end) 100%
        ) !important;
    }

    .page-main,
    .page-main--favorites,
    .page-main--messages,
    .page-main--my-listings,
    .page-main--stores,
    .page-main--listing-detail,
    .page-main--account,
    .page-main--listing-form,
    .page-main--admin {
        background: transparent !important;
        color: var(--ink) !important;
    }

    .site-header,
    .catalog-topbar,
    body:has(.legal-page) .site-header,
    body:has(.page-main--account) .site-header,
    body:has(.page-main--favorites) .site-header,
    body:has(.page-main--listing-detail) .site-header,
    body:has(.page-main--stores) .site-header,
    body:has(.page-main--messages) .site-header,
    body:has(.page-main--my-listings) .site-header,
    body:has(.page-main--admin) .site-header {
        border-color: var(--android-border-soft) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 12px 28px rgba(17, 23, 34, 0.04) !important;
    }

    .hero__copy,
    .hero__panel,
    .panel,
    .auth-card,
    .search-form,
    .listing-card,
    .empty-state,
    .site-footer__inner,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .message-card,
    .message-actions-menu__panel,
    .thread-review-prompt__sheet,
    .my-listing-card,
    .my-listings-empty,
    .store-card,
    .store-category-option,
    .home-statuses__hint,
    .favorites-empty,
    .legal-page.account-card,
    .account-card,
    .account-hero,
    .account-sections__item,
    .account-placeholder-card,
    .account-blocked-user,
    .account-chip,
    .account-sidecard,
    .account-actions,
    .account-verification-hero,
    .account-verification-stat,
    .account-verification-check,
    .account-verification-note,
    .account-verification-item,
    .account-store-panel,
    .account-store-section,
    .account-store-listing,
    .account-store-note,
    .listing-detail__media-card,
    .detail-card,
    .seller-store__hero,
    .seller-store__listings,
    .seller-store__reviews,
    .seller-store__sections,
    .seller-store__footer-row,
    .filter-sheet,
    .store-category-sheet__panel,
    .location-search-screen__panel,
    .compose-card,
    .listing-form-card {
        border-color: var(--android-border) !important;
        color: var(--ink) !important;
        background: var(--android-card-glass) !important;
        box-shadow: 0 18px 42px rgba(17, 23, 34, 0.06) !important;
    }

    .search-field,
    .search-field--topbar,
    .stores-search__field,
    .message-search,
    .my-listings-search label,
    .location-search-screen__search,
    .icon-button,
    .icon-button--square,
    .button--ghost,
    .button--subtle,
    .pill-input,
    .pill-select,
    .topbar-pill,
    .search-form label.filter-sheet__field,
    .filter-chip,
    .search-form label.filter-choice span,
    .message-icon-button,
    .message-tab,
    .store-category-sheet__close,
    .location-search-screen__back,
    .location-search-screen__option,
    .my-listings-search__reset,
    .my-listing-card__edit,
    .my-listing-card__open,
    .detail-owner-status__button,
    .detail-owner-status__pending,
    .listing-category-choice,
    .listing-switch,
    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-upload-progress,
    .listing-photo-focus,
    .listing-crop-editor,
    .listing-crop-preview,
    .listing-photo-tile,
    .account-chip--editable input,
    .account-bio-field textarea,
    .account-topup__custom input,
    .account-store-form input,
    .account-store-form select,
    .account-store-form textarea,
    .account-store-section-form input,
    .account-store-listing select,
    .account-store-form__grid .account-store-time-control,
    .rating-form__star-option span,
    .rating-form__field textarea,
    .detail-specs__open,
    .detail-specs-sheet__close,
    .detail-badges span,
    .detail-stats div,
    .detail-contact-list a,
    .detail-contact-list div,
    .detail-seller__rating,
    .rating-review,
    .rating-form,
    .rating-form--notice {
        border-color: var(--android-border-soft) !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    input,
    select,
    textarea {
        color: var(--ink) !important;
        caret-color: var(--android-button-primary) !important;
        background: var(--android-card-muted) !important;
        border-color: var(--android-border-soft) !important;
        box-shadow: none !important;
    }

    .search-field input,
    .search-field--topbar input,
    .stores-search__field input,
    .message-search input,
    .my-listings-search input,
    .location-search-screen__search input,
    .pill-input input,
    .pill-select select,
    .topbar-pill input,
    .topbar-pill select,
    .search-form label.filter-sheet__field input,
    .search-form label.filter-sheet__field select,
    .search-form label.filter-sheet__field .location-picker__trigger {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    input::placeholder,
    textarea::placeholder,
    .search-field input::placeholder,
    .search-field--topbar input::placeholder,
    .stores-search__field input::placeholder,
    .message-search input::placeholder,
    .my-listings-search input::placeholder,
    .location-search-screen__search input::placeholder,
    .listing-field input::placeholder,
    .listing-field textarea::placeholder {
        color: var(--android-text-soft) !important;
        opacity: 1 !important;
    }

    .button,
    .filter-sheet__submit,
    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit,
    .header-shortcut,
    .message-action-submit,
    .account-store-listing__submit,
    .account-store-section-form .button,
    .account-actions .button,
    .seller-store__action-button--primary {
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        border-color: var(--android-button-primary) !important;
        box-shadow: none !important;
    }

    .detail-action--phone,
    .seller-store__action-button.is-active,
    .stores-search__filter.is-active {
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
        border-color: var(--android-button-success) !important;
    }

    .filter-chip.is-active,
    .message-tab.is-active,
    .store-category-option.is-active,
    .search-form label.filter-choice input:checked + span,
    .account-sections__item.is-active,
    .account-topup__option input:checked + span,
    .account-store-day input:checked + span,
    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete,
    .my-listings-tabs a.is-active {
        color: var(--ink) !important;
        background: #dce2ea !important;
        border-color: rgba(28, 38, 55, 0.16) !important;
        box-shadow: none !important;
    }

    .mobile-dock {
        border-color: var(--android-border-soft) !important;
        color: var(--ink) !important;
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(250, 250, 247, 0.96) 52%,
            rgba(241, 241, 236, 0.98) 100%
        ) !important;
        box-shadow: 0 24px 58px rgba(17, 23, 34, 0.12) !important;
    }

    .dock-item {
        color: var(--android-icon-muted) !important;
        text-shadow: none !important;
    }

    .dock-item::before {
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .dock-item:hover,
    .dock-item.is-active {
        color: var(--ink) !important;
    }

    .dock-item.is-active::before {
        border-color: var(--android-border-soft) !important;
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(245, 245, 240, 0.98) 52%,
            rgba(237, 237, 231, 0.98) 100%
        ) !important;
        box-shadow: none !important;
    }

    .dock-item__badge,
    .nav-badge,
    .my-listings-tabs sup,
    .message-card__unread,
    .notification-badge,
    .header-notification__badge,
    .profile-notification__badge,
    [class*="badge"][class*="unread"],
    [class*="indicator"][class*="unread"] {
        color: #ffffff !important;
        background: var(--android-alert-badge) !important;
        border-color: var(--android-alert-badge) !important;
        box-shadow: none !important;
    }

    .header-context__eyebrow,
    .site-legal,
    .site-legal__copy,
    .site-legal__nav a,
    .hero__copy p,
    .section__header p,
    .listing-card__location,
    .listing-card__excerpt,
    .auth-card p,
    .panel p,
    .detail-copy,
    .empty-state p,
    .conversation-item p,
    .stores-search__field span,
    .store-card__city,
    .store-card__latest,
    .store-card__muted,
    .store-card__rating,
    .message-card__date,
    .message-card__city,
    .messages-screen .chat-header p,
    .messages-screen .chat-bubble small,
    .home-status-card__time,
    .home-statuses__hint span,
    .listing-form-screen .listing-form-title span,
    .listing-form-screen .listing-category-choice p,
    .listing-category-choice p,
    .listing-form-screen .listing-form-card__head p,
    .listing-form-card__head p,
    .listing-field > span,
    .listing-field small,
    .listing-upload small,
    .listing-inline-note,
    .listing-switch__text span {
        color: var(--android-text-muted) !important;
    }

    .listing-card__placeholder,
    .listing-gallery__placeholder,
    .listing-gallery__main,
    .my-listing-card__media,
    .store-card__avatar,
    .detail-seller__avatar,
    .message-card__avatar,
    .account-hero__avatar,
    .account-blocked-user__avatar,
    .home-status-card__preview {
        color: var(--android-icon-muted) !important;
        background: var(--android-image-placeholder) !important;
        border-color: var(--android-border-soft) !important;
    }

    .page-main--account {
        --account-ink: #1c2637;
        --account-muted: #8c919b;
        --account-soft: #f8f8f4;
        --account-field: #f3f3ef;
        --account-line: rgba(15, 23, 42, 0.09);
        --account-line-strong: rgba(28, 38, 55, 0.16);
        color: var(--account-ink) !important;
    }

    .page-main--admin {
        --admin-ink: #1c2637;
        --admin-muted: #8c919b;
        --admin-surface: #ffffff;
        --admin-surface-strong: #f3f3ef;
        --admin-line: rgba(15, 23, 42, 0.09);
        color: var(--admin-ink) !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    :root {
        --bg: #171714;
        --bg-soft: #1d1d1a;
        --panel: rgba(35, 35, 31, 0.94);
        --panel-strong: #252520;
        --surface-muted: #282822;
        --ink: #f4f4ef;
        --muted: #b7b7ad;
        --line: rgba(106, 106, 96, 0.22);
        --accent: #8ad1bc;
        --accent-dark: #e1e1da;
        --accent-soft: rgba(138, 209, 188, 0.16);
        --secondary: #c9c9bf;
        --secondary-soft: rgba(201, 201, 191, 0.12);
        --danger: #d91f26;
        --app-primary: #e1e1da;
        --app-secondary: #c9c9bf;
        --app-accent: #8ad1bc;
        --app-surface: #23231f;
        --app-surface-strong: #252520;
        --app-outline: rgba(106, 106, 96, 0.22);
        --app-muted: #b7b7ad;
        --android-bg-start: #171714;
        --android-bg-mid: #1a1a17;
        --android-bg-end: #1d1d1a;
        --android-card: #23231f;
        --android-card-strong: #252520;
        --android-card-glass: rgba(35, 35, 31, 0.94);
        --android-card-muted: #282822;
        --android-border: rgba(106, 106, 96, 0.22);
        --android-border-soft: rgba(93, 93, 85, 0.14);
        --android-text-muted: #b7b7ad;
        --android-text-soft: rgba(169, 169, 159, 0.82);
        --android-icon-muted: rgba(183, 183, 173, 0.9);
        --android-image-placeholder: #282822;
        --android-dock-active-pill: rgba(43, 43, 37, 0.95);
        --android-button-primary: #e1e1da;
        --android-button-primary-text: #171714;
        --android-button-secondary: #c9c9bf;
        --android-button-secondary-text: #171714;
        --android-button-success: #2f8f59;
        --android-button-success-text: #f2fff6;
        --android-alert-badge: #d91f26;
        --shadow-lg: 0 30px 74px rgba(0, 0, 0, 0.34);
        --shadow-md: 0 18px 40px rgba(0, 0, 0, 0.28);
    }

    html {
        color-scheme: dark !important;
        background: var(--android-bg-start) !important;
    }

    .site-header,
    .catalog-topbar,
    body:has(.legal-page) .site-header,
    body:has(.page-main--account) .site-header,
    body:has(.page-main--favorites) .site-header,
    body:has(.page-main--listing-detail) .site-header,
    body:has(.page-main--stores) .site-header,
    body:has(.page-main--messages) .site-header,
    body:has(.page-main--my-listings) .site-header,
    body:has(.page-main--admin) .site-header {
        border-color: var(--android-border-soft) !important;
        background: rgba(35, 35, 31, 0.94) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18) !important;
    }

    .filter-chip.is-active,
    .message-tab.is-active,
    .store-category-option.is-active,
    .search-form label.filter-choice input:checked + span,
    .account-sections__item.is-active,
    .account-topup__option input:checked + span,
    .account-store-day input:checked + span,
    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete,
    .my-listings-tabs a.is-active {
        color: var(--ink) !important;
        background: #2b2b25 !important;
        border-color: rgba(225, 225, 218, 0.18) !important;
        box-shadow: none !important;
    }

    .mobile-dock {
        border-color: var(--android-border-soft) !important;
        color: var(--ink) !important;
        background: linear-gradient(
            180deg,
            rgba(35, 35, 31, 0.98) 0%,
            rgba(33, 33, 30, 0.95) 52%,
            rgba(30, 30, 27, 0.94) 100%
        ) !important;
        box-shadow: 0 34px 80px rgba(0, 0, 0, 0.34) !important;
    }

    .dock-item {
        color: var(--android-icon-muted) !important;
    }

    .dock-item:hover,
    .dock-item.is-active {
        color: var(--ink) !important;
    }

    .dock-item.is-active::before {
        border-color: rgba(225, 225, 218, 0.12) !important;
        background: linear-gradient(
            180deg,
            rgba(43, 43, 37, 0.98) 0%,
            rgba(40, 40, 34, 0.98) 52%,
            rgba(37, 37, 32, 0.98) 100%
        ) !important;
        box-shadow: none !important;
    }

    .dock-item__badge,
    .nav-badge,
    .my-listings-tabs sup,
    .message-card__unread,
    .notification-badge,
    .header-notification__badge,
    .profile-notification__badge,
    [class*="badge"][class*="unread"],
    [class*="indicator"][class*="unread"] {
        color: #ffffff !important;
        background: var(--android-alert-badge) !important;
        border-color: var(--android-alert-badge) !important;
    }

    .page-main--account {
        --account-ink: #f4f4ef;
        --account-muted: #b7b7ad;
        --account-soft: #1d1d1a;
        --account-field: #282822;
        --account-line: rgba(106, 106, 96, 0.22);
        --account-line-strong: rgba(225, 225, 218, 0.18);
        color: var(--account-ink) !important;
    }

    .page-main--admin {
        --admin-ink: #f4f4ef;
        --admin-muted: #b7b7ad;
        --admin-surface: #23231f;
        --admin-surface-strong: #282822;
        --admin-line: rgba(106, 106, 96, 0.22);
        color: var(--admin-ink) !important;
    }
}

/* Final pass: keep the mobile profile page structurally identical to Android. */
@media (max-width: 820px) {
    body:has(.page-main--account-overview) .site-header {
        display: none !important;
    }

    .page-main--account-overview {
        padding-top: env(safe-area-inset-top, 0px) !important;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 126px) !important;
    }

    .account-layout--overview {
        width: min(100% - 32px, 680px) !important;
        gap: 8px !important;
    }

    .account-overview-hero {
        padding: 18px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .account-overview-hero__identity {
        gap: 12px !important;
    }

    .account-overview-hero__avatar {
        width: 72px !important;
        height: 72px !important;
        flex-basis: 72px !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: var(--android-button-primary) !important;
        box-shadow: none !important;
    }

    .account-overview-hero__name {
        color: var(--ink) !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .account-overview-hero__location {
        color: var(--android-text-muted) !important;
        font-size: 14px !important;
    }

    .account-overview-notification {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
        margin-right: 4px !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .account-overview-metrics {
        gap: 8px !important;
    }

    .account-overview-metric {
        gap: 8px !important;
        padding: 13px 14px !important;
        border-radius: 18px !important;
        box-shadow: none !important;
    }

    .account-overview-metric__value {
        color: var(--ink) !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.16 !important;
    }

    .account-overview-metric__supporting {
        display: none !important;
    }

    .account-overview-nav {
        gap: 8px !important;
    }

    .account-overview-nav__item {
        min-height: 74px !important;
        padding: 15px 16px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(17, 23, 34, 0.08) !important;
        transform: none !important;
    }

    .account-overview-nav__title {
        color: var(--ink) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .account-overview-nav__hint,
    .account-overview-nav__arrow {
        color: var(--android-text-muted) !important;
    }

    .account-notification-card,
    .account-subscription-card {
        border: 0 !important;
        border-radius: 18px !important;
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(17, 23, 34, 0.08) !important;
    }
}

/* Final pass: keep the mobile private message page visually aligned with Android. */
@media (max-width: 820px) {
    body.thread-page,
    body:has(.page-main--thread) {
        color: var(--ink) !important;
        background: linear-gradient(
            180deg,
            var(--android-bg-start) 0%,
            var(--android-bg-mid) 52%,
            var(--android-bg-end) 100%
        ) !important;
    }

    .page-main--thread,
    .thread-screen {
        color: var(--ink) !important;
        background: transparent !important;
    }

    .thread-shell {
        width: 100% !important;
        background: transparent !important;
    }

    .thread-header {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 12px 10px !important;
        color: var(--ink) !important;
        border-color: var(--android-border-soft) !important;
        background: color-mix(in srgb, var(--android-card-strong) 94%, transparent) !important;
        box-shadow: none !important;
        backdrop-filter: blur(16px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
    }

    .thread-header__back {
        width: 40px !important;
        height: 40px !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .thread-header__meta strong {
        color: var(--ink) !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }

    .thread-header__meta span {
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .thread-listing,
    .thread-deal,
    .thread-empty {
        border-color: var(--android-border) !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .thread-listing {
        grid-template-columns: 58px minmax(0, 1fr) 20px !important;
        gap: 12px !important;
        margin: 12px 16px 0 !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .thread-listing__media {
        width: 58px !important;
        height: 58px !important;
        border-radius: 16px !important;
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        box-shadow: none !important;
    }

    .thread-listing__content strong {
        color: var(--ink) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .thread-listing__content span,
    .thread-listing__arrow,
    .thread-empty p {
        color: var(--android-text-muted) !important;
    }

    .thread-messages {
        gap: 10px !important;
        padding: 14px 16px 18px !important;
        background: transparent !important;
    }

    .thread-bubble {
        max-width: min(84%, 320px) !important;
        gap: 5px !important;
        padding: 10px 12px 8px !important;
        border-radius: 20px 20px 20px 6px !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        border: 1px solid var(--android-border) !important;
        box-shadow: none !important;
    }

    .thread-bubble.is-own {
        max-width: min(84%, 320px) !important;
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
        border-color: color-mix(in srgb, #ffffff 12%, transparent) !important;
        box-shadow: none !important;
    }

    .thread-bubble__author,
    .thread-bubble small {
        color: var(--android-text-soft) !important;
        font-weight: 600 !important;
    }

    .thread-bubble.is-own small {
        color: color-mix(in srgb, var(--android-button-success-text) 78%, transparent) !important;
    }

    .thread-bubble p {
        color: inherit !important;
        font-size: 15px !important;
        line-height: 1.48 !important;
    }

    .thread-bubble__image {
        width: min(214px, 64vw) !important;
        aspect-ratio: 1 / 1 !important;
        display: block !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: var(--android-image-placeholder) !important;
        box-shadow: none !important;
    }

    .thread-bubble__image img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    .thread-bubble__voice {
        width: min(260px, 70vw) !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .thread-bubble__voice-icon {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
    }

    .thread-bubble.is-own .thread-bubble__voice-icon {
        color: var(--android-button-success) !important;
        background: color-mix(in srgb, #ffffff 92%, transparent) !important;
    }

    .thread-bubble__voice-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    .thread-bubble__voice-body {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        display: grid !important;
        gap: 4px !important;
    }

    .thread-bubble__voice audio {
        width: 100% !important;
        height: 32px !important;
        display: block !important;
        accent-color: var(--android-button-success) !important;
        color-scheme: light !important;
    }

    .thread-bubble__voice-body > span {
        color: var(--android-text-soft) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    .thread-bubble.is-own .thread-bubble__voice-body > span {
        color: color-mix(in srgb, var(--android-button-success-text) 78%, transparent) !important;
    }

    .thread-compose {
        padding: 8px 12px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
        background: color-mix(in srgb, var(--android-card-strong) 98%, transparent) !important;
        border-top: 1px solid var(--android-border-soft) !important;
    }

    .thread-compose__bar,
    .thread-emoji__panel {
        border-color: var(--android-border) !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .thread-compose__bar {
        grid-template-columns: 40px minmax(0, 1fr) 40px !important;
        gap: 4px !important;
        min-height: 56px !important;
        padding: 6px !important;
        border-radius: 28px !important;
    }

    .thread-emoji,
    .thread-compose__icon,
    .thread-compose__send {
        width: 40px !important;
        height: 40px !important;
    }

    .thread-compose__icon,
    .thread-compose__send {
        border-radius: 50% !important;
        box-shadow: none !important;
    }

    .thread-compose__icon {
        color: var(--android-icon-muted) !important;
        background: transparent !important;
    }

    .thread-compose__send {
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
    }

    .thread-compose__field textarea {
        color: var(--ink) !important;
        background: transparent !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    .thread-compose__field textarea::placeholder {
        color: var(--android-text-soft) !important;
    }

    .message-lightbox .listing-lightbox__stage {
        width: 100% !important;
        height: 100% !important;
    }

    .message-lightbox .listing-lightbox__slide {
        padding: 54px 16px !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    .thread-header,
    .thread-compose {
        background: color-mix(in srgb, var(--android-card-strong) 94%, transparent) !important;
    }

    .thread-bubble__voice audio {
        color-scheme: dark !important;
    }
}

/* Final pass: keep the mobile My Listings page structurally identical to Android. */
@media (max-width: 820px) {
    body:has(.page-main--my-listings) {
        color: var(--ink) !important;
        background: linear-gradient(
            180deg,
            var(--android-bg-start) 0%,
            var(--android-bg-mid) 52%,
            var(--android-bg-end) 100%
        ) !important;
    }

    body:has(.page-main--my-listings) .site-header,
    body:has(.page-main--my-listings) .site-legal {
        display: none !important;
    }

    .page-main--my-listings {
        min-height: 100svh !important;
        padding: 0 0 calc(196px + env(safe-area-inset-bottom, 0px)) !important;
        color: var(--ink) !important;
        background: var(--android-bg-start) !important;
    }

    .my-listings-screen {
        padding: 0 !important;
        background: transparent !important;
    }

    .my-listings-shell {
        width: min(100% - 32px, 680px) !important;
        max-width: 680px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding-top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
    }

    .my-listings-header {
        display: none !important;
    }

    .my-listings-search {
        position: sticky !important;
        top: 0 !important;
        z-index: 36 !important;
        order: 1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        margin: 0 !important;
        padding-top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
        padding-bottom: 0 !important;
        background: var(--android-bg-start) !important;
    }

    .my-listings-search.has-reset {
        grid-template-columns: minmax(0, 1fr) 48px !important;
    }

    .my-listings-search label {
        min-height: 56px !important;
        padding: 0 16px !important;
        gap: 12px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 24px !important;
        color: var(--android-icon-muted) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .my-listings-search label:focus-within {
        border-color: color-mix(in srgb, var(--android-button-primary) 24%, var(--android-border)) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .my-listings-search label svg {
        width: 22px !important;
        height: 22px !important;
        color: var(--android-icon-muted) !important;
    }

    .my-listings-search input {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
    }

    .my-listings-search input::placeholder {
        color: var(--android-text-soft) !important;
    }

    .my-listings-search__reset {
        width: 48px !important;
        height: 48px !important;
        align-self: center !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 16px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .my-listings-tabs {
        position: sticky !important;
        top: calc(env(safe-area-inset-top, 0px) + 72px) !important;
        z-index: 35 !important;
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--android-bg-start) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .my-listings-tabs a {
        min-height: 46px !important;
        flex: 0 1 auto !important;
        gap: 4px !important;
        padding: 0 18px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--android-text-muted) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        transform: none !important;
    }

    .my-listings-tabs a.is-active {
        color: var(--ink) !important;
        border-color: rgba(28, 38, 55, 0.16) !important;
        background: #dce2ea !important;
        box-shadow: none !important;
    }

    .my-listings-tabs sup {
        position: static !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        color: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: inherit !important;
        font-weight: inherit !important;
    }

    .my-listings-list {
        order: 3 !important;
        display: grid !important;
        gap: 0 !important;
        margin: 0 !important;
    }

    .my-listing-card {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 104px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        min-height: 120px !important;
        padding: 8px 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .my-listing-card::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 116px !important;
        height: 1px !important;
        background: var(--android-border) !important;
    }

    .my-listing-card:last-child::after {
        display: none !important;
    }

    .my-listing-card:hover,
    .my-listing-card:focus-within {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .my-listing-card__cover-link {
        z-index: 1 !important;
        border-radius: 16px !important;
    }

    .my-listing-card__media {
        z-index: 2 !important;
        width: 104px !important;
        height: 104px !important;
        aspect-ratio: 1 / 1 !important;
        border: 0 !important;
        border-radius: 12px !important;
        color: var(--android-icon-muted) !important;
        background: var(--android-image-placeholder) !important;
        box-shadow: none !important;
    }

    .my-listing-card__media img {
        transition: none !important;
    }

    .my-listing-card:hover .my-listing-card__media img {
        transform: none !important;
    }

    .my-listing-card__placeholder {
        width: 44px !important;
        height: 44px !important;
        grid-template-columns: repeat(2, 12px) !important;
        grid-template-rows: repeat(2, 12px) !important;
        gap: 6px !important;
    }

    .my-listing-card__placeholder span {
        background: color-mix(in srgb, var(--android-icon-muted) 32%, transparent) !important;
    }

    .my-listing-card__content {
        min-width: 0 !important;
        height: 104px !important;
        display: grid !important;
        grid-template-rows: auto auto 1fr !important;
        gap: 6px !important;
        align-content: start !important;
        padding: 0 !important;
    }

    .my-listing-card__top {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        align-items: start !important;
    }

    .my-listing-card__title {
        display: block !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
    }

    .my-listing-card__price {
        margin-top: 5px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
    }

    .my-listing-card__tools {
        z-index: 3 !important;
        display: grid !important;
        gap: 8px !important;
    }

    .my-listing-card__edit {
        width: 40px !important;
        height: 40px !important;
        border: 0 !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .my-listing-card__edit svg {
        width: 18px !important;
        height: 18px !important;
    }

    .my-listing-card__promote svg {
        width: 18px !important;
        height: 18px !important;
    }

    .my-listing-card__status,
    .my-listing-card__meta,
    .my-listing-card__open {
        display: none !important;
    }

    .my-listing-card__stats {
        align-self: end !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 0 !important;
        color: var(--ink) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .my-listing-card__stats span {
        min-height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 10px !important;
        border: 0 !important;
        border-radius: 16px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .my-listing-card__stats span:nth-child(3) {
        display: none !important;
    }

    .my-listing-card__stats svg {
        width: 18px !important;
        height: 18px !important;
        color: var(--android-icon-muted) !important;
    }

    .my-listings-empty {
        order: 3 !important;
        margin: 10px 0 0 !important;
        padding: 28px 24px !important;
        border: 0 !important;
        border-radius: 32px !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: 0 1px 2px rgba(17, 23, 34, 0.08) !important;
    }

    .my-listings-empty h2 {
        margin: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
    }

    .my-listings-empty p {
        margin-top: 12px !important;
        color: var(--android-text-muted) !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    .my-listings-action-bar {
        right: 16px !important;
        bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
        left: 16px !important;
        z-index: 48 !important;
        width: auto !important;
        max-width: 648px !important;
        margin: 0 auto !important;
        padding: 10px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 24px !important;
        background: var(--android-card-glass) !important;
        box-shadow: 0 18px 42px rgba(17, 23, 34, 0.14) !important;
        transform: none !important;
        backdrop-filter: blur(16px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
    }

    .my-listings-action-bar a {
        min-height: 48px !important;
        padding: 0 18px !important;
        border: 1px solid var(--android-button-primary) !important;
        border-radius: 18px !important;
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
}

@media (max-width: 390px) {
    .my-listings-shell {
        width: min(100% - 24px, 680px) !important;
    }

    .my-listings-tabs a {
        min-height: 42px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .my-listing-card {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 10px !important;
        min-height: 112px !important;
    }

    .my-listing-card::after {
        left: 106px !important;
    }

    .my-listing-card__media,
    .my-listing-card__content {
        width: 96px !important;
        height: 96px !important;
    }

    .my-listing-card__content {
        width: auto !important;
    }

    .my-listing-card__price {
        font-size: 20px !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    .page-main--my-listings,
    .my-listings-search,
    .my-listings-tabs {
        background: var(--android-bg-start) !important;
    }

    .my-listings-tabs a.is-active {
        color: var(--ink) !important;
        border-color: rgba(225, 225, 218, 0.18) !important;
        background: #2b2b25 !important;
    }

    .my-listings-empty {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    }

    .my-listings-action-bar {
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
    }
}

/* Android verified badge asset everywhere. */
.verified-name,
.account-overview-hero__name {
    display: inline-flex !important;
    align-items: center !important;
}

.verified-name__badge,
.account-overview-hero__name__badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.verified-name__badge {
    width: 18px !important;
    height: 18px !important;
}

.account-overview-hero__name__badge {
    width: 18px !important;
    height: 18px !important;
}

.verified-name__badge img,
.account-overview-hero__name__badge img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.verified-name__badge svg,
.account-overview-hero__name__badge svg {
    display: none !important;
}

/* Remove the extra strip behind the home page search bar. */
.catalog-topbar,
.catalog-topbar .container,
.catalog-topbar .stores-search,
.catalog-topbar .search-form,
.catalog-topbar__main {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Final mobile alignment for My Listings: Android-style tabs and metrics. */
@media (max-width: 820px) {
    .my-listings-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .my-listings-tabs a {
        flex: 0 0 auto !important;
        scroll-snap-align: start !important;
    }

    .my-listing-card {
        padding-right: 0 !important;
    }

    .my-listing-card__content {
        height: 104px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        padding: 0 52px 0 0 !important;
    }

    .my-listing-card__top {
        width: 100% !important;
        display: block !important;
        min-width: 0 !important;
    }

    .my-listing-card__top > div:first-child {
        min-width: 0 !important;
    }

    .my-listing-card__tools {
        position: absolute !important;
        top: 8px !important;
        right: 0 !important;
        z-index: 4 !important;
        display: grid !important;
        gap: 8px !important;
    }

    .my-listing-card__stats {
        align-self: flex-start !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 390px) {
    .my-listing-card__content {
        height: 96px !important;
        padding-right: 50px !important;
    }
}

/* Android parity for the mobile listing detail page. */
@media (max-width: 820px) {
    body:has(.page-main--listing-detail) .site-header,
    body:has(.page-main--listing-detail) .site-legal {
        display: none !important;
    }

    .page-main--listing-detail {
        min-height: 100svh !important;
        padding: 0 0 calc(120px + env(safe-area-inset-bottom, 0px)) !important;
        background: linear-gradient(
            180deg,
            var(--android-bg-start) 0%,
            var(--android-bg-mid) 52%,
            var(--android-bg-end) 100%
        ) !important;
    }

    .listing-detail {
        padding: 0 0 24px !important;
        background: transparent !important;
    }

    .listing-detail > .container,
    .listing-detail__grid {
        width: 100% !important;
        max-width: none !important;
    }

    .listing-detail__grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .listing-detail__side {
        position: static !important;
        display: grid !important;
        gap: 0 !important;
    }

    .listing-detail__media-card {
        width: 100% !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
    }

    .listing-detail .listing-gallery,
    .listing-detail .listing-gallery__main,
    .listing-detail .listing-gallery__track,
    .listing-detail .listing-gallery__slide,
    .listing-detail .listing-gallery__open {
        width: 100% !important;
    }

    .listing-detail .listing-gallery__main {
        border-radius: 0 !important;
        background: #111111 !important;
        box-shadow: none !important;
    }

    .listing-detail .listing-gallery__main img,
    .listing-detail .listing-gallery__placeholder {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0 !important;
        object-fit: cover !important;
        background: #111111 !important;
    }

    .listing-detail .listing-gallery__dots {
        bottom: 12px !important;
        padding: 6px 8px !important;
        gap: 7px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(0, 0, 0, 0.22) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .listing-detail .listing-gallery__dot {
        width: 7px !important;
        height: 7px !important;
        min-width: 7px !important;
        background: rgba(255, 255, 255, 0.54) !important;
    }

    .listing-detail .listing-gallery__dot.is-active {
        width: 20px !important;
        background: #ffffff !important;
    }

    .listing-detail__media-card + .listing-detail__side {
        margin-top: 2px !important;
    }

    .detail-card--summary {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 16px 6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .detail-card--summary h1 {
        order: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
        text-wrap: auto !important;
    }

    .listing-detail .detail-price {
        order: 1 !important;
        margin: 0 !important;
        padding-right: 104px !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .detail-kicker {
        order: 3 !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .detail-kicker__actions {
        position: absolute !important;
        top: 0 !important;
        right: 16px !important;
        z-index: 3 !important;
        display: inline-flex !important;
        gap: 8px !important;
    }

    .detail-heart-button,
    .page-main--listing-detail .status-pill {
        width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border: 0 !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .page-main--listing-detail .status-pill {
        width: auto !important;
        padding: 0 12px !important;
        background: var(--android-card-muted) !important;
    }

    .detail-heart-button svg {
        width: 25px !important;
        height: 25px !important;
    }

    .detail-heart-button.is-active,
    .detail-heart-button.is-active:hover,
    .detail-heart-button.is-active:active {
        color: var(--android-alert-badge) !important;
        background: transparent !important;
    }

    .detail-badges {
        gap: 8px !important;
    }

    .detail-badges span {
        min-height: 32px !important;
        padding: 0 12px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--android-text-muted) !important;
        background: var(--android-card-muted) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .listing-detail .detail-actions {
        order: 4 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .detail-action {
        min-height: 52px !important;
        gap: 8px !important;
        border: 0 !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }

    .detail-action svg {
        width: 18px !important;
        height: 18px !important;
    }

    .listing-detail .detail-action--message,
    .listing-detail .detail-action--primary {
        color: var(--android-button-secondary-text) !important;
        background: var(--android-button-secondary) !important;
        border-color: var(--android-button-secondary) !important;
    }

    .listing-detail .detail-action--phone {
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
        border-color: var(--android-button-success) !important;
    }

    .detail-owner-status {
        order: 5 !important;
        margin: 0 !important;
    }

    .detail-owner-status__button,
    .detail-owner-status__pending {
        min-height: 52px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .detail-stats {
        order: 6 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.2fr) 1px minmax(0, 0.92fr) !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 12px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 18px !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .detail-stats::before {
        content: "" !important;
        width: 1px !important;
        height: 44px !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        background: var(--android-border) !important;
    }

    .detail-stats div {
        min-width: 0 !important;
        display: grid !important;
        gap: 2px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .detail-stats div:first-child {
        grid-column: 1 !important;
    }

    .detail-stats div:last-child {
        grid-column: 3 !important;
    }

    .detail-stats span,
    .detail-contact-list span,
    .detail-section-heading span,
    .detail-seller__person span {
        color: var(--android-text-soft) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
    }

    .detail-stats strong,
    .detail-contact-list strong {
        margin-top: 0 !important;
        color: var(--ink) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.28 !important;
    }

    .listing-detail__grid > .detail-card:not(.detail-card--summary),
    .listing-detail__grid > .detail-seller,
    .detail-related {
        margin: 0 16px !important;
        padding: 18px !important;
        border: 0 !important;
        border-radius: 24px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(17, 23, 34, 0.08) !important;
    }

    .detail-section-heading {
        margin: 0 0 14px !important;
        gap: 0 !important;
    }

    .detail-section-heading span {
        color: var(--android-text-soft) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    .detail-specs__rows,
    .detail-specs-sheet__rows {
        display: grid !important;
        gap: 0 !important;
    }

    .detail-specs__row,
    .detail-specs-sheet__row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 0 !important;
        color: var(--android-text-soft) !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .detail-specs__row + .detail-specs__row,
    .detail-specs-sheet__row + .detail-specs-sheet__row {
        margin-top: 12px !important;
        padding-top: 12px !important;
        border-top: 1px solid var(--android-border-soft) !important;
    }

    .detail-specs__row span,
    .detail-specs-sheet__row span {
        color: var(--android-text-soft) !important;
        font-weight: 400 !important;
    }

    .detail-specs__row strong,
    .detail-specs-sheet__row strong {
        color: var(--ink) !important;
        font-weight: 500 !important;
        text-align: right !important;
    }

    .detail-specs__open {
        width: 100% !important;
        min-height: 46px !important;
        justify-content: space-between !important;
        margin-top: 16px !important;
        padding: 0 14px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 10px !important;
        color: var(--ink) !important;
        background: var(--android-card-glass) !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .detail-description .detail-copy,
    .listing-detail .detail-copy {
        color: var(--android-text-muted) !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.72 !important;
    }

    .detail-seller__person {
        gap: 12px !important;
    }

    .detail-seller__avatar {
        width: 58px !important;
        height: 58px !important;
        flex: 0 0 58px !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        box-shadow: none !important;
    }

    .detail-seller__person strong {
        color: var(--ink) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    .detail-seller__trust {
        margin-top: 14px !important;
    }

    .detail-seller__rating,
    .detail-contact-list a,
    .detail-contact-list div,
    .rating-review,
    .rating-form,
    .rating-form--notice {
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .detail-seller__rating {
        width: 100% !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }

    .detail-seller__rating-icon {
        margin-left: auto !important;
        color: var(--android-icon-muted) !important;
    }

    .detail-seller__footer {
        margin-top: 14px !important;
        padding: 12px 14px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .detail-seller__bio {
        color: var(--android-text-muted) !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .detail-related__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 390px) {
    .detail-card--summary h1 {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }

    .listing-detail .detail-price {
        font-size: 32px !important;
        padding-right: 96px !important;
    }

    .listing-detail__grid > .detail-card:not(.detail-card--summary),
    .listing-detail__grid > .detail-seller,
    .detail-related {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    .listing-detail__grid > .detail-card:not(.detail-card--summary),
    .listing-detail__grid > .detail-seller,
    .detail-related {
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    }

    .detail-stats,
    .detail-seller__rating,
    .detail-seller__footer,
    .detail-contact-list a,
    .detail-contact-list div,
    .rating-review,
    .rating-form,
    .rating-form--notice {
        background: var(--android-card-muted) !important;
    }
}

/* Android-style bottom sheet for all listing characteristics on mobile. */
@media (max-width: 820px) {
    .detail-specs-sheet {
        position: fixed !important;
        inset: 0 !important;
        z-index: 980 !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: stretch !important;
        padding: 0 !important;
        background: rgba(17, 17, 17, 0.46) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 0.22s ease !important;
    }

    .detail-specs-sheet[hidden] {
        display: none !important;
    }

    .detail-specs-sheet.is-open {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .detail-specs-sheet__panel {
        width: 100% !important;
        max-width: none !important;
        max-height: min(640px, calc(100svh - env(safe-area-inset-top, 0px) - 28px)) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 30px 30px 0 0 !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: 0 -18px 48px rgba(17, 23, 34, 0.18) !important;
        transform: translateY(calc(100% + 24px)) !important;
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .detail-specs-sheet.is-open .detail-specs-sheet__panel {
        transform: translateY(0) !important;
    }

    .detail-specs-sheet__handle {
        width: 56px !important;
        height: 5px !important;
        flex: 0 0 auto !important;
        margin: 10px auto 0 !important;
        border-radius: 999px !important;
        background: var(--android-border) !important;
    }

    .detail-specs-sheet__header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        flex: 0 0 auto !important;
        padding: 12px 18px !important;
        border: 0 !important;
        background: transparent !important;
    }

    .detail-specs-sheet__header strong {
        margin: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
    }

    .detail-specs-sheet__close {
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .detail-specs-sheet__close svg {
        width: 21px !important;
        height: 21px !important;
    }

    .detail-specs-sheet__body {
        flex: 1 1 auto !important;
        overflow: auto !important;
        overscroll-behavior: contain !important;
        padding: 0 18px calc(26px + env(safe-area-inset-bottom, 0px)) !important;
        background: transparent !important;
    }

    .detail-specs-sheet__rows {
        display: grid !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .detail-specs-sheet__row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        padding: 0 !important;
        color: var(--android-text-soft) !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .detail-specs-sheet__row + .detail-specs-sheet__row {
        margin-top: 14px !important;
        padding-top: 14px !important;
        border-top: 1px solid var(--android-border-soft) !important;
    }

    .detail-specs-sheet__row span {
        color: var(--android-text-soft) !important;
        font-weight: 400 !important;
    }

    .detail-specs-sheet__row strong {
        color: var(--ink) !important;
        font-weight: 500 !important;
        text-align: right !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    .detail-specs-sheet {
        background: rgba(0, 0, 0, 0.62) !important;
    }

    .detail-specs-sheet__panel {
        background: var(--android-card-strong) !important;
        box-shadow: 0 -22px 52px rgba(0, 0, 0, 0.34) !important;
    }
}

/* Android parity for mobile seller and store pages. */
@media (max-width: 820px) {
    body:has(.page-main--seller-store),
    .page-main--seller-store {
        color: var(--ink) !important;
        background: #f7f7f4 !important;
    }

    body:has(.page-main--seller-store) .site-header,
    body:has(.page-main--seller-store) .site-legal {
        display: none !important;
    }

    .page-main--seller-store {
        min-height: 100svh !important;
        padding: 0 0 calc(118px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .seller-store {
        padding: 0 0 24px !important;
        background: transparent !important;
    }

    .seller-store__stack {
        width: min(100% - 32px, 680px) !important;
        max-width: 680px !important;
        display: grid !important;
        gap: 10px !important;
        padding-top: calc(env(safe-area-inset-top, 0px) + 18px) !important;
    }

    .seller-store__hero {
        overflow: visible !important;
        padding: 0 0 6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .seller-store__hero::before,
    .seller-store__hero::after {
        display: none !important;
    }

    .seller-store__identity {
        display: grid !important;
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 18px !important;
        align-items: center !important;
    }

    .seller-store__hero .detail-seller__avatar {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 96px !important;
        height: 96px !important;
        flex: 0 0 96px !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        box-shadow: none !important;
        font-size: 34px !important;
    }

    .seller-store__hero .detail-seller__avatar img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .seller-store__summary {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        display: grid !important;
        gap: 12px !important;
    }

    .seller-store__summary h1,
    .seller-store__summary .verified-name {
        max-width: 100% !important;
        margin: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
    }

    .seller-store__summary .verified-name__text,
    .seller-store__summary h1 > span:first-child {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .seller-store__summary .verified-name__badge {
        width: 14px !important;
        height: 14px !important;
        flex-basis: 14px !important;
    }

    .seller-store__top-stats {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding: 0 !important;
    }

    .seller-store__top-stat,
    .seller-store__top-stat:nth-child(2),
    .seller-store__top-stat:last-child {
        min-width: 0 !important;
        display: grid !important;
        gap: 4px !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .seller-store__top-stat strong {
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
    }

    .seller-store__top-stat span {
        color: var(--android-text-soft) !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    .seller-store__meta-line {
        display: block !important;
        overflow: hidden !important;
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.38 !important;
        text-overflow: ellipsis !important;
    }

    .seller-store__hero .seller-store__meta-line span {
        display: inline !important;
        color: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
    }

    .seller-store__meta-line span + span::before {
        content: "  •  " !important;
        color: var(--android-text-muted) !important;
    }

    .seller-store__lead {
        grid-column: 1 / -1 !important;
        margin: 4px 0 0 !important;
        max-width: none !important;
        color: var(--android-text-muted) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
    }

    .seller-store__footer-row {
        grid-column: 1 / -1 !important;
        display: grid !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .seller-store__trust {
        display: grid !important;
        gap: 0 !important;
    }

    .seller-store__rating-box {
        display: flex !important;
    }

    .seller-store__rating-box .seller-store__rating {
        width: auto !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 2px 0 !important;
        border: 0 !important;
        border-radius: 20px !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .seller-store__rating-box .seller-store__rating strong {
        color: var(--ink) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
    }

    .seller-store__rating span {
        color: var(--android-text-muted) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .seller-store__actions {
        width: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .seller-store__actions > *,
    .seller-store__action-form {
        min-width: 0 !important;
        display: flex !important;
    }

    .seller-store__action-form,
    .seller-store__action-button--primary,
    .seller-store__action-button.is-active {
        flex: 1 1 auto !important;
    }

    .seller-store--store .seller-store__actions > a:not(.seller-store__action-button--primary):not(.is-active),
    .seller-store--store .seller-store__actions > span,
    .seller-store--store .seller-store__actions > .seller-store__action-form + a,
    .seller-store--store .seller-store__actions > .seller-store__action-form + a + a {
        flex: 0 0 52px !important;
    }

    .seller-store__action-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 14px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    .seller-store__action-button svg {
        width: 19px !important;
        height: 19px !important;
        flex: 0 0 19px !important;
    }

    .seller-store__action-button--primary {
        color: var(--android-button-primary-text) !important;
        border-color: var(--android-button-primary) !important;
        background: var(--android-button-primary) !important;
    }

    .seller-store__action-button.is-active {
        color: var(--ink) !important;
        border-color: var(--android-border) !important;
        background: var(--android-card-strong) !important;
    }

    .seller-store--store .seller-store__action-button:not(.seller-store__action-button--primary):not(.is-active) {
        width: 52px !important;
        flex: 0 0 52px !important;
        padding: 0 !important;
        color: #ffffff !important;
        border-color: var(--android-button-secondary) !important;
        background: var(--android-button-secondary) !important;
    }

    .seller-store--store .seller-store__action-button:not(.seller-store__action-button--primary):not(.is-active) span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
    }

    .seller-store--store .seller-store__action-button[href^="tel:"],
    .seller-store--store .seller-store__actions > a[href^="tel:"] {
        color: var(--android-button-success-text) !important;
        border-color: var(--android-button-success) !important;
        background: var(--android-button-success) !important;
    }

    .seller-store--seller .seller-store__actions > * {
        flex: 1 1 0 !important;
    }

    .seller-store__action-button--disabled,
    .seller-store__action-button--disabled:hover {
        color: var(--android-text-soft) !important;
        border-color: var(--android-border-soft) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        opacity: 0.72 !important;
        pointer-events: none !important;
    }

    .seller-store__reviews {
        margin-top: 12px !important;
        padding: 14px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .seller-store__sections {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin: 0 calc(-1 * 16px) !important;
        padding: 0 16px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .seller-store__sections::-webkit-scrollbar {
        display: none !important;
    }

    .seller-store__sections a {
        flex: 0 0 auto !important;
        min-height: 39px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 18px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    .seller-store__sections a svg {
        width: 18px !important;
        height: 18px !important;
        margin-right: 8px !important;
        flex: 0 0 18px !important;
    }

    .seller-store__sections a.is-active {
        color: var(--android-button-primary-text) !important;
        border-color: var(--android-button-primary) !important;
        background: var(--android-button-primary) !important;
    }

    .seller-store__listings {
        display: grid !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .seller-store__heading-row {
        display: none !important;
    }

    .seller-store__listings .listing-grid,
    .seller-store__listings .listing-grid--feed {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .seller-store__listings .listing-card {
        min-width: 0 !important;
        overflow: hidden !important;
        display: block !important;
        border: 0 !important;
        border-radius: 10px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 8px 18px rgba(17, 23, 34, 0.08) !important;
        transform: none !important;
    }

    .seller-store__listings .listing-card__media {
        width: 100% !important;
        aspect-ratio: 0.78 !important;
        height: auto !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--android-image-placeholder) !important;
        box-shadow: none !important;
    }

    .seller-store__listings .listing-card__media img,
    .seller-store__listings .listing-card__placeholder {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    .seller-store__listings .listing-card__body {
        display: grid !important;
        gap: 8px !important;
        padding: 14px !important;
        background: transparent !important;
    }

    .seller-store__listings .listing-card__headline,
    .seller-store__listings .listing-card__price-row {
        display: block !important;
    }

    .seller-store__listings .listing-card__title {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    .seller-store__listings .listing-card__price {
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
    }

    .seller-store__listings .listing-card__location,
    .seller-store__listings .listing-card__excerpt,
    .seller-store__listings .listing-card__overlay,
    .seller-store__listings .favorite-form {
        display: none !important;
    }

    .seller-store__empty-state {
        margin: 0 !important;
        padding: 20px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 28px !important;
        text-align: left !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }
}

@media (max-width: 390px) {
    .seller-store__stack {
        width: min(100% - 24px, 680px) !important;
    }

    .seller-store__identity {
        grid-template-columns: 86px minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .seller-store__hero .detail-seller__avatar {
        width: 86px !important;
        height: 86px !important;
        flex-basis: 86px !important;
    }

    .seller-store__top-stats {
        gap: 10px !important;
    }

    .seller-store__top-stat strong {
        font-size: 21px !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    body:has(.page-main--seller-store),
    .page-main--seller-store {
        background: var(--android-bg-start) !important;
    }

    .seller-store__action-button,
    .seller-store__sections a,
    .seller-store__listings .listing-card,
    .seller-store__empty-state {
        background: var(--android-card) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
    }

    .seller-store__action-button--primary,
    .seller-store__sections a.is-active {
        color: var(--android-button-primary-text) !important;
        background: var(--android-button-primary) !important;
        border-color: var(--android-button-primary) !important;
    }

    .seller-store--store .seller-store__action-button:not(.seller-store__action-button--primary):not(.is-active):not(.seller-store__action-button--disabled) {
        color: var(--android-button-secondary-text) !important;
        background: var(--android-button-secondary) !important;
        border-color: var(--android-button-secondary) !important;
    }
}

/* Android parity for mobile create/edit listing flow. */
@media (max-width: 820px) {
    body:has(.page-main--listing-form) .site-header,
    body:has(.page-main--listing-form) .site-legal {
        display: none !important;
    }

    body:has(.page-main--listing-form),
    .page-main--listing-form {
        color: var(--ink) !important;
        background: linear-gradient(
            180deg,
            var(--android-bg-start) 0%,
            var(--android-bg-mid) 52%,
            var(--android-bg-end) 100%
        ) !important;
    }

    .page-main--listing-form {
        min-height: 100svh !important;
        padding: 0 0 calc(132px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .listing-form-screen {
        padding: 0 !important;
        background: transparent !important;
    }

    .listing-form-shell {
        width: min(100% - 32px, 680px) !important;
        max-width: 680px !important;
        padding: calc(env(safe-area-inset-top, 0px) + 14px) 0 0 !important;
        color: var(--ink) !important;
    }

    .listing-form-header,
    .listing-form-screen .listing-form-header {
        position: static !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .listing-form-back {
        width: 44px !important;
        height: 44px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 16px !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .listing-form-back svg {
        width: 24px !important;
        height: 24px !important;
    }

    .listing-form-title {
        min-width: 0 !important;
        gap: 2px !important;
    }

    .listing-form-screen .listing-form-title h1,
    .listing-form-title h1,
    .listing-form-header--plain .listing-form-title h1 {
        margin: 0 !important;
        overflow: hidden !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .listing-form-screen .listing-form-title span,
    .listing-form-title span {
        color: var(--android-text-muted) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .listing-form-status {
        min-height: 34px !important;
        padding: 0 12px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--android-text-muted) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .listing-form-status.is-live {
        color: var(--android-button-success) !important;
        border-color: color-mix(in srgb, var(--android-button-success) 24%, var(--android-border-soft)) !important;
        background: color-mix(in srgb, var(--android-button-success) 12%, var(--android-card-muted)) !important;
    }

    .listing-form {
        display: grid !important;
        gap: 14px !important;
        margin-top: 14px !important;
    }

    .listing-form--wizard {
        min-height: 0 !important;
    }

    .listing-form-wizard-progress {
        position: static !important;
        width: 100% !important;
        height: 4px !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
        gap: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .listing-form-wizard-progress:empty {
        display: none !important;
    }

    .listing-form-wizard-progress__item {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 4px !important;
        height: 4px !important;
        display: block !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .listing-form-wizard-progress__item span,
    .listing-form-wizard-progress__item strong {
        display: none !important;
    }

    .listing-form-wizard-progress__item.is-active,
    .listing-form-wizard-progress__item.is-complete {
        background: var(--android-button-primary) !important;
    }

    .listing-form-card,
    .listing-form-screen .listing-form-card {
        overflow: hidden !important;
        padding: 16px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 8px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 3px 8px rgba(17, 23, 34, 0.06) !important;
    }

    .listing-form-card::before,
    .listing-form-screen .listing-form-card::before {
        content: none !important;
    }

    .listing-form-card__head,
    .listing-form-screen .listing-form-card__head {
        gap: 12px !important;
        align-items: center !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .listing-form-card__head::after,
    .listing-form-screen .listing-form-card__head::after {
        display: none !important;
    }

    .listing-form-card__icon,
    .listing-form-screen .listing-form-card__icon,
    .listing-form-card__icon--vibrant {
        width: 38px !important;
        height: 38px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 12px !important;
        color: var(--android-button-primary) !important;
        background: color-mix(in srgb, var(--android-button-primary) 12%, var(--android-card-muted)) !important;
        box-shadow: none !important;
        filter: none !important;
    }

    .listing-form-card__icon::after,
    .listing-form-card__icon--vibrant::after {
        content: none !important;
    }

    .listing-form-card__icon svg,
    .listing-form-screen .listing-form-card__icon svg {
        width: 20px !important;
        height: 20px !important;
        filter: none !important;
    }

    .listing-form-card__head h2,
    .listing-form-screen .listing-form-card__head h2 {
        margin: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-sans) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.24 !important;
        letter-spacing: 0 !important;
    }

    .listing-form-card__head p,
    .listing-form-screen .listing-form-card__head p {
        margin: 3px 0 0 !important;
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.36 !important;
    }

    .listing-form-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field {
        grid-column: 1 / -1 !important;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) > .listing-field.listing-field--mobile-half {
        grid-column: span 1 !important;
    }

    .listing-field {
        display: grid !important;
        gap: 7px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .listing-field--wide {
        grid-column: 1 / -1 !important;
    }

    .listing-field > span {
        min-height: 0 !important;
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    .listing-field small {
        color: var(--android-text-muted) !important;
        font-size: 12px !important;
        line-height: 1.42 !important;
    }

    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value {
        width: 100% !important;
        min-height: 56px !important;
        padding: 14px 16px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
    }

    .listing-field textarea {
        min-height: 150px !important;
        line-height: 1.5 !important;
    }

    .listing-field input:focus,
    .listing-field select:focus,
    .listing-field textarea:focus,
    .listing-field .location-picker__trigger:focus {
        outline: none !important;
        border-color: color-mix(in srgb, var(--android-button-primary) 44%, var(--android-border)) !important;
        background: var(--android-card) !important;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--android-button-primary) 11%, transparent) !important;
    }

    .listing-field input::placeholder,
    .listing-field textarea::placeholder,
    .listing-field .location-picker__trigger.is-placeholder,
    .listing-field .location-picker__trigger:disabled {
        color: var(--android-text-soft) !important;
        opacity: 1 !important;
    }

    .listing-car-suggestions,
    .listing-field .auth-city__results {
        overflow: hidden !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        box-shadow: 0 18px 42px rgba(17, 23, 34, 0.14) !important;
    }

    .listing-car-suggestions__option {
        color: var(--ink) !important;
        border-bottom-color: var(--android-border-soft) !important;
        background: transparent !important;
    }

    .listing-car-suggestions__meta,
    .listing-car-suggestions__empty,
    .listing-upload small,
    .listing-upload-progress__top span,
    .listing-inline-note,
    .listing-switch__text span {
        color: var(--android-text-muted) !important;
    }

    .listing-category-picker {
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .listing-category-picker__grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .listing-category-choice,
    .listing-form-screen .listing-category-choice {
        min-height: 82px !important;
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 24px !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        gap: 12px !important;
        overflow: hidden !important;
        padding: 14px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 8px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 3px 8px rgba(17, 23, 34, 0.06) !important;
        transform: none !important;
    }

    .listing-category-choice::before,
    .listing-category-choice::after,
    .listing-form-screen .listing-category-choice::before,
    .listing-form-screen .listing-category-choice::after {
        content: none !important;
    }

    .listing-category-choice__top,
    .listing-category-choice__footer {
        display: contents !important;
    }

    .listing-category-choice__icon,
    .listing-form-screen .listing-category-choice__icon {
        grid-column: 1 !important;
        width: 48px !important;
        height: 48px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 14px !important;
        color: var(--android-button-primary) !important;
        background: color-mix(in srgb, var(--android-button-primary) 12%, var(--android-card-muted)) !important;
        box-shadow: none !important;
    }

    .listing-category-choice__icon svg,
    .listing-form-screen .listing-category-choice__icon svg {
        width: 24px !important;
        height: 24px !important;
    }

    .listing-category-choice__icon img,
    .listing-form-screen .listing-category-choice__icon img {
        width: 34px !important;
        height: 34px !important;
        filter: none !important;
    }

    .listing-category-choice__content {
        grid-column: 2 !important;
        min-width: 0 !important;
        display: grid !important;
        gap: 3px !important;
    }

    .listing-category-choice strong,
    .listing-form-screen .listing-category-choice strong {
        overflow: hidden !important;
        color: var(--ink) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.22 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .listing-category-choice p,
    .listing-form-screen .listing-category-choice p {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        line-height: 1.32 !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
    }

    .listing-category-choice__meta {
        display: none !important;
    }

    .listing-category-choice__arrow {
        grid-column: 3 !important;
        width: 24px !important;
        height: 24px !important;
        border: 0 !important;
        color: var(--android-icon-muted) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .listing-upload,
    .listing-title-autofill,
    .listing-inline-note,
    .listing-upload-progress,
    .listing-photo-focus,
    .listing-crop-editor,
    .listing-crop-preview,
    .listing-photo-tile {
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .listing-upload {
        min-height: 116px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 16px !important;
        border-style: solid !important;
        text-align: center !important;
        transform: none !important;
    }

    .listing-upload__icon,
    .listing-upload__hint {
        border: 1px solid var(--android-border-soft) !important;
        color: var(--android-button-primary) !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .listing-upload__icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
    }

    .listing-upload__title,
    .listing-switch__text strong,
    .listing-upload-progress__top {
        color: var(--ink) !important;
    }

    .listing-upload__title {
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .listing-photo-grid,
    .listing-upload-preview {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(86px, 1fr)) !important;
        gap: 8px !important;
        margin: 0 0 12px !important;
    }

    .listing-photo-manager {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .listing-photo-strip {
        grid-auto-flow: column !important;
        grid-auto-columns: 92px !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        gap: 8px !important;
        scrollbar-width: none !important;
    }

    .listing-photo-strip::-webkit-scrollbar {
        display: none !important;
    }

    .listing-crop-preview,
    .listing-photo-tile img {
        aspect-ratio: 1 / 1 !important;
        border-radius: 14px !important;
    }

    .listing-switch {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 14px !important;
        align-items: center !important;
        margin-top: 0 !important;
        padding: 14px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .listing-switch__track {
        background: color-mix(in srgb, var(--android-text-muted) 28%, var(--android-card)) !important;
    }

    .listing-switch input:checked + .listing-switch__track {
        background: var(--android-button-success) !important;
    }

    .listing-form-submitbar,
    .listing-form-submitbar--wizard {
        position: fixed !important;
        right: 16px !important;
        bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        left: 16px !important;
        z-index: 48 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        width: auto !important;
        max-width: 648px !important;
        margin: 0 auto !important;
        padding: 10px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 24px !important;
        background: var(--android-card-glass) !important;
        box-shadow: 0 18px 42px rgba(17, 23, 34, 0.14) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
        backdrop-filter: blur(16px) saturate(1.08) !important;
    }

    .listing-form-submitbar:not(.listing-form-submitbar--wizard) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .listing-form-submitbar--wizard .listing-switch--submit {
        grid-column: 1 / -1 !important;
        order: -1 !important;
        width: 100% !important;
        margin: 0 !important;
        background: var(--android-card-muted) !important;
    }

    .listing-form-submitbar .button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .listing-form-submit,
    .listing-form-submitbar--wizard .listing-form-submit {
        color: var(--android-button-primary-text) !important;
        border-color: var(--android-button-primary) !important;
        background: var(--android-button-primary) !important;
    }

    .listing-form-secondary,
    .listing-form-submitbar--wizard .listing-form-secondary {
        color: var(--ink) !important;
        border-color: var(--android-border-soft) !important;
        background: var(--android-card-strong) !important;
    }
}

@media (max-width: 390px) {
    .listing-form-shell {
        width: min(100% - 24px, 680px) !important;
    }

    .listing-form-screen .listing-form-title h1,
    .listing-form-title h1,
    .listing-form-header--plain .listing-form-title h1 {
        font-size: 21px !important;
    }

    .listing-form-grid:has(> .listing-field--mobile-half) {
        gap: 10px 8px !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    body:has(.page-main--listing-form),
    .page-main--listing-form {
        background: var(--android-bg-start) !important;
    }

    .listing-form-card,
    .listing-form-screen .listing-form-card,
    .listing-category-choice,
    .listing-form-screen .listing-category-choice,
    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-field__static-value {
        background: var(--android-card) !important;
    }

    .listing-form-submitbar,
    .listing-form-submitbar--wizard {
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
    }
}

/* Final Android parity for mobile category and subcategory picking. */
@media (max-width: 820px) {
    .listing-category-picker {
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .listing-category-picker__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .listing-category-choice,
    .listing-form-screen .listing-category-choice {
        position: relative !important;
        min-height: 108px !important;
        height: 108px !important;
        display: block !important;
        overflow: hidden !important;
        padding: 12px !important;
        border: 1px solid rgba(var(--category-accent-rgb), 0.2) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background:
            radial-gradient(circle at 100% 100%, rgba(var(--category-accent-rgb), 0.16), transparent 44%),
            linear-gradient(135deg, rgba(var(--category-accent-rgb), 0.08), transparent 52%),
            var(--android-card) !important;
        box-shadow: 0 1px 3px rgba(17, 23, 34, 0.1) !important;
        transform: none !important;
    }

    .listing-category-choice::before,
    .listing-form-screen .listing-category-choice::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-radius: inherit !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    .listing-category-choice::after,
    .listing-form-screen .listing-category-choice::after {
        content: "" !important;
        position: absolute !important;
        right: -18px !important;
        bottom: -24px !important;
        width: 86px !important;
        height: 86px !important;
        border: 1px solid rgba(var(--category-accent-rgb), 0.18) !important;
        border-radius: 28px !important;
        transform: rotate(14deg) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    .listing-category-choice:hover,
    .listing-category-choice:focus-visible,
    .listing-form-screen .listing-category-choice:hover,
    .listing-form-screen .listing-category-choice:focus-visible {
        border-color: rgba(var(--category-accent-rgb), 0.34) !important;
        box-shadow: 0 2px 6px rgba(17, 23, 34, 0.14) !important;
        transform: none !important;
    }

    .listing-category-choice__top,
    .listing-form-screen .listing-category-choice__top {
        display: contents !important;
    }

    .listing-category-choice__footer,
    .listing-form-screen .listing-category-choice__footer,
    .listing-category-choice__meta,
    .listing-form-screen .listing-category-choice__meta,
    .listing-category-choice__arrow,
    .listing-form-screen .listing-category-choice__arrow,
    .listing-category-choice p,
    .listing-form-screen .listing-category-choice p {
        display: none !important;
    }

    .listing-category-choice__content,
    .listing-form-screen .listing-category-choice__content {
        position: relative !important;
        z-index: 2 !important;
        width: calc(100% - 58px) !important;
        max-width: calc(100% - 58px) !important;
        min-width: 0 !important;
        display: block !important;
    }

    .listing-category-choice strong,
    .listing-form-screen .listing-category-choice strong {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: var(--ink) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        text-overflow: clip !important;
        white-space: normal !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
    }

    .listing-category-choice__icon,
    .listing-form-screen .listing-category-choice__icon {
        position: absolute !important;
        right: 12px !important;
        bottom: 10px !important;
        z-index: 1 !important;
        width: 74px !important;
        height: 74px !important;
        display: grid !important;
        place-items: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--category-accent) !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0.92 !important;
    }

    .listing-category-choice__icon::after,
    .listing-form-screen .listing-category-choice__icon::after {
        content: none !important;
    }

    .listing-category-choice__icon svg,
    .listing-form-screen .listing-category-choice__icon svg {
        width: 74px !important;
        height: 74px !important;
        filter: none !important;
    }

    .listing-category-choice__icon img,
    .listing-form-screen .listing-category-choice__icon img {
        width: 74px !important;
        height: 74px !important;
        object-fit: contain !important;
        filter: none !important;
    }
}

@media (max-width: 360px) {
    .listing-category-choice strong,
    .listing-form-screen .listing-category-choice strong {
        font-size: 14px !important;
    }
}

@media (max-width: 820px) {
    .listing-category-picker--categories .listing-category-choice__content {
        width: 56% !important;
        max-width: 56% !important;
    }

    .listing-category-picker--categories .listing-category-choice strong {
        -webkit-line-clamp: 2 !important;
    }

    .listing-category-picker--subcategories .listing-category-choice,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice {
        background:
            radial-gradient(circle at 100% 100%, rgba(var(--category-accent-rgb), 0.1), transparent 46%),
            linear-gradient(135deg, rgba(var(--category-accent-rgb), 0.07), var(--android-card) 54%, var(--android-card-muted)) !important;
    }

    .listing-category-picker--subcategories .listing-category-choice::before,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice::before {
        content: "" !important;
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 2 !important;
        width: 18px !important;
        height: 18px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background:
            radial-gradient(circle, rgba(var(--category-accent-2-rgb), 0.56) 0 4px, transparent 4.5px),
            color-mix(in srgb, var(--android-card-strong) 82%, transparent) !important;
        pointer-events: none !important;
    }

    .listing-category-picker--subcategories .listing-category-choice::after,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice::after {
        content: "" !important;
        position: absolute !important;
        right: -16px !important;
        bottom: -14px !important;
        top: auto !important;
        width: 104px !important;
        height: 104px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: radial-gradient(circle, rgba(var(--category-accent-rgb), 0.1), transparent 66%) !important;
        transform: none !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    .listing-category-picker--subcategories .listing-category-choice__content,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice__content {
        width: 62% !important;
        max-width: 62% !important;
    }

    .listing-category-picker--subcategories .listing-category-choice__icon,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice__icon {
        display: grid !important;
    }

    .listing-category-picker--subcategories .listing-category-choice strong,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice strong {
        -webkit-line-clamp: 2 !important;
    }

    .listing-category-picker--subcategories .listing-category-choice--photo .listing-category-choice__icon,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice--photo .listing-category-choice__icon {
        inset: 0 !important;
        z-index: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        opacity: 1 !important;
    }

    .listing-category-picker--subcategories .listing-category-choice--photo .listing-category-choice__icon img,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice--photo .listing-category-choice__icon img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    .listing-category-picker--subcategories .listing-category-choice--photo::before,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice--photo::before {
        content: none !important;
    }

    .listing-category-picker--subcategories .listing-category-choice--photo::after,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice--photo::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        width: auto !important;
        height: auto !important;
        border: 0 !important;
        border-radius: inherit !important;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.08) 62%, rgba(0, 0, 0, 0.02)) !important;
        transform: none !important;
        pointer-events: none !important;
    }

    .listing-category-picker--subcategories .listing-category-choice--photo strong,
    .listing-form-screen .listing-category-picker--subcategories .listing-category-choice--photo strong {
        color: #ffffff !important;
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.42) !important;
    }
}

/* Hard mobile create-listing grid lock: categories and subcategories match Android cards. */
@media (max-width: 820px) {
    .page-main--listing-form .listing-form-screen .listing-category-picker > .listing-category-picker__grid,
    .page-main--listing-form .listing-category-picker > .listing-category-picker__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .page-main--listing-form .listing-form-screen .listing-category-choice,
    .page-main--listing-form .listing-category-choice {
        min-width: 0 !important;
        min-height: 108px !important;
        height: 108px !important;
        display: block !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .page-main--listing-form .listing-category-choice__footer,
    .page-main--listing-form .listing-category-choice__arrow,
    .page-main--listing-form .listing-category-choice__meta,
    .page-main--listing-form .listing-category-choice p {
        display: none !important;
    }
}

/* Desktop catalog experience. Mobile stays governed by the existing max-width: 820px rules. */
.desktop-home-header {
    display: none;
}

@media (min-width: 821px) {
    :root {
        --container: 1240px;
        --desktop-home-gutter: 56px;
        --desktop-home-surface: rgba(255, 255, 255, 0.88);
        --desktop-home-surface-strong: #ffffff;
        --desktop-home-border: rgba(17, 17, 17, 0.08);
        --desktop-home-shadow: 0 18px 46px rgba(17, 17, 17, 0.08);
    }

    body {
        background:
            linear-gradient(90deg, rgba(17, 17, 17, 0.035) 1px, transparent 1px) center top / 76px 76px,
            linear-gradient(180deg, rgba(17, 17, 17, 0.026) 1px, transparent 1px) center top / 76px 76px,
            linear-gradient(180deg, #fbfbf9 0%, #f5f5f1 48%, #eeeeea 100%) !important;
    }

    .container {
        width: min(100% - var(--desktop-home-gutter), var(--container));
    }

    .page-main {
        padding-top: 0 !important;
        padding-bottom: 72px !important;
    }

    .desktop-home-header {
        position: sticky;
        top: 0;
        z-index: 70;
        display: block;
        padding: 14px 0;
        border-bottom: 1px solid rgba(17, 17, 17, 0.06);
        background: rgba(251, 251, 249, 0.78);
        box-shadow: 0 12px 28px rgba(17, 17, 17, 0.045);
        backdrop-filter: blur(24px) saturate(1.18);
        -webkit-backdrop-filter: blur(24px) saturate(1.18);
    }

    .desktop-home-header__bar {
        display: grid;
        grid-template-columns: minmax(170px, 0.8fr) minmax(0, 1.6fr) auto;
        align-items: center;
        gap: 20px;
    }

    .desktop-home-header__brand,
    .desktop-home-header__nav,
    .desktop-home-header__actions {
        min-width: 0;
        display: flex;
        align-items: center;
    }

    .desktop-home-header__brand {
        gap: 12px;
    }

    .desktop-home-header__logo {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border: 1px solid rgba(17, 17, 17, 0.08);
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
    }

    .desktop-home-header__logo img {
        width: 32px;
        height: 32px;
        object-fit: contain;
    }

    .desktop-home-header__brand-copy {
        min-width: 0;
        display: grid;
        gap: 1px;
    }

    .desktop-home-header__brand-copy strong {
        color: #151515;
        font-size: 21px;
        font-weight: 820;
        line-height: 1;
    }

    .desktop-home-header__brand-copy span {
        overflow: hidden;
        color: rgba(17, 17, 17, 0.52);
        font-size: 12px;
        font-weight: 720;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .desktop-home-header__nav {
        justify-content: center;
        gap: 6px;
        padding: 6px;
        border: 1px solid var(--desktop-home-border);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.66);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .desktop-home-header__nav a,
    .desktop-home-header__ghost,
    .desktop-home-header__primary {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 0 13px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 760;
        line-height: 1;
        white-space: nowrap;
        transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
    }

    .desktop-home-header__nav a {
        color: rgba(17, 17, 17, 0.66);
    }

    .desktop-home-header__nav a:hover,
    .desktop-home-header__nav a.is-active {
        color: #111111;
        background: #ffffff;
        box-shadow: 0 10px 22px rgba(17, 17, 17, 0.08);
    }

    .desktop-home-header__nav a.is-active {
        color: #ffffff;
        background: linear-gradient(180deg, #242424 0%, #101010 100%);
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.18);
    }

    .desktop-home-header__nav a span {
        min-width: 19px;
        height: 19px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        border-radius: 999px;
        color: inherit;
        background: rgba(17, 17, 17, 0.08);
        font-size: 11px;
        font-weight: 820;
    }

    .desktop-home-header__actions {
        justify-content: flex-end;
        gap: 8px;
    }

    .desktop-home-header__ghost {
        border: 1px solid var(--desktop-home-border);
        color: #191919;
        background: rgba(255, 255, 255, 0.72);
    }

    .desktop-home-header__primary {
        border: 1px solid rgba(17, 17, 17, 0.12);
        color: #ffffff;
        background: linear-gradient(180deg, #2a2a2a 0%, #101010 100%);
        box-shadow: 0 16px 32px rgba(17, 17, 17, 0.18);
    }

    .desktop-home-header__ghost:hover,
    .desktop-home-header__primary:hover {
        transform: translateY(-1px);
    }

    .mobile-dock {
        display: none !important;
    }

    .catalog-topbar {
        padding: 22px 0 18px !important;
        background: transparent !important;
    }

    .catalog-topbar .search-form,
    .catalog-topbar .stores-search {
        padding: 0 !important;
    }

    .catalog-topbar__main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 64px !important;
        gap: 14px !important;
        align-items: center !important;
    }

    .search-field--topbar {
        min-height: 64px !important;
        padding: 0 14px 0 20px !important;
        border: 1px solid var(--desktop-home-border) !important;
        border-radius: 16px !important;
        background: var(--desktop-home-surface-strong) !important;
        box-shadow: var(--desktop-home-shadow) !important;
    }

    .search-field--topbar input {
        color: #181818;
        font-size: 18px !important;
        font-weight: 650 !important;
    }

    .search-field--topbar input::placeholder {
        color: rgba(17, 17, 17, 0.46) !important;
    }

    .search-field__submit,
    .search-field__action {
        color: rgba(17, 17, 17, 0.68) !important;
    }

    .search-field__action {
        width: auto !important;
        min-width: 118px !important;
        height: 44px !important;
        padding: 0 14px !important;
        border: 1px solid rgba(17, 17, 17, 0.08) !important;
        border-radius: 12px !important;
        background: rgba(17, 17, 17, 0.045) !important;
        font-size: 14px !important;
        font-weight: 780 !important;
    }

    .search-field__action::after {
        content: "Фильтры";
        margin-left: 6px;
    }

    .icon-button--favorite-shortcut {
        width: 64px !important;
        height: 64px !important;
        border: 1px solid var(--desktop-home-border) !important;
        border-radius: 16px !important;
        background: var(--desktop-home-surface-strong) !important;
        box-shadow: var(--desktop-home-shadow) !important;
    }

    .home-categories {
        padding: 4px 0 20px !important;
    }

    .home-categories__track,
    .home-categories__track--subcategories {
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 12px !important;
        overflow: visible !important;
        padding: 0 !important;
        scroll-snap-type: none !important;
    }

    .home-categories .category-card,
    .home-categories .subcategory-card {
        min-width: 0 !important;
        height: 132px !important;
        border: 1px solid rgba(17, 17, 17, 0.06) !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 238, 232, 0.96)) !important;
        box-shadow: 0 14px 30px rgba(17, 17, 17, 0.075) !important;
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
    }

    .home-categories .category-card:hover,
    .home-categories .category-card:focus-visible,
    .home-categories .subcategory-card:hover,
    .home-categories .subcategory-card:focus-visible {
        transform: translateY(-3px) !important;
        border-color: rgba(17, 17, 17, 0.12) !important;
        box-shadow: 0 22px 46px rgba(17, 17, 17, 0.12) !important;
    }

    .home-categories .category-card__content,
    .home-categories .subcategory-card__content {
        padding: 15px 14px !important;
    }

    .home-categories .category-card__label,
    .home-categories .subcategory-card__label {
        max-width: 74% !important;
        color: #141414 !important;
        font-size: 13.5px !important;
        font-weight: 400 !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    .home-categories .category-card--artwork .category-card__label,
    .home-categories .subcategory-card--artwork .subcategory-card__label {
        color: var(--category-text-light, #111111) !important;
        font-size: 14px !important;
    }

    .home-categories .category-card__media-overlay,
    .home-categories .subcategory-card__media-overlay {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.04) 62%) !important;
    }

    .home-statuses {
        padding: 0 0 24px !important;
    }

    .home-statuses .container {
        max-width: var(--container) !important;
    }

    .home-statuses__track {
        gap: 14px !important;
        padding: 16px 18px !important;
        border: 1px solid var(--desktop-home-border);
        border-radius: 18px;
        background: var(--desktop-home-surface);
        box-shadow: var(--desktop-home-shadow);
        backdrop-filter: blur(18px) saturate(1.12);
        -webkit-backdrop-filter: blur(18px) saturate(1.12);
    }

    .home-status-card {
        flex-basis: 86px !important;
    }

    .home-status-card__bubble {
        width: 86px !important;
        height: 78px !important;
    }

    .home-status-card__ring {
        width: 78px !important;
        height: 78px !important;
    }

    .catalog-feed {
        padding: 4px 0 48px !important;
    }

    .listing-grid--feed {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(236px, 1fr)) !important;
        gap: 20px !important;
    }

    .listing-grid--feed .listing-card {
        overflow: hidden !important;
        border: 1px solid rgba(17, 17, 17, 0.08) !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 16px 38px rgba(17, 17, 17, 0.08) !important;
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
    }

    .listing-grid--feed .listing-card:hover {
        transform: translateY(-3px) !important;
        border-color: rgba(17, 17, 17, 0.14) !important;
        box-shadow: 0 24px 54px rgba(17, 17, 17, 0.12) !important;
    }

    .listing-card__media {
        aspect-ratio: 4 / 3 !important;
    }

    .listing-card__body {
        min-height: 152px !important;
        padding: 16px 17px 17px !important;
    }

    .listing-card__title {
        color: #161616 !important;
        font-size: 16px !important;
        font-weight: 650 !important;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
    }

    .listing-card__price {
        color: #111111 !important;
        font-size: 22px !important;
        font-weight: 780 !important;
        letter-spacing: 0 !important;
    }

    .listing-card__location,
    .listing-card__excerpt {
        color: rgba(17, 17, 17, 0.56) !important;
    }

    .favorite-button {
        border-radius: 12px !important;
    }
}

@media (min-width: 821px) and (max-width: 1120px) {
    :root {
        --desktop-home-gutter: 32px;
    }

    .desktop-home-header__bar {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .desktop-home-header__nav {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .desktop-home-header__nav::-webkit-scrollbar {
        display: none;
    }

    .desktop-home-header__actions {
        justify-content: flex-start;
    }

    .home-categories__track,
    .home-categories__track--subcategories {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (prefers-color-scheme: dark) and (min-width: 821px) {
    .desktop-home-header {
        background: rgba(13, 17, 23, 0.8);
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    .desktop-home-header__brand-copy strong,
    .desktop-home-header__ghost,
    .search-field--topbar input,
    .listing-card__title,
    .listing-card__price {
        color: var(--ink) !important;
    }

    .desktop-home-header__brand-copy span,
    .desktop-home-header__nav a,
    .search-field--topbar input::placeholder {
        color: rgba(243, 245, 248, 0.62) !important;
    }

    .desktop-home-header__logo,
    .desktop-home-header__nav,
    .desktop-home-header__ghost,
    .search-field--topbar,
    .icon-button--favorite-shortcut,
    .home-statuses__track,
    .listing-grid--feed .listing-card {
        border-color: rgba(255, 255, 255, 0.08) !important;
        background: rgba(21, 27, 36, 0.94) !important;
    }

    .desktop-home-header__nav a:hover {
        color: var(--ink) !important;
        background: rgba(255, 255, 255, 0.08);
    }
}

/* Listing publication loading animation */
body.listing-upload-overlay-open {
    overflow: hidden;
}

.listing-upload-overlay {
    --listing-upload-progress: 0%;
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(244, 244, 241, 0.84)),
        rgba(17, 17, 17, 0.14);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.24s ease;
    backdrop-filter: blur(24px) saturate(1.12);
    -webkit-backdrop-filter: blur(24px) saturate(1.12);
}

.listing-upload-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.listing-upload-overlay__panel {
    width: min(100%, 390px);
    display: grid;
    justify-items: center;
    gap: 18px;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 8px;
    color: #111111;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 244, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 28px 76px rgba(17, 17, 17, 0.18);
    transform: translateY(10px) scale(0.98);
    transition: transform 0.24s ease;
}

.listing-upload-overlay.is-visible .listing-upload-overlay__panel {
    transform: translateY(0) scale(1);
}

.listing-upload-orbit {
    position: relative;
    width: 118px;
    height: 118px;
    display: grid;
    place-items: center;
}

.listing-upload-orbit__ring {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background:
        conic-gradient(from 0deg, #111111 0 16%, rgba(17, 17, 17, 0.08) 16% 100%);
    -webkit-mask: radial-gradient(circle, transparent 58%, #000 59%);
    mask: radial-gradient(circle, transparent 58%, #000 59%);
    animation: listing-upload-spin 1.1s linear infinite;
}

.listing-upload-orbit__core {
    width: 68px;
    height: 68px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    background:
        radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.86), transparent 34%),
        linear-gradient(145deg, #f7f7f4, #e3e3dc);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 18px 34px rgba(17, 17, 17, 0.12);
}

.listing-upload-orbit__core::before {
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    margin: 20px auto;
    border-radius: 8px;
    background: linear-gradient(180deg, #2b2b2b, #0f0f0f);
    box-shadow: 0 8px 18px rgba(17, 17, 17, 0.16);
    animation: listing-upload-core 1.65s ease-in-out infinite;
}

.listing-upload-orbit__dot {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #111111;
    box-shadow: 0 10px 22px rgba(17, 17, 17, 0.22);
}

.listing-upload-orbit__dot--one {
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    animation: listing-upload-dot-one 1.2s ease-in-out infinite;
}

.listing-upload-orbit__dot--two {
    right: 10px;
    bottom: 18px;
    opacity: 0.72;
    animation: listing-upload-dot-two 1.2s ease-in-out infinite;
}

.listing-upload-overlay__copy {
    display: grid;
    gap: 7px;
    text-align: center;
}

.listing-upload-overlay__copy strong {
    font-size: 23px;
    font-weight: 820;
    line-height: 1.12;
}

.listing-upload-overlay__copy span,
.listing-upload-overlay__value {
    color: rgba(17, 17, 17, 0.58);
    font-size: 14px;
    line-height: 1.35;
}

.listing-upload-overlay__progress {
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.08);
}

.listing-upload-overlay__progress span {
    width: var(--listing-upload-progress);
    height: 100%;
    display: block;
    border-radius: inherit;
    background:
        linear-gradient(90deg, #111111, #4b4b4b, #111111);
    background-size: 180% 100%;
    transition: width 0.2s ease;
    animation: listing-upload-shimmer 1.35s linear infinite;
}

.listing-upload-overlay[data-state="error"] .listing-upload-orbit__ring,
.listing-upload-overlay[data-state="error"] .listing-upload-overlay__progress span {
    background: #b3261e;
    animation: none;
}

@keyframes listing-upload-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes listing-upload-core {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-3px) rotate(8deg);
    }
}

@keyframes listing-upload-dot-one {
    0%,
    100% {
        transform: translateX(-50%) scale(1);
    }
    50% {
        transform: translateX(-50%) scale(0.72);
    }
}

@keyframes listing-upload-dot-two {
    0%,
    100% {
        transform: scale(0.78);
    }
    50% {
        transform: scale(1.1);
    }
}

@keyframes listing-upload-shimmer {
    to {
        background-position: 180% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .listing-upload-orbit__ring,
    .listing-upload-orbit__core::before,
    .listing-upload-orbit__dot,
    .listing-upload-overlay__progress span {
        animation: none !important;
    }
}

@media (prefers-color-scheme: dark) {
    .listing-upload-overlay {
        background:
            linear-gradient(180deg, rgba(9, 13, 19, 0.72), rgba(15, 20, 28, 0.88)),
            rgba(0, 0, 0, 0.5);
    }

    .listing-upload-overlay__panel {
        color: var(--ink);
        border-color: rgba(255, 255, 255, 0.08);
        background: linear-gradient(180deg, rgba(29, 37, 48, 0.98), rgba(21, 27, 36, 0.96));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 28px 76px rgba(0, 0, 0, 0.45);
    }

    .listing-upload-orbit__ring,
    .listing-upload-orbit__dot,
    .listing-upload-overlay__progress span {
        background:
            linear-gradient(90deg, #f3f5f8, #aeb8c7, #f3f5f8);
    }

    .listing-upload-orbit__core {
        border-color: rgba(255, 255, 255, 0.08);
        background:
            radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.12), transparent 34%),
            linear-gradient(145deg, #293343, #151b24);
    }

    .listing-upload-orbit__core::before {
        background: linear-gradient(180deg, #f3f5f8, #aeb8c7);
    }

    .listing-upload-overlay__copy span,
    .listing-upload-overlay__value {
        color: rgba(243, 245, 248, 0.64);
    }

    .listing-upload-overlay__progress {
        background: rgba(255, 255, 255, 0.1);
    }
}

/* Premium desktop polish for catalog and listing creation. */
@media (min-width: 821px) {
    .desktop-home-header {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 248, 245, 0.72));
        border-bottom-color: rgba(17, 17, 17, 0.055);
    }

    .desktop-home-header__bar {
        grid-template-columns: minmax(190px, 0.75fr) minmax(500px, 1.65fr) auto;
    }

    .desktop-home-header__nav {
        padding: 5px;
        border-radius: 8px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.64));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 14px 34px rgba(17, 17, 17, 0.06);
    }

    .desktop-home-header__nav a,
    .desktop-home-header__ghost,
    .desktop-home-header__primary {
        border-radius: 8px;
    }

    .desktop-home-header__primary {
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 44%),
            linear-gradient(180deg, #242424 0%, #0c0c0c 100%);
    }

    .catalog-topbar {
        padding-top: 26px !important;
    }

    .search-field--topbar,
    .icon-button--favorite-shortcut {
        border-radius: 8px !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 18px 44px rgba(17, 17, 17, 0.075) !important;
    }

    .search-field__action {
        border-radius: 8px !important;
        background: linear-gradient(180deg, rgba(17, 17, 17, 0.07), rgba(17, 17, 17, 0.045)) !important;
    }

    .home-categories .category-card,
    .home-categories .subcategory-card,
    .home-statuses__track,
    .listing-grid--feed .listing-card {
        border-radius: 8px !important;
    }

    .home-categories .category-card,
    .home-categories .subcategory-card {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 246, 242, 0.9) 58%, rgba(235, 235, 228, 0.94)) !important;
    }

    .home-categories .category-card--artwork .category-card__media-frame,
    .home-categories .subcategory-card--artwork .subcategory-card__media-frame {
        transform: translate(var(--category-image-shift-x), var(--category-image-shift-y)) scale(1.04) !important;
    }

    .home-statuses__track {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.62));
    }

    .listing-grid--feed .listing-card {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 250, 248, 0.96)) !important;
    }

    body:has(.page-main--listing-form) {
        background:
            linear-gradient(90deg, rgba(17, 17, 17, 0.03) 1px, transparent 1px) center top / 74px 74px,
            linear-gradient(180deg, rgba(17, 17, 17, 0.022) 1px, transparent 1px) center top / 74px 74px,
            linear-gradient(180deg, #fbfbf9 0%, #f4f4ef 100%) !important;
    }

    .page-main--listing-form {
        padding: 28px 0 88px !important;
        background: transparent !important;
    }

    .listing-form-shell {
        max-width: 1120px !important;
    }

    .listing-form-screen .listing-form-header {
        padding: 18px !important;
        border-radius: 8px !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 244, 240, 0.9)),
            linear-gradient(120deg, rgba(17, 17, 17, 0.045), transparent 44%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 22px 52px rgba(17, 17, 17, 0.08) !important;
    }

    .listing-form-back,
    .listing-form-status,
    .listing-form-screen .listing-form-card,
    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger,
    .listing-upload,
    .listing-upload-progress,
    .listing-switch,
    .listing-form-submitbar {
        border-radius: 8px !important;
    }

    .listing-form-screen .listing-form-title h1 {
        font-size: 34px !important;
        font-weight: 760 !important;
        letter-spacing: 0 !important;
    }

    .listing-form-screen .listing-form-title span {
        color: rgba(17, 17, 17, 0.54) !important;
        font-size: 12px !important;
        text-transform: none !important;
    }

    .listing-form {
        gap: 18px !important;
    }

    .listing-form-screen .listing-form-card {
        padding: 24px !important;
        border-color: rgba(17, 17, 17, 0.075) !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 249, 246, 0.95)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 20px 48px rgba(17, 17, 17, 0.07) !important;
    }

    .listing-form-screen .listing-form-card::before {
        height: 1px !important;
        background: linear-gradient(90deg, rgba(17, 17, 17, 0.34), rgba(17, 17, 17, 0)) !important;
    }

    .listing-form-card__head {
        padding-bottom: 16px !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.07) !important;
    }

    .listing-form-screen .listing-form-card__icon {
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 232, 226, 0.96)) !important;
    }

    .listing-form-grid {
        gap: 16px !important;
    }

    .listing-field > span {
        color: rgba(17, 17, 17, 0.58) !important;
        font-size: 13px !important;
        font-weight: 740 !important;
    }

    .listing-field input,
    .listing-field select,
    .listing-field textarea,
    .listing-field .location-picker__trigger {
        border-color: rgba(17, 17, 17, 0.085) !important;
        background: rgba(255, 255, 255, 0.86) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    }

    .listing-field input:focus,
    .listing-field select:focus,
    .listing-field textarea:focus,
    .listing-field .location-picker__trigger:focus {
        border-color: rgba(17, 17, 17, 0.2) !important;
        box-shadow:
            0 0 0 4px rgba(17, 17, 17, 0.055),
            inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    }

    .listing-upload {
        border-style: solid !important;
        background:
            linear-gradient(135deg, rgba(17, 17, 17, 0.035), transparent 52%),
            rgba(255, 255, 255, 0.72) !important;
    }

    .listing-upload-progress {
        background: rgba(255, 255, 255, 0.72) !important;
    }

    .listing-form-submitbar:not(.listing-form-submitbar--wizard) {
        justify-content: flex-end !important;
    }

    .listing-form-submitbar .button {
        border-radius: 8px !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 46%),
            linear-gradient(180deg, #242424 0%, #0e0e0e 100%) !important;
        box-shadow: 0 18px 38px rgba(17, 17, 17, 0.18) !important;
    }

    .listing-form.is-uploading {
        cursor: progress !important;
    }

    .listing-form.is-uploading .listing-form-card {
        filter: saturate(0.96);
    }
}

/* Shared premium desktop shell for every app page. */
@media (min-width: 821px) {
    body:not(.auth-page) {
        color: #151515;
        background:
            linear-gradient(90deg, rgba(17, 17, 17, 0.028) 1px, transparent 1px) center top / 74px 74px,
            linear-gradient(180deg, rgba(17, 17, 17, 0.022) 1px, transparent 1px) center top / 74px 74px,
            linear-gradient(180deg, #fbfbf8 0%, #f5f5f0 48%, #eeeeea 100%) !important;
    }

    .desktop-app-header {
        display: block !important;
    }

    body:not(.auth-page) .site-header {
        display: none !important;
    }

    body:not(.auth-page) .page-main {
        padding-top: 30px !important;
        padding-bottom: 86px !important;
    }

    body:has(.catalog-topbar) .page-main {
        padding-top: 0 !important;
    }

    .page-alerts:empty {
        display: none;
    }

    .page-alerts:not(:empty) {
        padding-top: 4px;
    }

    .desktop-home-header__ghost.is-active {
        color: #ffffff;
        border-color: rgba(17, 17, 17, 0.16);
        background: linear-gradient(180deg, #2a2a2a 0%, #101010 100%);
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.16);
    }

    .desktop-home-header__nav a span {
        background: rgba(17, 17, 17, 0.08);
    }

    .desktop-home-header__nav a.is-active span {
        background: rgba(255, 255, 255, 0.16);
    }

    .page-main--my-listings,
    .page-main--messages,
    .page-main--account,
    .page-main--stores,
    .page-main--favorites,
    .page-main--admin,
    .page-main--listing-detail,
    .page-main--seller-store {
        background: transparent !important;
    }

    .my-listings-screen,
    .messages-screen,
    .page-main--account .section,
    .page-main--favorites .section,
    .page-main--stores .section,
    .page-main--admin .section {
        padding-top: 0 !important;
    }

    .my-listings-shell,
    .messages-screen > .container,
    .account-layout,
    .page-main--favorites > .container,
    .page-main--stores > .container,
    .page-main--admin > .container {
        width: min(100% - 56px, 1240px) !important;
        max-width: 1240px !important;
    }

    .my-listings-header,
    .messages-toolbar,
    .account-overview-hero,
    .panel,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .store-card,
    .favorites-empty,
    .empty-state,
    .detail-card,
    .admin-card,
    .admin-section,
    .admin-panel {
        border-radius: 8px !important;
    }

    .my-listings-header {
        min-height: auto !important;
        padding: 0 !important;
        margin-bottom: 18px;
    }

    .my-listings-header h1,
    .messages-empty--premium h1,
    .account-overview-hero__title,
    .section__header h1,
    .section__header h2 {
        letter-spacing: 0 !important;
    }

    .my-listings-header h1 {
        font-size: 36px !important;
        font-weight: 820 !important;
    }

    .my-listings-tabs,
    .message-tabs {
        border: 1px solid rgba(17, 17, 17, 0.075) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.64)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 14px 34px rgba(17, 17, 17, 0.06) !important;
    }

    .my-listings-tabs a,
    .message-tab {
        border-radius: 8px !important;
    }

    .my-listings-tabs a.is-active,
    .message-tab.is-active {
        color: #ffffff !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 46%),
            linear-gradient(180deg, #242424 0%, #0e0e0e 100%) !important;
        box-shadow: 0 14px 28px rgba(17, 17, 17, 0.16) !important;
    }

    .my-listings-search label,
    .my-listings-search__reset,
    .message-search,
    .message-icon-button {
        border-radius: 8px !important;
        border-color: rgba(17, 17, 17, 0.075) !important;
        background: rgba(255, 255, 255, 0.86) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 14px 30px rgba(17, 17, 17, 0.055) !important;
    }

    .my-listings-list,
    .messages-list {
        gap: 14px !important;
    }

    .my-listing-card,
    .message-card,
    .messages-inbox,
    .messages-detail__card,
    .messages-detail__empty,
    .account-overview-hero,
    .account-sections__item,
    .account-card,
    .panel,
    .store-card,
    .favorites-empty,
    .empty-state {
        border: 1px solid rgba(17, 17, 17, 0.075) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(249, 249, 246, 0.95)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 18px 44px rgba(17, 17, 17, 0.065) !important;
    }

    .my-listing-card:hover,
    .message-card:hover,
    .account-sections__item:hover,
    .store-card:hover {
        transform: translateY(-2px) !important;
        border-color: rgba(17, 17, 17, 0.13) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 24px 54px rgba(17, 17, 17, 0.1) !important;
    }

    .my-listing-card__media,
    .message-card__avatar,
    .account-overview-hero__avatar,
    .store-card__avatar,
    .listing-card__media {
        border-radius: 8px !important;
    }

    .my-listing-card__edit,
    .my-listing-card__open,
    .message-actions-menu__panel,
    .message-actions-menu__item,
    .account-overview-notification,
    .account-overview-metric,
    .button,
    .icon-button {
        border-radius: 8px !important;
    }

    .my-listing-card__open,
    .message-action-submit:not(:disabled),
    .account-overview-metric--balance,
    .button:not(.button--ghost):not(.button--subtle) {
        color: #ffffff !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 46%),
            linear-gradient(180deg, #242424 0%, #0e0e0e 100%) !important;
        border-color: rgba(17, 17, 17, 0.16) !important;
        box-shadow: 0 16px 32px rgba(17, 17, 17, 0.16) !important;
    }

    .messages-shell,
    .messages-shell--list {
        max-width: none !important;
        display: block !important;
    }

    .messages-inbox--full {
        width: 100% !important;
    }

    .messages-toolbar {
        margin-bottom: 14px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .message-card {
        min-height: 94px !important;
        padding: 16px !important;
    }

    .message-card__avatar {
        width: 58px !important;
        height: 58px !important;
    }

    .account-layout {
        gap: 18px !important;
    }

    .account-overview-hero {
        padding: 24px !important;
    }

    .account-sections {
        gap: 14px !important;
    }

    .account-sections__item.is-active {
        color: #ffffff !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 46%),
            linear-gradient(180deg, #242424 0%, #101010 100%) !important;
    }

    .account-overview-metrics {
        gap: 12px !important;
    }

    .account-overview-metric {
        border: 1px solid rgba(17, 17, 17, 0.075) !important;
        background: rgba(255, 255, 255, 0.7) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    .page-main--stores .stores-search,
    .page-main--favorites .favorites-empty,
    .page-main--listing-detail .listing-detail,
    .page-main--seller-store .seller-store {
        margin-top: 0 !important;
    }

    .listing-grid,
    .store-grid,
    .stores-grid {
        gap: 20px !important;
    }

    input,
    select,
    textarea {
        border-radius: 8px !important;
    }
}

@media (min-width: 821px) and (max-width: 1120px) {
    .desktop-home-header__bar {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
    }

    .desktop-home-header__nav {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .desktop-home-header__actions {
        justify-content: flex-end;
    }

    .my-listings-shell,
    .messages-screen > .container,
    .account-layout {
        width: min(100% - 32px, 1240px) !important;
    }
}

@media (min-width: 821px) {
    .desktop-home-header__brand-copy strong {
        font-family: var(--font-body) !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
    }

    .desktop-home-header__brand-copy span {
        font-weight: 430 !important;
        letter-spacing: 0 !important;
    }

    .listing-card__media[data-image-loader-frame].is-image-error {
        background:
            radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.9), transparent 28%),
            linear-gradient(135deg, #f6f6f4 0%, #e6e6e1 100%) !important;
    }

    .listing-card__media[data-image-loader-frame].is-image-error [data-image-loader] {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .listing-card__media[data-image-loader-frame].is-image-error::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
            linear-gradient(135deg, transparent 0 42%, rgba(17, 17, 17, 0.035) 42% 43%, transparent 43%),
            linear-gradient(315deg, transparent 0 55%, rgba(255, 255, 255, 0.72) 55% 56%, transparent 56%);
    }

    .listing-card__media[data-image-loader-frame].is-image-error::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        width: 52px;
        height: 42px;
        border: 1px solid rgba(17, 17, 17, 0.13);
        border-radius: 8px;
        background:
            radial-gradient(circle at 70% 34%, rgba(17, 17, 17, 0.22) 0 4px, transparent 4.6px),
            linear-gradient(135deg, rgba(17, 17, 17, 0.14) 0 17%, transparent 17%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.46));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            0 18px 32px rgba(17, 17, 17, 0.08);
        opacity: 0.78;
        pointer-events: none;
        transform: translate(-50%, -50%);
    }

    .listing-card__media[data-image-loader-frame].is-image-error .listing-card__overlay {
        z-index: 4;
    }
}

/* Premium catalog refresh: header, category rail and statuses. */
@media (min-width: 821px) {
    :root {
        --catalog-premium-ink: #111318;
        --catalog-premium-muted: rgba(17, 19, 24, 0.58);
        --catalog-premium-line: rgba(17, 19, 24, 0.095);
        --catalog-premium-soft-line: rgba(17, 19, 24, 0.055);
        --catalog-premium-panel: rgba(255, 255, 255, 0.82);
        --catalog-premium-panel-strong: rgba(255, 255, 255, 0.96);
        --catalog-premium-shadow: 0 22px 60px rgba(25, 28, 35, 0.1);
        --catalog-premium-shadow-soft: 0 12px 34px rgba(25, 28, 35, 0.07);
    }

    body:not(.auth-page):has(.catalog-topbar) {
        background:
            linear-gradient(90deg, rgba(18, 22, 29, 0.026) 1px, transparent 1px) center top / 84px 84px,
            linear-gradient(180deg, rgba(18, 22, 29, 0.022) 1px, transparent 1px) center top / 84px 84px,
            linear-gradient(180deg, #fcfcfd 0%, #f6f7f8 46%, #eff1f4 100%) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header {
        padding: 16px 0 17px !important;
        border-bottom: 1px solid rgba(17, 19, 24, 0.055) !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 249, 251, 0.76)) !important;
        box-shadow: 0 18px 46px rgba(21, 24, 31, 0.065) !important;
        backdrop-filter: blur(26px) saturate(1.18) !important;
        -webkit-backdrop-filter: blur(26px) saturate(1.18) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__bar {
        grid-template-columns: minmax(188px, 0.72fr) minmax(520px, 1.72fr) auto !important;
        gap: 22px !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__brand {
        gap: 13px !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__logo {
        width: 48px !important;
        height: 48px !important;
        border: 1px solid rgba(17, 19, 24, 0.08) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, #ffffff, #f2f4f7) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 14px 30px rgba(17, 19, 24, 0.09) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__brand-copy strong {
        color: var(--catalog-premium-ink) !important;
        font-size: 21px !important;
        font-weight: 720 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__brand-copy span {
        color: rgba(17, 19, 24, 0.5) !important;
        font-size: 12px !important;
        font-weight: 560 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav {
        gap: 4px !important;
        padding: 5px !important;
        border: 1px solid var(--catalog-premium-line) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 247, 250, 0.82)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            var(--catalog-premium-shadow-soft) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a,
    body:has(.catalog-topbar) .desktop-home-header__ghost,
    body:has(.catalog-topbar) .desktop-home-header__primary {
        min-height: 42px !important;
        border-radius: 7px !important;
        font-size: 14px !important;
        font-weight: 680 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a {
        color: rgba(17, 19, 24, 0.62) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a:hover {
        color: var(--catalog-premium-ink) !important;
        background: rgba(17, 19, 24, 0.045) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a.is-active {
        color: #ffffff !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 42%),
            linear-gradient(180deg, #22252b 0%, #0d0f13 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 16px 30px rgba(12, 14, 18, 0.24) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a span {
        background: rgba(17, 19, 24, 0.08) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a.is-active span {
        background: rgba(255, 255, 255, 0.18) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__ghost {
        border: 1px solid var(--catalog-premium-line) !important;
        color: var(--catalog-premium-ink) !important;
        background: rgba(255, 255, 255, 0.82) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.96),
            0 12px 28px rgba(17, 19, 24, 0.06) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__primary,
    body:has(.catalog-topbar) .desktop-home-header__ghost.is-active {
        border: 1px solid rgba(13, 15, 19, 0.22) !important;
        color: #ffffff !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent 44%),
            linear-gradient(180deg, #24272d 0%, #0c0e12 100%) !important;
        box-shadow: 0 18px 38px rgba(12, 14, 18, 0.22) !important;
    }

    body:has(.catalog-topbar) .catalog-topbar {
        padding: 32px 0 18px !important;
    }

    body:has(.catalog-topbar) .catalog-topbar__main {
        grid-template-columns: minmax(0, 1fr) 68px !important;
        gap: 16px !important;
    }

    body:has(.catalog-topbar) .search-field--topbar,
    body:has(.catalog-topbar) .icon-button--favorite-shortcut {
        border: 1px solid var(--catalog-premium-line) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            var(--catalog-premium-shadow) !important;
    }

    body:has(.catalog-topbar) .search-field--topbar {
        min-height: 68px !important;
        padding: 0 12px 0 22px !important;
    }

    body:has(.catalog-topbar) .search-field--topbar input {
        color: var(--catalog-premium-ink) !important;
        font-size: 19px !important;
        font-weight: 640 !important;
    }

    body:has(.catalog-topbar) .search-field--topbar input::placeholder {
        color: rgba(17, 19, 24, 0.42) !important;
    }

    body:has(.catalog-topbar) .search-field__submit {
        color: rgba(17, 19, 24, 0.56) !important;
    }

    body:has(.catalog-topbar) .search-field__action {
        min-width: 124px !important;
        height: 46px !important;
        border: 1px solid rgba(17, 19, 24, 0.09) !important;
        border-radius: 7px !important;
        color: var(--catalog-premium-ink) !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(235, 238, 242, 0.92)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    }

    body:has(.catalog-topbar) .icon-button--favorite-shortcut {
        width: 68px !important;
        height: 68px !important;
        color: #15181d !important;
    }

    body:has(.catalog-topbar) .home-categories {
        padding: 2px 0 18px !important;
    }

    body:has(.catalog-topbar) .home-categories__track,
    body:has(.catalog-topbar) .home-categories__track--subcategories {
        gap: 14px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card,
    body:has(.catalog-topbar) .home-categories .subcategory-card {
        height: 142px !important;
        overflow: hidden !important;
        border: 1px solid var(--catalog-premium-line) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 250, 0.94)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 18px 46px rgba(25, 28, 35, 0.075) !important;
        transform: translateZ(0);
    }

    body:has(.catalog-topbar) .home-categories .category-card::before,
    body:has(.catalog-topbar) .home-categories .subcategory-card::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        z-index: 3 !important;
        display: block !important;
        width: 100% !important;
        height: 3px !important;
        border-radius: 8px 8px 0 0 !important;
        background: linear-gradient(90deg, var(--category-accent), rgba(var(--category-accent-rgb), 0.32), transparent 74%) !important;
        opacity: 0.75 !important;
        pointer-events: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card::after,
    body:has(.catalog-topbar) .home-categories .subcategory-card::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        display: block !important;
        border-radius: inherit !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent 42%),
            linear-gradient(180deg, transparent 52%, rgba(17, 19, 24, 0.035)) !important;
        pointer-events: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card:hover,
    body:has(.catalog-topbar) .home-categories .category-card:focus-visible,
    body:has(.catalog-topbar) .home-categories .subcategory-card:hover,
    body:has(.catalog-topbar) .home-categories .subcategory-card:focus-visible {
        transform: translateY(-4px) !important;
        border-color: rgba(var(--category-accent-rgb), 0.28) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            0 28px 66px rgba(25, 28, 35, 0.13) !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card.is-active,
    body:has(.catalog-topbar) .home-categories .subcategory-card.is-active {
        border-color: rgba(17, 19, 24, 0.2) !important;
        box-shadow:
            inset 0 0 0 1px rgba(17, 19, 24, 0.1),
            0 24px 58px rgba(25, 28, 35, 0.12) !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__content,
    body:has(.catalog-topbar) .home-categories .subcategory-card__content {
        z-index: 4 !important;
        padding: 16px 15px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__label,
    body:has(.catalog-topbar) .home-categories .subcategory-card__label {
        max-width: 82% !important;
        color: var(--catalog-premium-ink) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.08 !important;
        text-shadow: none !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media {
        z-index: 0 !important;
        border-radius: inherit !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media-frame,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media-frame {
        inset: 12px 0 0 18% !important;
        transform: scale(0.94) !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media-image,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media-image {
        background-position: right bottom !important;
        background-size: contain !important;
        filter: saturate(1.03) contrast(1.01) drop-shadow(0 16px 22px rgba(18, 22, 29, 0.14)) !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media-overlay,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media-overlay {
        z-index: 2 !important;
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.4) 42%, rgba(255, 255, 255, 0.06) 100%) !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__art {
        right: -4px !important;
        bottom: -6px !important;
        opacity: 0.96 !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__art img,
    body:has(.catalog-topbar) .home-categories .category-card__art svg {
        filter: drop-shadow(0 16px 22px rgba(18, 22, 29, 0.16)) !important;
    }

    body:has(.catalog-topbar) .home-statuses {
        padding: 0 0 28px !important;
    }

    body:has(.catalog-topbar) .home-statuses__track {
        gap: 16px !important;
        padding: 18px 20px 17px !important;
        border: 1px solid var(--catalog-premium-line) !important;
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 249, 251, 0.72)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            var(--catalog-premium-shadow-soft) !important;
        backdrop-filter: blur(22px) saturate(1.12) !important;
        -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
    }

    body:has(.catalog-topbar) .home-status-card {
        flex-basis: 88px !important;
        gap: 8px !important;
    }

    body:has(.catalog-topbar) .home-status-card__bubble {
        width: 88px !important;
        height: 80px !important;
    }

    body:has(.catalog-topbar) .home-status-card__ring {
        width: 80px !important;
        height: 80px !important;
        padding: 3px !important;
        background:
            conic-gradient(from 155deg, #15181d 0 74%, #d4473a 74% 88%, #15181d 88% 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.28),
            0 14px 30px rgba(18, 22, 29, 0.14) !important;
    }

    body:has(.catalog-topbar) .home-status-card__ring--add {
        background:
            linear-gradient(180deg, #ffffff, #eef1f5) padding-box,
            linear-gradient(145deg, rgba(17, 19, 24, 0.22), rgba(17, 19, 24, 0.06)) border-box !important;
    }

    body:has(.catalog-topbar) .home-status-card.is-own .home-status-card__ring,
    body:has(.catalog-topbar) .home-status-card__ring.is-own {
        background:
            conic-gradient(from 155deg, #15181d 0 64%, #2f8f59 64% 82%, #15181d 82% 100%) !important;
    }

    body:has(.catalog-topbar) .home-status-card__preview {
        border: 2px solid #ffffff !important;
        background: linear-gradient(180deg, #f8fafc, #e9edf2) !important;
        box-shadow: inset 0 0 0 1px rgba(17, 19, 24, 0.04) !important;
    }

    body:has(.catalog-topbar) .home-status-card__avatar {
        right: 1px !important;
        bottom: 1px !important;
        width: 24px !important;
        height: 24px !important;
        border: 2px solid rgba(255, 255, 255, 0.96) !important;
        background: #15181d !important;
        color: #ffffff !important;
        box-shadow: 0 8px 18px rgba(17, 19, 24, 0.18) !important;
    }

    body:has(.catalog-topbar) .home-status-card__count {
        top: 0 !important;
        right: 5px !important;
        background: rgba(17, 19, 24, 0.82) !important;
        box-shadow: 0 8px 18px rgba(17, 19, 24, 0.18) !important;
    }

    body:has(.catalog-topbar) .home-status-card__name {
        color: var(--catalog-premium-ink) !important;
        font-size: 13px !important;
        font-weight: 760 !important;
    }

    body:has(.catalog-topbar) .home-status-card__time {
        color: rgba(17, 19, 24, 0.48) !important;
        font-size: 12px !important;
        font-weight: 560 !important;
    }
}

@media (min-width: 821px) and (max-width: 1120px) {
    body:has(.catalog-topbar) .desktop-home-header__bar {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav {
        grid-column: 1 / -1 !important;
    }

    body:has(.catalog-topbar) .home-categories__track,
    body:has(.catalog-topbar) .home-categories__track--subcategories {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.account-profile-note {
    margin: -2px 0 0;
    color: var(--account-muted, var(--muted));
    font-size: 14px;
    line-height: 1.55;
}

.account-profile-code {
    display: grid;
    gap: 6px;
    padding: 18px;
    border: 1px solid var(--account-line, rgba(17, 17, 17, 0.08));
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.account-profile-code strong {
    color: var(--account-ink, var(--ink));
    font-family: var(--font-display);
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: 0.08em;
}

.account-profile-code span,
.account-profile-check span {
    color: var(--account-muted, var(--muted));
    line-height: 1.55;
}

.account-profile-stats .account-placeholder-card strong {
    margin-bottom: 4px;
    font-size: 26px;
}

.account-profile-check {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(217, 31, 38, 0.16);
    border-radius: 20px;
    background: rgba(217, 31, 38, 0.06);
}

.account-profile-check input {
    width: 22px;
    height: 22px;
    margin: 1px 0 0;
    padding: 0;
    accent-color: #d91f26;
}

.account-device-list {
    gap: 12px;
}

.account-device-card__icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: grid;
    place-items: center;
    border: 1px solid var(--account-line, rgba(17, 17, 17, 0.08));
    border-radius: 18px;
    color: var(--account-ink, var(--ink));
    background: rgba(255, 255, 255, 0.8);
}

.account-device-card__icon svg {
    width: 25px;
    height: 25px;
}

.account-device-card__meta {
    display: grid;
    gap: 4px;
}

.account-device-card.is-current .account-device-card__icon {
    color: #1f7a4d;
    background: rgba(31, 122, 77, 0.1);
}

.account-native-ad__form {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--account-line, rgba(17, 17, 17, 0.08));
}

.account-native-ad__tariffs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-native-ad__list {
    display: grid;
    gap: 14px;
}

.account-native-ad__item {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--account-line, rgba(17, 17, 17, 0.08));
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 14px 32px rgba(17, 17, 17, 0.05);
}

.account-native-ad__image {
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 18px;
    background: rgba(17, 17, 17, 0.06);
}

.account-native-ad__copy {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.account-native-ad__copy strong {
    color: var(--account-ink, var(--ink));
    font-size: 18px;
    line-height: 1.25;
    word-break: break-word;
}

.account-native-ad__copy p {
    margin: 0;
    color: var(--account-muted, var(--muted));
    line-height: 1.5;
    word-break: break-word;
}

.account-native-ad__delete {
    align-self: start;
}

@media (max-width: 640px) {
    .account-native-ad__item {
        grid-template-columns: 72px minmax(0, 1fr) 40px;
        padding: 14px;
        border-radius: 22px;
    }

    .account-native-ad__image {
        width: 72px;
        height: 72px;
    }

    .account-native-ad__tariffs,
    .account-profile-stats {
        grid-template-columns: 1fr;
    }
}

@media (prefers-color-scheme: dark) {
    .account-profile-code,
    .account-device-card__icon,
    .account-native-ad__item {
        border-color: var(--account-line);
        color: var(--account-ink);
        background: rgba(17, 22, 29, 0.96);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            var(--account-shadow-soft);
    }

    .account-profile-code strong,
    .account-native-ad__copy strong {
        color: var(--account-ink);
    }

    .account-profile-code span,
    .account-profile-check span,
    .account-profile-note,
    .account-native-ad__copy p {
        color: var(--account-muted);
    }

    .account-profile-check {
        border-color: rgba(255, 180, 171, 0.18);
        background: rgba(255, 180, 171, 0.08);
    }

    .account-device-card.is-current .account-device-card__icon {
        color: #8ad1bc;
        background: rgba(138, 209, 188, 0.1);
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    body:not(.auth-page) {
        --mobile-app-primary: #f4f4ef;
        --mobile-app-muted: rgba(183, 183, 173, 0.9);
        --mobile-app-soft: #282822;
        --mobile-app-line: rgba(106, 106, 96, 0.22);
        --mobile-app-line-soft: rgba(93, 93, 85, 0.14);
        --mobile-app-bg: #171714;
    }

    body:not(.auth-page),
    body:not(.auth-page) .page-main {
        color: #f4f4ef !important;
        background: linear-gradient(180deg, #171714 0%, #1a1a17 52%, #1d1d1a 100%) !important;
    }

    body:has(.page-main--account) .account-overview-nav__item,
    body:has(.page-main--account) .account-placeholder-card,
    body:has(.page-main--account) .account-blocked-user,
    body:has(.page-main--account) .account-profile-code,
    body:has(.page-main--account) .account-device-card__icon,
    body:has(.page-main--account) .account-native-ad__item {
        border-color: rgba(106, 106, 96, 0.22) !important;
        color: #f4f4ef !important;
        background: rgba(35, 35, 31, 0.94) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    body:has(.page-main--account) .account-overview-nav__title,
    body:has(.page-main--account) .account-placeholder-card strong,
    body:has(.page-main--account) .account-blocked-user__copy strong,
    body:has(.page-main--account) .account-profile-code strong,
    body:has(.page-main--account) .account-native-ad__copy strong {
        color: #f4f4ef !important;
    }

    body:has(.page-main--account) .account-overview-nav__hint,
    body:has(.page-main--account) .account-overview-nav__arrow,
    body:has(.page-main--account) .account-placeholder-card p,
    body:has(.page-main--account) .account-blocked-user__copy span,
    body:has(.page-main--account) .account-profile-code span,
    body:has(.page-main--account) .account-profile-note,
    body:has(.page-main--account) .account-native-ad__copy p {
        color: rgba(183, 183, 173, 0.9) !important;
    }

    .mobile-dock {
        width: min(calc(100% - 24px), 560px) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
        padding: 8px !important;
        border-color: rgba(93, 93, 85, 0.14) !important;
        border-radius: 30px !important;
        color: #f4f4ef !important;
        background: linear-gradient(
            180deg,
            rgba(35, 35, 31, 0.98) 0%,
            rgba(33, 33, 30, 0.95) 52%,
            rgba(30, 30, 27, 0.94) 100%
        ) !important;
        box-shadow: 0 34px 80px rgba(0, 0, 0, 0.34) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .dock-item {
        min-height: 58px !important;
        padding: 4px !important;
        border-radius: 22px !important;
        color: rgba(183, 183, 173, 0.9) !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .dock-item:hover {
        color: #f4f4ef !important;
    }

    .dock-item.is-active {
        color: #f4f4ef !important;
        border-color: rgba(106, 106, 96, 0.22) !important;
        background: linear-gradient(
            180deg,
            rgba(43, 43, 37, 0.98) 0%,
            rgba(40, 40, 34, 0.98) 52%,
            rgba(37, 37, 32, 0.98) 100%
        ) !important;
        box-shadow: none !important;
    }

    .dock-item svg {
        filter: none !important;
    }

    .dock-item__badge {
        border-color: rgba(244, 244, 239, 0.24) !important;
        color: #171714 !important;
        background: #f4f4ef !important;
        box-shadow: none !important;
    }
}

/* Final Android compact listing card parity for mobile catalog. */
@media (max-width: 820px) {
    body:has(.catalog-topbar) .catalog-feed {
        padding: 0 0 44px !important;
    }

    body:has(.catalog-topbar) .catalog-feed .container {
        width: min(100% - 24px, 720px) !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 10px !important;
        row-gap: 6px !important;
        align-items: start !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card {
        min-width: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        transition: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card:hover,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card:focus-within,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card.is-pressed,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card.is-releasing {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card--wide {
        grid-column: span 2 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__media {
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: var(--android-surface-container-high, var(--surface-muted, #23231f)) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card--wide .listing-card__media {
        aspect-ratio: 2.05 / 1 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__media img,
    body:has(.catalog-topbar) .catalog-feed .listing-card__placeholder {
        border-radius: 8px !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__media::after,
    body:has(.catalog-topbar) .catalog-feed .listing-card:hover .listing-card__media::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__body {
        min-height: 94px !important;
        height: 94px !important;
        padding: 8px 0 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__headline {
        min-height: 0 !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 36px !important;
        gap: 4px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__title {
        color: var(--ink, #f4f4ef) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 19px !important;
        letter-spacing: 0 !important;
        -webkit-line-clamp: 2 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__price-row {
        min-height: 0 !important;
        margin-top: 3px !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__price {
        color: var(--ink, #f4f4ef) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 21px !important;
        letter-spacing: 0 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__location,
    body:has(.catalog-topbar) .catalog-feed .listing-card__date,
    body:has(.catalog-topbar) .catalog-feed .listing-card__meta-line,
    body:has(.catalog-topbar) .catalog-feed .listing-card__seller,
    body:has(.catalog-topbar) .catalog-feed .listing-card__stats {
        margin-top: 3px !important;
        color: var(--muted, rgba(183, 183, 173, 0.9)) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__excerpt {
        display: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .favorite-button {
        width: 34px !important;
        height: 34px !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--ink, #f4f4ef) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .favorite-button__icon,
    body:has(.catalog-topbar) .catalog-feed .favorite-button__icon svg {
        width: 24px !important;
        height: 24px !important;
    }
}

.route-submit-status {
    min-height: 1.35em;
    margin: 10px 4px 0;
    color: #777777;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.route-submit-status:empty {
    visibility: hidden;
}

.route-submit-status[data-state="pending"] {
    color: #555555;
}

.route-submit-status[data-state="error"] {
    color: #8b2f2f;
}

.route-submit-status--messages {
    margin: 0 0 10px;
}

.stack-form--auth.is-route-submitting .auth-submit,
.guest-auth-sheet__form.is-route-submitting .guest-auth-sheet__submit,
.listing-form.is-route-submitting .listing-form-submit,
.listing-form.is-route-submitting .listing-form-secondary,
.messages-action-form.is-route-submitting .message-action-submit,
.thread-compose.is-route-submitting .thread-compose__send {
    opacity: 0.76;
    transform: translateY(0);
}

.thread-compose__send:disabled {
    opacity: 0.56;
    box-shadow: none;
    cursor: not-allowed;
}

/* TUR-74: keep key mobile targets in messages/stores at >=44px. */
@media (max-width: 820px) {
    .page-main--messages .message-icon-button {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    .page-main--messages .message-tab,
    .page-main--messages .message-actions-menu__item {
        min-height: 44px !important;
    }

    .page-main--stores .stores-search--mobile .stores-search__filter {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }
}

.listing-missing {
    padding: clamp(24px, 6vw, 64px) 0;
}

.listing-missing__state {
    max-width: 640px;
    margin: 0 auto;
}

.listing-missing__cta {
    min-height: 44px;
}

/* TUR-59: keep key mobile tap targets at >=44x44 px for catalog/filter controls. */
@media (max-width: 768px) {
    body:has(.catalog-topbar) .search-field__submit,
    body:has(.catalog-topbar) .search-field__action,
    .catalog-topbar .search-field__submit,
    .catalog-topbar .search-field__action {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    .filter-sheet__close {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    .filter-sheet__reset {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0 10px !important;
    }

    .filter-chip,
    .search-form label.filter-choice span {
        min-height: 44px !important;
    }
}

@keyframes catalogCardSkeleton {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -120% 0;
    }
}

/* TUR-52 Wave 1: Android-like mobile shell/navigation/catalog without behavior changes. */
@media (max-width: 820px) {
    body:not(.auth-page) {
        --mobile-app-primary: #1c2637;
        --mobile-app-muted: #8c919b;
        --mobile-app-soft: #f3f3ef;
        --mobile-app-line: #e2e7ee;
        --mobile-app-line-soft: rgba(15, 23, 42, 0.08);
        --mobile-app-bg: #fffefc;
    }

    body:not(.auth-page) .page-main {
        padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px));
        background: var(--mobile-app-bg);
    }

    .mobile-dock {
        width: calc(100% - 16px);
        max-width: 560px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
        padding: 8px;
        border: 1px solid var(--mobile-app-line);
        border-radius: 26px;
        color: var(--mobile-app-primary);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 241, 236, 0.98));
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .mobile-dock::before,
    .mobile-dock::after,
    .dock-item::before,
    .dock-item::after {
        display: none;
        content: none;
    }

    .dock-item {
        min-height: 58px;
        gap: 4px;
        padding: 6px 4px;
        border: 1px solid transparent;
        border-radius: 18px;
        color: var(--mobile-app-muted);
        font-size: 9px;
        font-weight: 700;
        line-height: 1.1;
        text-shadow: none;
        transform: none;
    }

    .dock-item:hover {
        color: var(--mobile-app-primary);
        transform: none;
    }

    .dock-item__icon {
        width: 30px;
        height: 30px;
    }

    .dock-item svg {
        width: 20px;
        height: 20px;
        filter: none;
    }

    .dock-item.is-active {
        color: var(--mobile-app-primary);
        border-color: var(--mobile-app-line-soft);
        background: rgba(244, 244, 238, 0.98);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
    }

    .dock-item__badge {
        top: -3px;
        right: -6px;
        min-width: 17px;
        height: 17px;
        border: 1px solid rgba(255, 255, 255, 0.92);
        color: #ffffff;
        font-size: 9px;
        font-weight: 700;
        background: var(--mobile-app-primary);
        box-shadow: 0 4px 10px rgba(15, 23, 42, 0.26);
    }

    body:has(.catalog-topbar) .container {
        width: min(100% - 24px, 720px);
    }

    body:has(.catalog-topbar) .catalog-topbar {
        padding: calc(env(safe-area-inset-top, 0px) + 8px) 0 6px;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        background: rgba(255, 254, 252, 0.96);
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    }

    body:has(.catalog-topbar) .catalog-topbar__main {
        grid-template-columns: minmax(0, 1fr) 44px;
        gap: 8px;
    }

    body:has(.catalog-topbar) .search-field--topbar {
        min-height: 48px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 8px;
        padding: 0 10px 0 14px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 18px;
        background: var(--mobile-app-soft);
    }

    body:has(.catalog-topbar) .search-field--topbar input {
        font-size: 16px;
        font-weight: 400;
        color: var(--mobile-app-primary);
        caret-color: var(--mobile-app-primary);
    }

    body:has(.catalog-topbar) .search-field--topbar input::placeholder {
        color: #9da3ab;
    }

    body:has(.catalog-topbar) .search-field__submit,
    body:has(.catalog-topbar) .search-field__action {
        width: 28px;
        height: 28px;
        color: #7b8390;
    }

    body:has(.catalog-topbar) .search-field__submit span {
        display: none !important;
    }

    body:has(.catalog-topbar) .search-field__submit svg,
    body:has(.catalog-topbar) .search-field__action svg {
        width: 20px;
        height: 20px;
    }

    body:has(.catalog-topbar) .icon-button--favorite-shortcut {
        width: 44px;
        height: 44px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 14px;
        color: var(--mobile-app-primary);
        background: #ffffff;
    }

    body:has(.catalog-topbar) .home-categories {
        padding: 8px 0 12px;
    }

    body:has(.catalog-topbar) .home-categories__track,
    body:has(.catalog-topbar) .home-categories__track--subcategories {
        gap: 10px;
        padding-bottom: 6px;
    }

    body:has(.catalog-topbar) .home-categories .category-card,
    body:has(.catalog-topbar) .home-categories .subcategory-card {
        flex-basis: 148px;
        height: 92px;
        border: 1px solid var(--mobile-app-line);
        border-radius: 18px;
        box-shadow: none;
    }

    body:has(.catalog-topbar) .home-categories .category-card__label,
    body:has(.catalog-topbar) .home-categories .subcategory-card__label {
        max-width: calc(100% - 46px);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.16;
    }

    body:has(.catalog-topbar) .home-categories .subcategory-card__meta {
        font-size: 10px;
        color: #8c919b;
    }

    body:has(.catalog-topbar) .home-categories .category-card__art {
        right: -8px;
        bottom: -10px;
        width: 112px;
        height: 94px;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed {
        gap: 10px;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card {
        border: 1px solid var(--mobile-app-line);
        border-radius: 8px;
        box-shadow: none;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card__title {
        font-size: 15px;
        line-height: 1.22;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card__price {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.22;
    }

    .filter-sheet__submit.is-pending {
        opacity: 0.78;
    }

    body.catalog-loading:has(.catalog-topbar) .catalog-topbar .search-field--topbar,
    body.catalog-loading:has(.catalog-topbar) .catalog-topbar .icon-button--favorite-shortcut {
        opacity: 0.72;
    }

    body.catalog-loading:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card {
        position: relative;
        overflow: hidden;
        pointer-events: none;
        border-color: var(--mobile-app-line);
    }

    body.catalog-loading:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card > * {
        visibility: hidden;
    }

    body.catalog-loading:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                110deg,
                rgba(226, 231, 238, 0.72) 8%,
                rgba(243, 243, 239, 0.92) 38%,
                rgba(226, 231, 238, 0.72) 72%
            );
        background-size: 220% 100%;
        animation: catalogCardSkeleton 1.1s linear infinite;
    }
}

@keyframes bazarMobilePageReveal {
    from {
        opacity: 0.18;
    }

    to {
        opacity: 0;
    }
}

@media (max-width: 820px), (hover: none) and (pointer: coarse) {
    html.page-transition-enter body::before,
    html.page-transition-leaving body::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 2147483000;
        pointer-events: none;
        background: #000000;
        opacity: 0;
        will-change: opacity;
    }

    html.page-transition-enter body::before {
        animation: bazarMobilePageReveal 180ms ease-out both;
    }

    html.page-transition-leaving-active body::before {
        opacity: 0.18;
        transition: opacity 115ms ease-out;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.page-transition-enter body::before,
    html.page-transition-leaving body::before,
    html.page-transition-leaving-active body::before {
        animation: none;
        transition: none;
        opacity: 0;
    }
}

/* Keep search field text visually consistent across catalog, stores, messages, and listing search pages. */
.search-field input,
.search-field--topbar input,
.message-search input,
.stores-search__field input,
.my-listings-search input,
.location-search-screen__search input,
input[type="search"],
body:has(.catalog-topbar) .search-field--topbar input,
body:has(.catalog-topbar) .stores-search__field input,
.page-main--stores .stores-search__field input,
.page-main--stores .stores-search__field--topbar input {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.search-field input::placeholder,
.search-field--topbar input::placeholder,
.message-search input::placeholder,
.stores-search__field input::placeholder,
.my-listings-search input::placeholder,
.location-search-screen__search input::placeholder,
input[type="search"]::placeholder,
body:has(.catalog-topbar) .search-field--topbar input::placeholder,
body:has(.catalog-topbar) .stores-search__field input::placeholder,
.page-main--stores .stores-search__field input::placeholder,
.page-main--stores .stores-search__field--topbar input::placeholder {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Premium stores page. */
@media (min-width: 821px) {
    body:has(.page-main--stores) {
        --stores-ink: #171a20;
        --stores-muted: rgba(23, 26, 32, 0.56);
        --stores-line: rgba(23, 26, 32, 0.09);
        --stores-panel: rgba(255, 255, 255, 0.88);
        --stores-soft: #f4f5f6;
        background:
            linear-gradient(180deg, #fbfbfa 0%, #f4f4f2 42%, #ededeb 100%) !important;
    }

    .page-main--stores {
        padding-top: 34px !important;
        padding-bottom: 92px !important;
        background: transparent !important;
    }

    .page-main--stores > .container,
    .stores-page__stack {
        width: min(100% - 56px, 1180px) !important;
        max-width: 1180px !important;
    }

    .stores-page {
        padding-top: 0 !important;
    }

    .stores-page__stack {
        gap: 22px !important;
    }

    .stores-page__hero {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 24px;
        padding: 8px 0 2px;
    }

    .stores-page__hero-copy {
        display: grid;
        gap: 8px;
        min-width: 0;
    }

    .stores-page__hero-copy span {
        color: var(--stores-muted);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .stores-page__hero-copy h1 {
        margin: 0;
        color: var(--stores-ink);
        font-family: var(--font-body);
        font-size: clamp(40px, 5vw, 68px);
        font-weight: 560;
        line-height: 0.95;
        letter-spacing: 0;
    }

    .stores-page__hero-copy p {
        max-width: 560px;
        margin: 0;
        color: var(--stores-muted);
        font-size: 16px;
        line-height: 1.45;
    }

    .stores-page__hero-meta {
        min-width: 150px;
        display: grid;
        justify-items: end;
        gap: 3px;
        padding: 14px 16px;
        border: 1px solid var(--stores-line);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.68);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
    }

    .stores-page__hero-meta strong {
        color: var(--stores-ink);
        font-size: 26px;
        font-weight: 620;
        line-height: 1;
    }

    .stores-page__hero-meta span {
        color: var(--stores-muted);
        font-size: 13px;
        font-weight: 500;
    }

    .page-main--stores .stores-search__field {
        min-height: 62px !important;
        padding: 0 12px 0 20px !important;
        border: 1px solid var(--stores-line) !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.76) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 18px 48px rgba(23, 26, 32, 0.07) !important;
        backdrop-filter: blur(18px) saturate(1.08);
        -webkit-backdrop-filter: blur(18px) saturate(1.08);
    }

    .page-main--stores .stores-search__field input {
        color: var(--stores-ink) !important;
        font-size: 17px !important;
        font-weight: 450 !important;
    }

    .page-main--stores .stores-search__field input::placeholder {
        color: rgba(23, 26, 32, 0.42) !important;
    }

    .page-main--stores .stores-search__icon {
        color: rgba(23, 26, 32, 0.44) !important;
    }

    .page-main--stores .stores-search__filter {
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        color: rgba(23, 26, 32, 0.62) !important;
        background: var(--stores-soft) !important;
    }

    .page-main--stores .stores-search__filter:hover,
    .page-main--stores .stores-search__filter.is-active {
        color: #ffffff !important;
        background: #1f242c !important;
    }

    .page-main--stores .stores-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .page-main--stores .store-card {
        position: relative !important;
        overflow: hidden !important;
        min-height: 212px !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 18px !important;
        padding: 22px !important;
        border: 1px solid var(--stores-line) !important;
        border-radius: 22px !important;
        color: var(--stores-ink) !important;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 246, 244, 0.86)),
            #ffffff !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            0 22px 58px rgba(23, 26, 32, 0.075) !important;
        transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
    }

    .page-main--stores .store-card::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
            radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.92), transparent 28%),
            linear-gradient(135deg, rgba(23, 26, 32, 0.04), transparent 42%);
    }

    .page-main--stores .store-card:hover {
        transform: translateY(-3px) !important;
        border-color: rgba(23, 26, 32, 0.16) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            0 30px 76px rgba(23, 26, 32, 0.12) !important;
    }

    .page-main--stores .store-card__glow {
        display: block !important;
        position: absolute;
        right: -52px;
        top: -54px;
        width: 160px;
        height: 160px;
        border-radius: 999px;
        background: radial-gradient(circle, rgba(23, 26, 32, 0.1), transparent 62%);
        pointer-events: none;
    }

    .page-main--stores .store-card__avatar {
        z-index: 1;
        width: 82px !important;
        height: 82px !important;
        border: 1px solid rgba(23, 26, 32, 0.08) !important;
        border-radius: 20px !important;
        background:
            linear-gradient(145deg, #ffffff, #e9eaec) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 14px 28px rgba(23, 26, 32, 0.1) !important;
    }

    .page-main--stores .store-card__avatar > span {
        color: #4d5563 !important;
        font-size: 30px !important;
        font-weight: 560 !important;
    }

    .page-main--stores .store-card__body {
        z-index: 1;
        gap: 9px !important;
        min-height: 166px;
    }

    .page-main--stores .store-card__topline {
        align-items: start !important;
        gap: 14px !important;
    }

    .page-main--stores .store-card__name,
    .page-main--stores .store-card__name .verified-name,
    .page-main--stores .store-card__name .verified-name__text {
        color: var(--stores-ink) !important;
        font-size: 20px !important;
        font-weight: 610 !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .store-card__count {
        padding: 7px 10px !important;
        border: 1px solid rgba(23, 26, 32, 0.08) !important;
        border-radius: 999px !important;
        color: #2a303a !important;
        background: rgba(255, 255, 255, 0.72) !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 560 !important;
    }

    .page-main--stores .store-card__city {
        color: rgba(23, 26, 32, 0.5) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .page-main--stores .store-card__latest {
        white-space: normal !important;
        color: rgba(23, 26, 32, 0.66) !important;
        font-size: 14px !important;
        line-height: 1.42 !important;
    }

    .page-main--stores .store-card__footer {
        align-self: end;
        padding-top: 8px;
    }

    .page-main--stores .store-card__rating,
    .page-main--stores .store-card__muted {
        color: rgba(23, 26, 32, 0.52) !important;
        font-size: 13px !important;
    }

    .page-main--stores .store-card__arrow {
        width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
        color: #ffffff !important;
        background: #1f242c !important;
        box-shadow: 0 12px 24px rgba(23, 26, 32, 0.16) !important;
    }

    .page-main--stores .stores-empty {
        border-radius: 22px !important;
        background: rgba(255, 255, 255, 0.78) !important;
        box-shadow: 0 22px 58px rgba(23, 26, 32, 0.075) !important;
    }
}

@media (min-width: 821px) and (max-width: 1040px) {
    .page-main--stores .stores-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .stores-page__hero {
        display: grid;
        gap: 12px;
    }

    .stores-page__hero-copy h1 {
        margin: 0;
        font-size: 34px;
        line-height: 1;
    }

    .stores-page__hero-copy p {
        margin: 0;
        color: var(--muted);
    }
}

/* Shared modern desktop top bar across every page. */
@media (min-width: 821px) {
    body:not(.auth-page) {
        --market-primary: #252a32;
        --market-primary-dark: #111318;
        --market-text: #17212f;
        --market-muted: #6f7b8a;
        --market-line: #e3e8ef;
    }

    body:not(.auth-page) .desktop-home-header {
        padding: 0 !important;
        border-bottom: 1px solid var(--market-line) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: none !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    body:not(.auth-page) .desktop-home-header__bar {
        min-height: 64px !important;
        grid-template-columns: 188px minmax(0, 1fr) auto !important;
        gap: 24px !important;
    }

    body:not(.auth-page) .desktop-home-header__logo {
        width: 40px !important;
        height: 40px !important;
        border: 0 !important;
        border-radius: 11px !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body:not(.auth-page) .desktop-home-header__logo img {
        width: 32px !important;
        height: 32px !important;
    }

    body:not(.auth-page) .desktop-home-header__brand-copy strong {
        color: var(--market-text) !important;
        font-size: 20px !important;
        font-weight: 650 !important;
        letter-spacing: 0 !important;
    }

    body:not(.auth-page) .desktop-home-header__brand-copy span {
        color: var(--market-muted) !important;
        font-size: 12px !important;
        font-weight: 450 !important;
        letter-spacing: 0 !important;
    }

    body:not(.auth-page) .desktop-home-header__nav {
        justify-content: flex-start !important;
        gap: 3px !important;
        padding: 4px !important;
        border: 1px solid rgba(26, 30, 36, 0.07) !important;
        border-radius: 999px !important;
        background: rgba(248, 249, 250, 0.72) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    }

    body:not(.auth-page) .desktop-home-header__nav a,
    body:not(.auth-page) .desktop-home-header__ghost,
    body:not(.auth-page) .desktop-home-header__primary {
        min-height: 34px !important;
        padding: 0 13px !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: rgba(38, 43, 51, 0.64) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 13.5px !important;
        font-weight: 450 !important;
        letter-spacing: 0 !important;
    }

    body:not(.auth-page) .desktop-home-header__nav a {
        position: relative !important;
    }

    body:not(.auth-page) .desktop-home-header__nav a::after {
        display: none !important;
        content: none !important;
    }

    body:not(.auth-page) .desktop-home-header__nav a:hover,
    body:not(.auth-page) .desktop-home-header__ghost:hover {
        color: var(--market-primary-dark) !important;
        background: rgba(255, 255, 255, 0.72) !important;
    }

    body:not(.auth-page) .desktop-home-header__nav a.is-active {
        color: #15181d !important;
        background: #ffffff !important;
        box-shadow:
            inset 0 0 0 1px rgba(18, 22, 28, 0.055),
            0 8px 18px rgba(18, 22, 28, 0.075) !important;
    }

    body:not(.auth-page) .desktop-home-header__nav a span {
        min-width: 18px !important;
        height: 18px !important;
        color: #ffffff !important;
        background: var(--market-primary) !important;
        font-size: 11px !important;
        font-weight: 650 !important;
    }

    body:not(.auth-page) .desktop-home-header__actions {
        gap: 18px !important;
    }

    body:not(.auth-page) .desktop-home-header__primary,
    body:not(.auth-page) .desktop-home-header__ghost.is-active {
        min-height: 40px !important;
        padding: 0 18px !important;
        border-radius: 9px !important;
        color: #ffffff !important;
        background: var(--market-primary) !important;
        box-shadow: none !important;
    }

    body:not(.auth-page) .desktop-home-header__primary:hover,
    body:not(.auth-page) .desktop-home-header__ghost.is-active:hover {
        color: #ffffff !important;
        background: var(--market-primary-dark) !important;
    }
}

@media (min-width: 821px) and (max-width: 1120px) {
    body:not(.auth-page) .desktop-home-header__bar {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
    }

    body:not(.auth-page) .desktop-home-header__nav {
        grid-column: 1 / -1 !important;
        overflow-x: auto !important;
        padding-bottom: 4px !important;
    }
}

/* Minimal desktop top bar refresh. */
@media (min-width: 821px) {
    body:not(.auth-page) {
        --topbar-ink: #424a57;
        --topbar-muted: rgba(66, 74, 87, 0.58);
        --topbar-line: rgba(76, 88, 105, 0.12);
        --topbar-hover: rgba(82, 97, 116, 0.075);
        --topbar-active: rgba(228, 236, 246, 0.9);
        --topbar-accent: #b65347;
        --topbar-accent-soft: rgba(182, 83, 71, 0.11);
    }

    .desktop-home-header,
    body:has(.catalog-topbar) .desktop-home-header {
        padding: 11px 0 !important;
        border-bottom: 1px solid var(--topbar-line) !important;
        background: rgba(252, 253, 253, 0.82) !important;
        box-shadow: 0 10px 30px rgba(76, 88, 105, 0.045) !important;
        backdrop-filter: blur(22px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
    }

    .desktop-home-header__bar,
    body:has(.catalog-topbar) .desktop-home-header__bar {
        grid-template-columns: minmax(168px, 0.65fr) minmax(0, 1.8fr) auto !important;
        gap: 18px !important;
    }

    .desktop-home-header__brand,
    body:has(.catalog-topbar) .desktop-home-header__brand {
        gap: 10px !important;
    }

    .desktop-home-header__logo,
    body:has(.catalog-topbar) .desktop-home-header__logo {
        width: 38px !important;
        height: 38px !important;
        border: 1px solid var(--topbar-line) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.72) !important;
        box-shadow: none !important;
    }

    .desktop-home-header__logo img,
    body:has(.catalog-topbar) .desktop-home-header__logo img {
        width: 27px !important;
        height: 27px !important;
    }

    .desktop-home-header__brand-copy strong,
    body:has(.catalog-topbar) .desktop-home-header__brand-copy strong {
        color: var(--topbar-ink) !important;
        font-family: var(--font-body) !important;
        font-size: 16px !important;
        font-weight: 510 !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
    }

    .desktop-home-header__brand-copy span,
    body:has(.catalog-topbar) .desktop-home-header__brand-copy span {
        color: var(--topbar-muted) !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    .desktop-home-header__nav,
    body:has(.catalog-topbar) .desktop-home-header__nav {
        justify-content: center !important;
        gap: 2px !important;
        padding: 3px !important;
        border: 1px solid var(--topbar-line) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.62) !important;
        box-shadow: none !important;
    }

    .desktop-home-header__nav a,
    .desktop-home-header__ghost,
    .desktop-home-header__primary,
    body:has(.catalog-topbar) .desktop-home-header__nav a,
    body:has(.catalog-topbar) .desktop-home-header__ghost,
    body:has(.catalog-topbar) .desktop-home-header__primary {
        min-height: 36px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
        font-weight: 460 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .desktop-home-header__nav a,
    body:has(.catalog-topbar) .desktop-home-header__nav a {
        color: rgba(66, 74, 87, 0.68) !important;
        background: transparent !important;
    }

    .desktop-home-header__nav a:hover,
    body:has(.catalog-topbar) .desktop-home-header__nav a:hover {
        color: var(--topbar-ink) !important;
        background: var(--topbar-hover) !important;
    }

    .desktop-home-header__nav a.is-active,
    body:has(.catalog-topbar) .desktop-home-header__nav a.is-active {
        color: #3b4656 !important;
        background: var(--topbar-active) !important;
        box-shadow: inset 0 0 0 1px rgba(83, 99, 121, 0.08) !important;
    }

    .desktop-home-header__nav a span,
    body:has(.catalog-topbar) .desktop-home-header__nav a span,
    .desktop-home-header__nav a.is-active span,
    body:has(.catalog-topbar) .desktop-home-header__nav a.is-active span {
        min-width: 18px !important;
        height: 18px !important;
        color: rgba(66, 74, 87, 0.72) !important;
        background: rgba(83, 99, 121, 0.1) !important;
        font-size: 10px !important;
        font-weight: 500 !important;
    }

    .desktop-home-header__actions,
    body:has(.catalog-topbar) .desktop-home-header__actions {
        gap: 8px !important;
    }

    .desktop-home-header__ghost,
    body:has(.catalog-topbar) .desktop-home-header__ghost {
        border: 1px solid var(--topbar-line) !important;
        color: var(--topbar-ink) !important;
        background: rgba(255, 255, 255, 0.54) !important;
    }

    .desktop-home-header__ghost:hover,
    body:has(.catalog-topbar) .desktop-home-header__ghost:hover {
        background: rgba(255, 255, 255, 0.82) !important;
    }

    .desktop-home-header__primary,
    body:has(.catalog-topbar) .desktop-home-header__primary,
    .desktop-home-header__ghost.is-active,
    body:has(.catalog-topbar) .desktop-home-header__ghost.is-active {
        border: 1px solid rgba(182, 83, 71, 0.18) !important;
        color: var(--topbar-accent) !important;
        background: var(--topbar-accent-soft) !important;
        box-shadow: none !important;
    }

    .desktop-home-header__primary:hover,
    body:has(.catalog-topbar) .desktop-home-header__primary:hover,
    .desktop-home-header__ghost.is-active:hover,
    body:has(.catalog-topbar) .desktop-home-header__ghost.is-active:hover {
        color: #9e453b !important;
        background: rgba(182, 83, 71, 0.15) !important;
    }
}

@media (min-width: 821px) and (max-width: 1120px) {
    .desktop-home-header__bar,
    body:has(.catalog-topbar) .desktop-home-header__bar {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
    }

    .desktop-home-header__nav,
    body:has(.catalog-topbar) .desktop-home-header__nav {
        grid-column: 1 / -1 !important;
        justify-content: flex-start !important;
    }
}

/* Stores search and category filter refresh: desktop only. */
@media (min-width: 821px) {
    .page-main--stores .stores-search--mobile,
    .page-main--stores .store-category-sheet__list--mobile,
    .page-main--stores .store-category-sheet__label-mobile {
        display: none !important;
    }

    .page-main--stores .stores-search__main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        width: 100% !important;
    }

    .page-main--stores .stores-search__field--topbar {
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 6px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #f5f6f7 !important;
        box-shadow: none !important;
    }

    .page-main--stores .stores-search__field--topbar input {
        order: 1 !important;
        min-width: 0 !important;
        height: 46px !important;
        padding: 0 12px !important;
        color: #17212f !important;
        font-size: 18px !important;
        font-weight: 450 !important;
    }

    .page-main--stores .stores-search__field--topbar input::placeholder {
        color: #8792a0 !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__submit {
        order: 4 !important;
        width: auto !important;
        min-width: 104px !important;
        height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 8px !important;
        color: #ffffff !important;
        background: #252a32 !important;
        box-shadow: none !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__submit:hover,
    .page-main--stores .stores-search__field--topbar .stores-search__submit:focus-visible {
        color: #ffffff !important;
        background: #111318 !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__submit span {
        display: inline !important;
        font-size: 15px !important;
        font-weight: 580 !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__submit svg {
        width: 18px !important;
        height: 18px !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__filter,
    .page-main--stores .stores-search__field--topbar .stores-search__category {
        order: 2 !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        border: 0 !important;
        border-radius: 8px !important;
        color: #445063 !important;
        background: #eceff2 !important;
        box-shadow: none !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__category {
        order: 3 !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__filter::after,
    .page-main--stores .stores-search__field--topbar .stores-search__category::after {
        display: none !important;
        content: none !important;
    }

    .page-main--stores .stores-search__field--topbar .stores-search__filter:hover,
    .page-main--stores .stores-search__field--topbar .stores-search__filter:focus-visible,
    .page-main--stores .stores-search__field--topbar .stores-search__filter.is-active,
    .page-main--stores .stores-search__field--topbar .stores-search__category:hover,
    .page-main--stores .stores-search__field--topbar .stores-search__category:focus-visible,
    .page-main--stores .stores-search__field--topbar .stores-search__category.is-active {
        color: #17212f !important;
        background: #e3e8ef !important;
    }

    .page-main--stores .stores-search__filter-indicator {
        top: 9px !important;
        right: 10px !important;
        width: 7px !important;
        height: 7px !important;
        background: #252a32 !important;
    }

    .page-main--stores .store-category-sheet__scrim {
        background: rgba(247, 248, 249, 0.78) !important;
        backdrop-filter: blur(18px) saturate(1.02) !important;
        -webkit-backdrop-filter: blur(18px) saturate(1.02) !important;
    }

    .page-main--stores .store-category-sheet__panel {
        min-height: 100dvh !important;
        padding: calc(env(safe-area-inset-top, 0px) + 18px) 18px calc(env(safe-area-inset-bottom, 0px) + 24px) !important;
        background: #ffffff !important;
    }

    .page-main--stores .store-category-sheet__header {
        max-width: 980px !important;
        margin: 0 auto 18px !important;
    }

    .page-main--stores .store-category-sheet__close {
        width: 44px !important;
        height: 44px !important;
        border: 1px solid rgba(23, 26, 32, 0.08) !important;
        border-radius: 12px !important;
        color: #17212f !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-category-sheet__header span {
        color: rgba(23, 26, 32, 0.5) !important;
        font-size: 12px !important;
        font-weight: 520 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .page-main--stores .store-category-sheet__header h2 {
        margin: 1px 0 0 !important;
        color: #17212f !important;
        font-family: var(--font-body) !important;
        font-size: clamp(24px, 3vw, 32px) !important;
        font-weight: 560 !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .store-filter-form {
        width: min(100%, 680px);
        margin: 0 auto;
        display: grid;
        gap: 12px;
        align-content: start;
    }

    .page-main--stores .store-filter-field {
        display: grid;
        gap: 8px;
        padding: 14px;
        border: 1px solid rgba(23, 26, 32, 0.08);
        border-radius: 14px;
        background: #f7f8f9;
    }

    .page-main--stores .store-filter-field span {
        color: rgba(23, 26, 32, 0.56);
        font-size: 12px;
        font-weight: 520;
        line-height: 1;
    }

    .page-main--stores .store-filter-field input,
    .page-main--stores .store-filter-field select {
        width: 100%;
        min-height: 34px;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: #17212f;
        background: transparent;
        box-shadow: none;
        font-size: 16px;
        font-weight: 450;
        outline: 0;
    }

    .page-main--stores .store-filter-field input::placeholder {
        color: #8792a0;
    }

    .page-main--stores .store-filter-form__time {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .page-main--stores .store-filter-form__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        padding-top: 2px;
    }

    .page-main--stores .store-filter-form__reset,
    .page-main--stores .store-filter-form__submit {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        border: 0;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 560;
    }

    .page-main--stores .store-filter-form__reset {
        color: #445063;
        background: #eceff2;
    }

    .page-main--stores .store-filter-form__submit {
        color: #ffffff;
        background: #252a32;
    }

    .page-main--stores .store-filter-form__submit:hover,
    .page-main--stores .store-filter-form__submit:focus-visible {
        background: #111318;
    }

    .page-main--stores .store-category-sheet__grid {
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
        gap: 12px;
        align-content: start;
        overflow: auto;
        padding-bottom: 8px;
    }

    .page-main--stores .store-category-tile {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-height: 166px;
        aspect-ratio: 0.86;
        display: block;
        border: 1px solid rgba(23, 26, 32, 0.08);
        border-radius: 18px;
        color: #17212f;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(241, 243, 245, 0.96)),
            #f5f6f7;
        box-shadow: none;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    }

    .page-main--stores .store-category-tile:hover,
    .page-main--stores .store-category-tile:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(23, 26, 32, 0.18);
        outline: 0;
    }

    .page-main--stores .store-category-tile.is-active {
        border-color: rgba(37, 42, 50, 0.42);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(233, 236, 240, 0.98)),
            #eef1f4;
    }

    .page-main--stores .store-category-tile__media {
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
    }

    .page-main--stores .store-category-tile__media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(245, 246, 247, 0.16) 48%, rgba(245, 246, 247, 0.68) 100%);
    }

    .page-main--stores .store-category-tile__image {
        position: absolute;
        right: 8px;
        bottom: 8px;
        width: 78%;
        height: 74%;
        background-image: var(--store-category-image);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
        transform: translate(var(--store-category-image-x, 0%), var(--store-category-image-y, 0%)) scale(var(--store-category-image-scale, 1));
        transform-origin: right bottom;
        filter: drop-shadow(0 16px 18px rgba(23, 26, 32, 0.11));
    }

    .page-main--stores .store-category-tile__copy {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 10px;
        padding: 13px;
    }

    .page-main--stores .store-category-tile__copy small {
        color: rgba(23, 26, 32, 0.5);
        font-size: 12px;
        font-weight: 500;
        line-height: 1.1;
    }

    .page-main--stores .store-category-tile__copy strong {
        max-width: 86%;
        color: #17212f;
        font-size: 17px;
        font-weight: 580;
        line-height: 1.08;
        letter-spacing: 0;
    }

    .page-main--stores .store-category-tile__check {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 26px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        color: #ffffff;
        background: #252a32;
    }

    .page-main--stores .store-category-tile__check svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 820px) {
    .page-main--stores .stores-search--desktop,
    .page-main--stores .store-filter-sheet,
    .page-main--stores .store-category-sheet__grid {
        display: none !important;
    }

    .page-main--stores .stores-search--mobile {
        display: block !important;
    }

    .page-main--stores .store-category-sheet__list--mobile {
        display: grid !important;
    }

    .page-main--stores .store-category-sheet__label-desktop {
        display: none !important;
    }

    .page-main--stores .store-category-sheet__label-mobile {
        display: inline !important;
    }
}

/* Avito-like catalog refresh: clean marketplace page, not a decorative dashboard. */
@media (min-width: 821px) {
    body:not(.auth-page):has(.catalog-topbar) {
        --market-primary: #252a32;
        --market-primary-dark: #111318;
        --market-text: #17212f;
        --market-muted: #6f7b8a;
        --market-line: #e3e8ef;
        --market-soft: #f3f6f9;
        --market-soft-active: #f1f3f5;
        color: var(--market-text) !important;
        background: #ffffff !important;
    }

    body:has(.catalog-topbar) .container {
        width: min(100% - 48px, 1224px) !important;
    }

    body:has(.catalog-topbar) .page-main {
        padding-top: 0 !important;
        background: #ffffff !important;
    }

    body:has(.catalog-topbar) .desktop-home-header {
        padding: 0 !important;
        border-bottom: 1px solid var(--market-line) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: none !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__bar {
        min-height: 64px !important;
        grid-template-columns: 188px minmax(0, 1fr) auto !important;
        gap: 24px !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__logo {
        width: 40px !important;
        height: 40px !important;
        border: 0 !important;
        border-radius: 11px !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__logo img {
        width: 32px !important;
        height: 32px !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__brand-copy strong {
        color: var(--market-text) !important;
        font-size: 20px !important;
        font-weight: 650 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__brand-copy span {
        color: var(--market-muted) !important;
        font-size: 12px !important;
        font-weight: 450 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav {
        justify-content: flex-start !important;
        gap: 3px !important;
        padding: 4px !important;
        border: 1px solid rgba(26, 30, 36, 0.07) !important;
        border-radius: 999px !important;
        background: rgba(248, 249, 250, 0.72) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a,
    body:has(.catalog-topbar) .desktop-home-header__ghost,
    body:has(.catalog-topbar) .desktop-home-header__primary {
        min-height: 34px !important;
        padding: 0 13px !important;
        border-radius: 999px !important;
        font-size: 13.5px !important;
        font-weight: 450 !important;
        color: rgba(38, 43, 51, 0.64) !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        letter-spacing: 0 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a {
        position: relative !important;
        isolation: isolate !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        bottom: 5px !important;
        width: 4px !important;
        height: 4px !important;
        border-radius: 999px !important;
        opacity: 0 !important;
        background: transparent !important;
        transform: translateX(-50%) !important;
        transition: opacity 0.18s ease, background 0.18s ease !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a:hover,
    body:has(.catalog-topbar) .desktop-home-header__ghost:hover {
        color: var(--market-primary-dark) !important;
        background: rgba(255, 255, 255, 0.72) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a.is-active {
        color: #15181d !important;
        background: #ffffff !important;
        box-shadow:
            inset 0 0 0 1px rgba(18, 22, 28, 0.055),
            0 8px 18px rgba(18, 22, 28, 0.075) !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a.is-active::after {
        opacity: 0 !important;
        background: transparent !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav a span {
        min-width: 18px !important;
        height: 18px !important;
        color: #ffffff !important;
        background: var(--market-primary) !important;
        font-size: 11px !important;
        font-weight: 650 !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__actions {
        gap: 18px !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__primary,
    body:has(.catalog-topbar) .desktop-home-header__ghost.is-active {
        min-height: 40px !important;
        padding: 0 18px !important;
        border-radius: 9px !important;
        color: #ffffff !important;
        background: var(--market-primary) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__primary:hover,
    body:has(.catalog-topbar) .desktop-home-header__ghost.is-active:hover {
        color: #ffffff !important;
        background: var(--market-primary-dark) !important;
    }

    body:has(.catalog-topbar) .catalog-topbar {
        padding: 24px 0 18px !important;
        background: #ffffff !important;
    }

    body:has(.catalog-topbar) .catalog-topbar__main {
        grid-template-columns: minmax(0, 1fr) 52px !important;
        gap: 12px !important;
    }

    body:has(.catalog-topbar) .search-field--topbar {
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 6px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #f5f6f7 !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .search-field--topbar input {
        order: 1 !important;
        min-width: 0 !important;
        color: var(--market-text) !important;
        font-size: 18px !important;
        font-weight: 450 !important;
    }

    body:has(.catalog-topbar) .search-field--topbar input::placeholder {
        color: #8792a0 !important;
    }

    body:has(.catalog-topbar) .search-field__submit {
        order: 3 !important;
        min-width: 104px !important;
        height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 8px !important;
        color: #ffffff !important;
        background: var(--market-primary) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .search-field__submit:hover {
        background: var(--market-primary-dark) !important;
    }

    body:has(.catalog-topbar) .search-field__submit span {
        display: inline !important;
        font-size: 15px !important;
        font-weight: 650 !important;
    }

    body:has(.catalog-topbar) .search-field__submit svg {
        width: 18px !important;
        height: 18px !important;
    }

    body:has(.catalog-topbar) .search-field__action {
        order: 2 !important;
        min-width: 112px !important;
        height: 42px !important;
        border: 0 !important;
        border-radius: 8px !important;
        color: #445063 !important;
        background: var(--market-soft) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .search-field__action:hover {
        color: var(--market-text) !important;
        background: #e9eef5 !important;
    }

    body:has(.catalog-topbar) .icon-button--favorite-shortcut {
        width: 52px !important;
        height: 58px !important;
        border: 1px solid var(--market-line) !important;
        border-radius: 10px !important;
        color: #445063 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .icon-button--favorite-shortcut:hover {
        color: #ff4053 !important;
        border-color: #ffd4dc !important;
        background: #fff4f6 !important;
    }

    body:has(.catalog-topbar) .home-categories {
        padding: 4px 0 22px !important;
    }

    body:has(.catalog-topbar) .home-categories__track,
    body:has(.catalog-topbar) .home-categories__track--subcategories {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card,
    body:has(.catalog-topbar) .home-categories .subcategory-card {
        height: 108px !important;
        border: 1px solid var(--market-line) !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card::before,
    body:has(.catalog-topbar) .home-categories .category-card::after,
    body:has(.catalog-topbar) .home-categories .subcategory-card::before,
    body:has(.catalog-topbar) .home-categories .subcategory-card::after {
        display: none !important;
        content: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card:hover,
    body:has(.catalog-topbar) .home-categories .category-card:focus-visible,
    body:has(.catalog-topbar) .home-categories .subcategory-card:hover,
    body:has(.catalog-topbar) .home-categories .subcategory-card:focus-visible {
        border-color: rgba(37, 42, 50, 0.28) !important;
        background: var(--market-soft-active) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__content,
    body:has(.catalog-topbar) .home-categories .subcategory-card__content {
        padding: 12px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__label,
    body:has(.catalog-topbar) .home-categories .subcategory-card__label {
        max-width: 78% !important;
        color: var(--market-text) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media {
        inset: 0 !important;
        z-index: 0 !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media-frame,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media-frame {
        inset: 0 !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media-image,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media-image {
        background-position: right 3px bottom -3px !important;
        background-size: min(70%, 118px) auto !important;
        transform: none !important;
    }

    body:has(.catalog-topbar) .home-categories [data-category-card="jobs"] .category-card__media-image,
    body:has(.catalog-topbar) .home-categories [data-category-card="animals"] .category-card__media-image {
        background-size: min(82%, 136px) auto !important;
    }

    body:has(.catalog-topbar) .home-categories [data-category-card="jobs"] .category-card__media-image {
        background-position: right -7px bottom -12px !important;
        background-size: min(90%, 148px) auto !important;
    }

    body:has(.catalog-topbar) .home-categories [data-category-card="animals"] .category-card__media-image {
        background-position: right -3px bottom -8px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__media-overlay,
    body:has(.catalog-topbar) .home-categories .subcategory-card__media-overlay {
        background: transparent !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card:hover .category-card__media-overlay,
    body:has(.catalog-topbar) .home-categories .subcategory-card:hover .subcategory-card__media-overlay {
        background: transparent !important;
    }

    body:has(.catalog-topbar) .home-statuses {
        padding: 0 0 22px !important;
    }

    body:has(.catalog-topbar) .home-statuses__track {
        gap: 14px !important;
        padding: 14px 0 !important;
        border: 0 !important;
        border-top: 1px solid var(--market-line) !important;
        border-bottom: 1px solid var(--market-line) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body:has(.catalog-topbar) .home-status-card {
        flex-basis: 76px !important;
        gap: 7px !important;
    }

    body:has(.catalog-topbar) .home-status-card__bubble {
        width: 76px !important;
        height: 68px !important;
    }

    body:has(.catalog-topbar) .home-status-card__ring {
        width: 68px !important;
        height: 68px !important;
        padding: 2px !important;
        background: conic-gradient(from 155deg, #252a32 0 72%, #7b828d 72% 86%, #d4d8de 86% 100%) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-status-card__ring--add {
        border: 1px solid var(--market-line) !important;
        background: #ffffff !important;
    }

    body:has(.catalog-topbar) .home-status-card__preview {
        border: 2px solid #ffffff !important;
        background: var(--market-soft) !important;
    }

    body:has(.catalog-topbar) .home-status-card__avatar,
    body:has(.catalog-topbar) .home-status-card__count {
        background: var(--market-primary) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-status-card__name {
        color: var(--market-text) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    body:has(.catalog-topbar) .home-status-card__time {
        color: var(--market-muted) !important;
        font-size: 11px !important;
        font-weight: 450 !important;
    }

    body:has(.catalog-topbar) .listing-grid--feed .listing-card__price {
        font-size: 20px !important;
        font-weight: 620 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
    }

}

@media (min-width: 821px) and (max-width: 1120px) {
    body:has(.catalog-topbar) .desktop-home-header__bar {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body:has(.catalog-topbar) .desktop-home-header__nav {
        grid-column: 1 / -1 !important;
        overflow-x: auto !important;
        padding-bottom: 8px !important;
    }

    body:has(.catalog-topbar) .home-categories__track,
    body:has(.catalog-topbar) .home-categories__track--subcategories {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Mobile catalog: match Android Manrope typography and keep feed cards borderless. */
@media (max-width: 820px) {
    :root {
        --font-android: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        --font-body: var(--font-android);
        --font-display: var(--font-android);
    }

    body {
        font-family: var(--font-android) !important;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    body:has(.catalog-topbar) :where(
        .catalog-topbar,
        .catalog-topbar *,
        .home-categories,
        .home-categories *,
        .home-statuses,
        .home-statuses *,
        .catalog-feed,
        .catalog-feed *,
        .filter-sheet,
        .filter-sheet *,
        .mobile-dock,
        .mobile-dock *
    ) {
        font-family: var(--font-android) !important;
        letter-spacing: 0 !important;
    }

    body:has(.catalog-topbar) .search-field input,
    body:has(.catalog-topbar) .search-field--topbar input,
    body:has(.catalog-topbar) .stores-search__field input,
    body:has(.catalog-topbar) .stores-search__field--topbar input,
    body:has(.catalog-topbar) .location-search-screen__search input,
    body:has(.catalog-topbar) input[type="search"],
    body:has(.catalog-topbar) input,
    body:has(.catalog-topbar) select,
    body:has(.catalog-topbar) textarea,
    body:has(.catalog-topbar) button {
        font-family: var(--font-android) !important;
        letter-spacing: 0 !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card:hover,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card:focus-within,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card.is-pressed,
    body:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card.is-releasing,
    body.catalog-loading:has(.catalog-topbar) .catalog-feed .listing-grid--feed .listing-card {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card,
    body:has(.catalog-topbar) .home-categories .category-card:hover,
    body:has(.catalog-topbar) .home-categories .category-card:focus-visible,
    body:has(.catalog-topbar) .home-categories .subcategory-card,
    body:has(.catalog-topbar) .home-categories .subcategory-card:hover,
    body:has(.catalog-topbar) .home-categories .subcategory-card:focus-visible {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__chip {
        display: none !important;
    }
}

/* Final Android-dark mobile shell override; keep after all mobile catalog layers. */
@media (max-width: 820px) and (prefers-color-scheme: dark) {
    body:not(.auth-page) {
        --mobile-app-primary: #f4f4ef;
        --mobile-app-muted: rgba(183, 183, 173, 0.9);
        --mobile-app-soft: #282822;
        --mobile-app-line: rgba(106, 106, 96, 0.22);
        --mobile-app-line-soft: rgba(93, 93, 85, 0.14);
        --mobile-app-bg: #171714;
    }

    body:not(.auth-page),
    body:not(.auth-page) .page-main {
        color: #f4f4ef !important;
        background: linear-gradient(180deg, #171714 0%, #1a1a17 52%, #1d1d1a 100%) !important;
    }

    body:has(.page-main--account) .account-overview-nav__item,
    body:has(.page-main--account) .account-placeholder-card,
    body:has(.page-main--account) .account-blocked-user,
    body:has(.page-main--account) .account-profile-code,
    body:has(.page-main--account) .account-device-card__icon,
    body:has(.page-main--account) .account-native-ad__item {
        border-color: rgba(106, 106, 96, 0.22) !important;
        color: #f4f4ef !important;
        background: rgba(35, 35, 31, 0.94) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    body:has(.page-main--account) .account-overview-nav__title,
    body:has(.page-main--account) .account-placeholder-card strong,
    body:has(.page-main--account) .account-blocked-user__copy strong,
    body:has(.page-main--account) .account-profile-code strong,
    body:has(.page-main--account) .account-native-ad__copy strong {
        color: #f4f4ef !important;
    }

    body:has(.page-main--account) .account-overview-nav__hint,
    body:has(.page-main--account) .account-overview-nav__arrow,
    body:has(.page-main--account) .account-placeholder-card p,
    body:has(.page-main--account) .account-blocked-user__copy span,
    body:has(.page-main--account) .account-profile-code span,
    body:has(.page-main--account) .account-profile-note,
    body:has(.page-main--account) .account-native-ad__copy p {
        color: rgba(183, 183, 173, 0.9) !important;
    }

    .mobile-dock {
        width: min(calc(100% - 24px), 560px) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
        padding: 8px !important;
        border-color: rgba(93, 93, 85, 0.14) !important;
        border-radius: 30px !important;
        color: #f4f4ef !important;
        background: linear-gradient(180deg, rgba(35, 35, 31, 0.98) 0%, rgba(33, 33, 30, 0.95) 52%, rgba(30, 30, 27, 0.94) 100%) !important;
        box-shadow: 0 34px 80px rgba(0, 0, 0, 0.34) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .dock-item {
        min-height: 58px !important;
        padding: 4px !important;
        border-radius: 22px !important;
        color: rgba(183, 183, 173, 0.9) !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .dock-item:hover {
        color: #f4f4ef !important;
    }

    .dock-item.is-active {
        color: #f4f4ef !important;
        border-color: rgba(106, 106, 96, 0.22) !important;
        background: linear-gradient(180deg, rgba(43, 43, 37, 0.98) 0%, rgba(40, 40, 34, 0.98) 52%, rgba(37, 37, 32, 0.98) 100%) !important;
        box-shadow: none !important;
    }

    .dock-item svg {
        filter: none !important;
    }

    .dock-item__badge {
        border-color: rgba(244, 244, 239, 0.24) !important;
        color: #171714 !important;
        background: #f4f4ef !important;
        box-shadow: none !important;
    }
}

/* Final Android catalog top bar parity for mobile. */
@media (max-width: 820px) {
    body:has(.catalog-topbar) {
        --catalog-topbar-bg: var(--mobile-app-bg, var(--bg, #fffefc));
        --catalog-search-surface: var(--mobile-app-soft, var(--surface-muted, #f3f3ef));
        --catalog-search-icon: var(--mobile-app-muted, var(--muted, #8c919b));
    }

    body:has(.catalog-topbar) .catalog-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 80 !important;
        padding: 0 !important;
        border: 0 !important;
        background: var(--catalog-topbar-bg) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body:has(.catalog-topbar) .catalog-topbar .container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: calc(env(safe-area-inset-top, 0px) + 8px) 12px 6px !important;
    }

    body:has(.catalog-topbar) .catalog-topbar .search-form,
    body:has(.catalog-topbar) .catalog-topbar .stores-search {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .catalog-topbar__main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        gap: 8px !important;
        align-items: center !important;
        min-height: 48px !important;
    }

    body:has(.catalog-topbar) .search-field--topbar {
        height: 48px !important;
        min-height: 48px !important;
        display: grid !important;
        grid-template-columns: 20px minmax(0, 1fr) 40px !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 10px 0 18px !important;
        border: 0 !important;
        border-radius: 18px !important;
        background: var(--catalog-search-surface) !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .search-field__submit {
        order: 1 !important;
        width: 20px !important;
        min-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        display: grid !important;
        place-items: center !important;
        justify-self: stretch !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--catalog-search-icon) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .search-field__submit span {
        display: none !important;
    }

    body:has(.catalog-topbar) .search-field__submit svg {
        width: 20px !important;
        height: 20px !important;
    }

    body:has(.catalog-topbar) .search-field--topbar input {
        order: 2 !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        color: var(--ink) !important;
        caret-color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

    body:has(.catalog-topbar) .search-field--topbar input::placeholder {
        color: var(--muted) !important;
        opacity: 1 !important;
    }

    body:has(.catalog-topbar) .search-field__action {
        order: 3 !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .search-field__action svg {
        width: 22px !important;
        height: 22px !important;
    }

    body:has(.catalog-topbar) .icon-button--favorite-shortcut {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .icon-button--favorite-shortcut svg {
        width: 28px !important;
        height: 28px !important;
    }
}

.listing-mobile-topbar,
.detail-location,
.detail-listing-stats,
.detail-description__toggle {
    display: none;
}

@media (max-width: 820px) {
    html:has(.page-main--listing-detail) {
        color-scheme: dark !important;
        background: #171714 !important;
    }

    body:has(.page-main--listing-detail) {
        --ink: #f4f4ef;
        --muted: #b7b7ad;
        --android-bg-start: #171714;
        --android-bg-mid: #1a1a17;
        --android-bg-end: #1d1d1a;
        --android-card: #23231f;
        --android-card-strong: #252520;
        --android-card-muted: #282822;
        --android-border: rgba(106, 106, 96, 0.22);
        --android-border-soft: rgba(93, 93, 85, 0.14);
        --android-text-muted: #b7b7ad;
        --android-text-soft: rgba(169, 169, 159, 0.82);
        --android-icon-muted: rgba(183, 183, 173, 0.9);
        --android-button-secondary: #c9c9bf;
        --android-button-secondary-text: #171714;
        --android-button-success: #2f8f59;
        --android-button-success-text: #f2fff6;
        color: var(--ink) !important;
        background: #171714 !important;
    }

    body:has(.page-main--listing-detail) .desktop-home-header,
    body:has(.page-main--listing-detail) .site-header,
    body:has(.page-main--listing-detail) .mobile-dock,
    body:has(.page-main--listing-detail) .site-legal {
        display: none !important;
    }

    .page-main--listing-detail {
        min-height: 100svh !important;
        padding: 0 0 calc(30px + env(safe-area-inset-bottom, 0px)) !important;
        color: var(--ink) !important;
        background: #171714 !important;
    }

    .page-main--listing-detail > .page-alerts:empty {
        display: none !important;
    }

    .listing-detail {
        padding: 0 0 24px !important;
        color: var(--ink) !important;
        background: #171714 !important;
    }

    .listing-mobile-topbar {
        position: sticky;
        top: 0;
        z-index: 80;
        display: block;
        height: calc(54px + env(safe-area-inset-top, 0px));
        padding: env(safe-area-inset-top, 0px) 12px 0;
        color: var(--ink);
        background: #171714;
    }

    .listing-mobile-topbar__inner {
        width: 100%;
        height: 54px;
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 4px;
    }

    .listing-mobile-topbar__icon {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    .listing-mobile-topbar__icon svg {
        width: 27px;
        height: 27px;
    }

    .listing-mobile-topbar__back svg {
        width: 29px;
        height: 29px;
    }

    .listing-mobile-topbar__summary {
        min-width: 0;
        height: 42px;
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 0 4px;
        color: var(--ink);
        opacity: 0;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

    .listing-mobile-topbar.is-compact .listing-mobile-topbar__summary {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .listing-mobile-topbar__thumb {
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        overflow: hidden;
        border-radius: 6px;
        color: var(--android-icon-muted);
        background: var(--android-card-muted);
        font-weight: 800;
    }

    .listing-mobile-topbar__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .listing-mobile-topbar__copy {
        min-width: 0;
        display: grid;
        gap: 1px;
    }

    .listing-mobile-topbar__copy span,
    .listing-mobile-topbar__copy strong {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--ink);
        letter-spacing: 0;
    }

    .listing-mobile-topbar__copy span {
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
    }

    .listing-mobile-topbar__copy strong {
        font-family: var(--font-body);
        font-size: 18px;
        font-weight: 800;
        line-height: 20px;
    }

    .listing-mobile-topbar__actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }

    .listing-mobile-topbar__favorite {
        margin: 0;
    }

    .listing-mobile-topbar__heart.is-active {
        color: #d91f26 !important;
    }

    .listing-mobile-topbar__heart.is-active path {
        fill: currentColor;
    }

    .listing-mobile-more {
        position: relative;
    }

    .listing-mobile-more__menu {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        z-index: 4;
        width: max-content;
        min-width: 180px;
        padding: 6px;
        border: 1px solid var(--android-border-soft);
        border-radius: 14px;
        background: var(--android-card-strong);
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
    }

    .listing-mobile-more__menu button {
        width: 100%;
        min-height: 40px;
        padding: 0 12px;
        border: 0;
        border-radius: 10px;
        color: var(--ink);
        background: transparent;
        text-align: left;
    }

    .listing-detail > .container,
    .listing-detail__grid {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .listing-detail__grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .listing-detail__side {
        position: static !important;
        display: block !important;
    }

    .listing-detail__media-card,
    .listing-detail .detail-card,
    .listing-detail__grid > .detail-seller,
    .detail-related {
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .listing-detail__media-card {
        overflow: visible !important;
    }

    .listing-detail .listing-gallery,
    .listing-detail .listing-gallery__main {
        width: 100% !important;
        background: transparent !important;
    }

    .listing-detail .listing-gallery__track {
        gap: 8px !important;
        padding: 0 12px !important;
        scroll-padding: 12px !important;
    }

    .listing-detail .listing-gallery__slide {
        min-width: 100% !important;
        flex-basis: 100% !important;
    }

    .listing-detail .listing-gallery__open {
        overflow: hidden !important;
        border-radius: 10px !important;
        background: var(--android-card-muted) !important;
    }

    .listing-detail .listing-gallery__main img,
    .listing-detail .listing-gallery__placeholder {
        width: 100% !important;
        height: clamp(260px, 76vw, 330px) !important;
        aspect-ratio: auto !important;
        border-radius: 10px !important;
        object-fit: cover !important;
        background: var(--android-card-muted) !important;
    }

    .listing-gallery__counter {
        position: absolute;
        top: 10px;
        left: 22px;
        z-index: 3;
        min-height: 28px;
        display: inline-flex;
        align-items: center;
        padding: 0 9px;
        border-radius: 8px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.52);
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
    }

    .listing-detail .listing-gallery__dots {
        display: none !important;
    }

    .detail-card--summary {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        padding: 2px 12px 8px !important;
        margin: 0 !important;
    }

    .detail-card--summary h1 {
        order: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-body) !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        letter-spacing: 0 !important;
        text-wrap: auto !important;
    }

    .listing-detail .detail-price {
        order: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-body) !important;
        font-size: 36px !important;
        font-weight: 800 !important;
        line-height: 40px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .detail-kicker {
        order: 3 !important;
    }

    .detail-kicker__actions {
        display: none !important;
    }

    .detail-badges span,
    .page-main--listing-detail .status-pill {
        min-height: 32px !important;
        padding: 0 12px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--android-text-muted) !important;
        background: var(--android-card-muted) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .listing-detail .detail-actions {
        order: 4 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .detail-action {
        min-height: 52px !important;
        gap: 8px !important;
        border: 0 !important;
        border-radius: 14px !important;
        box-shadow: none !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    .detail-action svg {
        width: 20px !important;
        height: 20px !important;
    }

    .listing-detail .detail-action--message,
    .listing-detail .detail-action--primary {
        color: var(--android-button-secondary-text) !important;
        background: var(--android-button-secondary) !important;
        border-color: var(--android-button-secondary) !important;
    }

    .listing-detail .detail-action--phone {
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
        border-color: var(--android-button-success) !important;
    }

    .detail-owner-status {
        order: 5 !important;
    }

    .detail-location {
        order: 6 !important;
        display: grid !important;
        gap: 5px !important;
        margin: 0 !important;
        padding-top: 4px !important;
    }

    .detail-location__distance {
        width: fit-content;
        max-width: 100%;
        min-height: 25px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        border: 0;
        color: #009cf0;
        background: transparent;
        text-align: left;
    }

    .detail-location__distance.has-distance,
    .detail-location__distance:disabled {
        color: var(--android-text-muted);
    }

    .detail-location__distance span {
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        border-radius: 999px;
        background: #ff8a1f;
    }

    .detail-location__distance em {
        min-width: 0;
        overflow: hidden;
        color: inherit;
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .detail-location__place {
        color: var(--ink);
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
    }

    .detail-location__map,
    .detail-description__toggle,
    .detail-specs__open {
        color: #009cf0 !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 25px !important;
    }

    .detail-location__map {
        width: fit-content;
    }

    .detail-stats {
        display: none !important;
    }

    .listing-detail__grid > .detail-card:not(.detail-card--summary),
    .listing-detail__grid > .detail-seller,
    .detail-related {
        margin: 0 !important;
        padding: 20px 12px !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .detail-section-heading {
        margin: 0 0 10px !important;
    }

    .detail-section-heading span {
        display: block !important;
        color: var(--ink) !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 34px !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .detail-section-heading h2 {
        margin: 0 !important;
        color: var(--ink) !important;
        font-size: 26px !important;
        font-weight: 700 !important;
        line-height: 34px !important;
        letter-spacing: 0 !important;
    }

    .detail-related__heading span {
        color: var(--android-text-soft) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 16px !important;
    }

    .detail-specs__rows,
    .detail-specs-sheet__rows {
        display: grid !important;
        gap: 8px !important;
    }

    .detail-specs__row,
    .detail-specs-sheet__row {
        display: block !important;
        padding: 0 !important;
        color: var(--ink) !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 29px !important;
    }

    .detail-specs__row + .detail-specs__row,
    .detail-specs-sheet__row + .detail-specs-sheet__row {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .detail-specs__row span,
    .detail-specs-sheet__row span {
        color: var(--android-text-soft) !important;
        font-weight: 400 !important;
    }

    .detail-specs__row strong,
    .detail-specs-sheet__row strong {
        color: var(--ink) !important;
        font-weight: 400 !important;
        text-align: left !important;
    }

    .detail-specs__open {
        width: fit-content !important;
        min-height: 25px !important;
        display: inline-flex !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .detail-specs__open svg {
        display: none !important;
    }

    .detail-description {
        padding-top: 18px !important;
    }

    .detail-description .detail-copy,
    .listing-detail .detail-copy {
        margin: 0 !important;
        color: var(--ink) !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 29px !important;
    }

    .detail-description--collapsible:not(.is-expanded) .detail-copy {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;
    }

    .detail-description__toggle {
        width: fit-content;
        margin-top: 8px;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .detail-seller {
        position: relative !important;
        margin-top: 10px !important;
        padding-top: 26px !important;
        border-top: 1px solid rgba(106, 106, 96, 0.28) !important;
    }

    .detail-seller .detail-section-heading {
        margin-bottom: 26px !important;
    }

    .detail-seller .detail-section-heading span {
        color: var(--android-text-soft) !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 18px !important;
    }

    .detail-seller__person {
        display: grid !important;
        grid-template-columns: 62px minmax(0, 1fr) 34px !important;
        gap: 14px !important;
        align-items: center !important;
    }

    .detail-seller__avatar {
        width: 62px !important;
        height: 62px !important;
        flex: 0 0 62px !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        font-size: 24px !important;
        font-weight: 800 !important;
    }

    .detail-seller__person strong {
        color: var(--ink) !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 30px !important;
    }

    .detail-seller__person span {
        color: var(--android-text-muted) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
    }

    .detail-seller__trust {
        width: fit-content !important;
        margin: 26px 0 0 !important;
    }

    .detail-seller__rating {
        width: fit-content !important;
        min-height: 28px !important;
        display: inline-flex !important;
        gap: 4px !important;
        padding: 0 14px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .detail-seller__rating .rating-stars,
    .detail-seller__rating strong,
    .detail-seller__rating-icon {
        display: none !important;
    }

    .detail-seller__rating span {
        color: var(--ink) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 18px !important;
    }

    .detail-seller__footer {
        position: absolute !important;
        top: 92px !important;
        right: 12px !important;
        width: 34px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: var(--android-text-muted) !important;
        background: transparent !important;
    }

    .detail-seller__footer span {
        display: none !important;
    }

    .detail-seller__footer svg {
        width: 34px !important;
        height: 34px !important;
        transform: rotate(0deg) !important;
    }

    .detail-seller__bio,
    .detail-contact-list {
        display: none !important;
    }

    .detail-related {
        padding-top: 20px !important;
    }

    .detail-related__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 10px !important;
    }

    .detail-related__grid .listing-card {
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .detail-related__grid .listing-card__media {
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: var(--android-card-muted) !important;
    }

    .detail-related__grid .listing-card__media img,
    .detail-related__grid .listing-card__placeholder {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .detail-related__grid .listing-card__overlay,
    .detail-related__grid .listing-card__excerpt {
        display: none !important;
    }

    .detail-related__grid .listing-card__body {
        display: grid !important;
        gap: 4px !important;
        padding: 8px 0 0 !important;
        background: transparent !important;
    }

    .detail-related__grid .listing-card__headline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 34px !important;
        gap: 6px !important;
        align-items: start !important;
    }

    .detail-related__grid .listing-card__title {
        color: var(--ink) !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
    }

    .detail-related__grid .favorite-button {
        width: 34px !important;
        height: 34px !important;
        color: var(--ink) !important;
    }

    .detail-related__grid .listing-card__price {
        color: var(--ink) !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 22px !important;
    }

    .detail-related__grid .listing-card__price-row,
    .detail-related__grid .listing-card__meta-stack {
        margin: 0 !important;
    }

    .detail-related__grid .listing-card__meta-stack {
        display: grid !important;
        gap: 4px !important;
    }

    .detail-related__grid .listing-card__location,
    .detail-related__grid .listing-card__date {
        color: var(--android-text-soft) !important;
        overflow: hidden !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 18px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .detail-related__empty {
        color: var(--android-text-muted) !important;
    }

    .detail-listing-stats {
        display: grid !important;
        gap: 3px !important;
        padding: 0 12px 24px !important;
        color: var(--android-text-soft) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
    }

    .detail-listing-stats span {
        color: inherit !important;
        font: inherit !important;
        letter-spacing: 0 !important;
    }
}

@media (max-width: 390px) {
    .listing-detail .detail-price {
        font-size: 33px !important;
        line-height: 38px !important;
    }

    .detail-card--summary h1 {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .listing-mobile-topbar__actions {
        gap: 6px;
    }
}

/* Final Android store portfolio parity for mobile. */
@media (max-width: 820px) {
    body:has(.page-main--seller-store),
    body:has(.page-main--seller-store) .page-main--seller-store {
        font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    }

    body:has(.page-main--seller-store) .seller-store__stack {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        gap: 4px !important;
        padding-top: calc(env(safe-area-inset-top, 0px) + 18px) !important;
    }

    body:has(.page-main--seller-store) .seller-store__hero {
        padding: 0 12px 6px !important;
    }

    body:has(.page-main--seller-store) .seller-store__identity {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 22px 18px !important;
        align-items: center !important;
    }

    body:has(.page-main--seller-store) .seller-store__hero .detail-seller__avatar {
        width: 96px !important;
        height: 96px !important;
        flex-basis: 96px !important;
    }

    body:has(.page-main--seller-store) .seller-store__lead {
        margin: 0 !important;
    }

    body:has(.page-main--seller-store) .seller-store__action-button--settings {
        display: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__action-button {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
    }

    body:has(.page-main--seller-store) .seller-store--store .seller-store__actions > a[href^="tel:"],
    body:has(.page-main--seller-store) .seller-store--store .seller-store__actions > span[href^="tel:"] {
        flex: 0 0 52px !important;
        width: 52px !important;
    }

    body:has(.page-main--seller-store) .seller-store__sections {
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }

    body:has(.page-main--seller-store) .seller-store__sections a {
        min-height: 40px !important;
        padding: 0 18px !important;
        border-radius: 999px !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__sections a.is-active {
        color: var(--ink) !important;
        border-color: var(--android-border) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__portfolio {
        display: block !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__portfolio .seller-store__heading-row {
        display: none !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__grid {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__add-form,
    body:has(.page-main--seller-store) .store-portfolio__card {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__add-tile,
    body:has(.page-main--seller-store) .store-portfolio__card {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__add-tile {
        display: grid !important;
        place-items: center !important;
        color: var(--ink) !important;
        background: var(--android-card-strong) !important;
        cursor: pointer !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__add-input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__add-tile svg {
        width: 30px !important;
        height: 30px !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__media {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        background: var(--android-image-placeholder) !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__media.is-image-loading::before,
    body:has(.page-main--seller-store) .store-portfolio__media.is-image-loading::after {
        display: none !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__media img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__media.is-image-error img {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    body:has(.page-main--seller-store) .store-portfolio__body {
        display: none !important;
    }
}

/* Seller/store mobile catalog uses the same listing cards as the home feed. */
@media (max-width: 820px) {
    body:has(.page-main--seller-store) .seller-store__listings {
        display: block !important;
        margin: 0 !important;
        padding: 0 12px 44px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-grid,
    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 10px !important;
        row-gap: 6px !important;
        align-items: start !important;
        margin: 0 !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed .listing-card,
    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed .listing-card:hover,
    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed .listing-card:focus-within,
    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed .listing-card.is-pressed,
    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed .listing-card.is-releasing {
        min-width: 0 !important;
        overflow: visible !important;
        display: block !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        transition: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-grid--feed .listing-card--wide {
        grid-column: span 2 !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__media {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: var(--android-surface-container-high, var(--surface-muted, #23231f)) !important;
        box-shadow: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card--wide .listing-card__media {
        aspect-ratio: 2.05 / 1 !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__media img,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__placeholder {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        transform: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__media::after,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card:hover .listing-card__media::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__overlay {
        display: flex !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__body {
        min-height: 94px !important;
        height: 94px !important;
        display: block !important;
        padding: 8px 0 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__headline {
        min-height: 0 !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 36px !important;
        gap: 4px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__title {
        display: -webkit-box !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: var(--ink, #f4f4ef) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 19px !important;
        letter-spacing: 0 !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow-wrap: anywhere !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__price-row {
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 3px !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__price {
        color: var(--ink, #f4f4ef) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 21px !important;
        letter-spacing: 0 !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__meta-stack {
        display: grid !important;
        gap: 2px !important;
        min-width: 0 !important;
        margin-top: 3px !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__location,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__date,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__meta-line,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__seller,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__stats {
        display: block !important;
        min-width: 0 !important;
        margin-top: 3px !important;
        overflow: hidden !important;
        color: var(--muted, rgba(183, 183, 173, 0.9)) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__meta-stack .listing-card__location {
        margin-top: 0 !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .listing-card__excerpt {
        display: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .favorite-form {
        display: block !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .favorite-button {
        width: 34px !important;
        height: 34px !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--ink, #f4f4ef) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.page-main--seller-store) .seller-store__listings .favorite-button__icon,
    body:has(.page-main--seller-store) .seller-store__listings .favorite-button__icon svg {
        width: 24px !important;
        height: 24px !important;
    }
}

.stores-ad-ribbon {
    display: none;
}

.store-card__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.store-card__count--rating {
    max-width: 100%;
}

@media (min-width: 821px) {
    .page-main--stores .store-card {
        grid-template-columns: 82px minmax(0, 1fr) 40px !important;
        align-items: center !important;
    }

    .page-main--stores .store-card__body {
        min-height: 0 !important;
    }

    .page-main--stores .store-card__pills {
        margin-top: 4px;
    }
}

/* Final Android parity for the mobile stores page. */
@media (max-width: 820px) {
    html:has(.page-main--stores) {
        color-scheme: dark !important;
        background: #171714 !important;
    }

    body:has(.page-main--stores) {
        --ink: #f4f4ef;
        --muted: #b7b7ad;
        --android-bg-start: #171714;
        --android-bg-mid: #1a1a17;
        --android-bg-end: #1d1d1a;
        --android-card: #23231f;
        --android-card-strong: #252520;
        --android-card-muted: #282822;
        --android-border: rgba(106, 106, 96, 0.22);
        --android-border-soft: rgba(93, 93, 85, 0.14);
        --android-text-muted: #b7b7ad;
        --android-text-soft: rgba(169, 169, 159, 0.82);
        --android-icon-muted: rgba(183, 183, 173, 0.9);
        color: var(--ink) !important;
        background: #171714 !important;
    }

    body:has(.page-main--stores) .desktop-home-header,
    body:has(.page-main--stores) .site-header,
    body:has(.page-main--stores) .site-footer {
        display: none !important;
    }

    .page-main--stores {
        min-height: 100svh !important;
        padding: 0 0 calc(130px + env(safe-area-inset-bottom, 0px)) !important;
        color: var(--ink) !important;
        background: #171714 !important;
    }

    .page-main--stores > .page-alerts:empty {
        display: none !important;
    }

    .page-main--stores .stores-page {
        padding: 0 !important;
        color: var(--ink) !important;
        background: #171714 !important;
    }

    .page-main--stores > .container,
    .page-main--stores .stores-page__stack {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .page-main--stores .stores-page__stack {
        display: grid !important;
        gap: 4px !important;
        padding: 0 0 12px !important;
    }

    .page-main--stores .stores-search--desktop,
    .page-main--stores .store-category-sheet__grid {
        display: none !important;
    }

    .page-main--stores .stores-search--mobile {
        position: sticky !important;
        top: 0 !important;
        z-index: 80 !important;
        display: block !important;
        margin: 0 !important;
        padding: calc(env(safe-area-inset-top, 0px) + 8px) 12px 6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #171714 !important;
        box-shadow: none !important;
    }

    .page-main--stores .stores-search__mobile-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .page-main--stores .stores-search__field {
        height: 48px !important;
        min-height: 48px !important;
        display: grid !important;
        grid-template-columns: 20px minmax(0, 1fr) 40px !important;
        gap: 8px !important;
        align-items: center !important;
        padding: 0 10px 0 18px !important;
        border: 0 !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: #282822 !important;
        box-shadow: none !important;
    }

    .page-main--stores .stores-search__icon {
        width: 20px !important;
        height: 20px !important;
        color: rgba(183, 183, 173, 0.86) !important;
    }

    .page-main--stores .stores-search__icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    .page-main--stores .stores-search__field input {
        height: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: var(--ink) !important;
        caret-color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .stores-search__field input::placeholder {
        color: rgba(183, 183, 173, 0.52) !important;
        opacity: 1 !important;
    }

    .page-main--stores .stores-search__filter--sliders,
    .page-main--stores .stores-search__category-mobile {
        position: relative !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-grid !important;
        place-items: center !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .page-main--stores .stores-search--mobile .stores-search__filter--sliders {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    .page-main--stores .stores-search__category-mobile {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    .page-main--stores .stores-search__filter--sliders svg {
        width: 22px !important;
        height: 22px !important;
    }

    .page-main--stores .stores-search__category-mobile svg {
        width: 28px !important;
        height: 28px !important;
    }

    .page-main--stores .stores-search__filter--sliders.is-active,
    .page-main--stores .stores-search__category-mobile.is-active {
        color: #8ad1bc !important;
        background: transparent !important;
    }

    .page-main--stores .stores-search__filter-indicator {
        top: 7px !important;
        right: 7px !important;
        width: 8px !important;
        height: 8px !important;
        background: #8ad1bc !important;
    }

    .page-main--stores .stores-ad-ribbon {
        display: grid !important;
        gap: 8px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 0 0 8px 12px !important;
    }

    .page-main--stores .stores-ad-ribbon__title {
        margin: 0 !important;
        padding: 0 4px !important;
        color: var(--android-text-muted) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .stores-ad-ribbon__track {
        display: flex !important;
        gap: 8px !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overscroll-behavior-x: contain !important;
        scroll-snap-type: x proximity !important;
        padding: 1px 12px 0 0 !important;
        scrollbar-width: none !important;
    }

    .page-main--stores .stores-ad-ribbon__track::-webkit-scrollbar {
        display: none !important;
    }

    .page-main--stores .stores-ad-card {
        flex: 0 0 268px !important;
        width: 268px !important;
        height: 154px !important;
        display: grid !important;
        align-content: start !important;
        gap: 9px !important;
        padding: 12px !important;
        scroll-snap-align: start !important;
        overflow: hidden !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
    }

    .page-main--stores .stores-ad-card__head {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    .page-main--stores .stores-ad-card__avatar {
        width: 50px !important;
        height: 50px !important;
        flex: 0 0 50px !important;
        display: grid !important;
        place-items: center !important;
        overflow: hidden !important;
        border-radius: 999px !important;
        color: var(--android-icon-muted) !important;
        background: var(--android-card-muted) !important;
    }

    .page-main--stores .stores-ad-card__avatar img,
    .page-main--stores .stores-ad-card__avatar > span {
        width: 100% !important;
        height: 100% !important;
    }

    .page-main--stores .stores-ad-card__avatar img {
        display: block !important;
        object-fit: cover !important;
    }

    .page-main--stores .stores-ad-card__avatar > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        font-weight: 800 !important;
    }

    .page-main--stores .stores-ad-card__badge {
        flex: 0 0 auto !important;
        padding: 4px 8px !important;
        border-radius: 999px !important;
        color: #171714 !important;
        background: #f4f4ef !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 12px !important;
    }

    .page-main--stores .stores-ad-card__name,
    .page-main--stores .stores-ad-card__name .verified-name,
    .page-main--stores .stores-ad-card__name .verified-name__text {
        min-width: 0 !important;
        overflow: hidden !important;
        color: var(--ink) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 16px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .page-main--stores .stores-ad-card__name .verified-name {
        max-width: 100% !important;
        gap: 6px !important;
    }

    .page-main--stores .stores-ad-card__name .verified-name__badge {
        width: 13px !important;
        height: 13px !important;
        flex-basis: 13px !important;
    }

    .page-main--stores .stores-ad-card__meta {
        min-width: 0 !important;
        overflow: hidden !important;
        color: var(--android-text-muted) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 14px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .page-main--stores .stores-ad-card__count {
        justify-self: start !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 4px 8px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: rgba(40, 40, 34, 0.86) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 12px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .page-main--stores .stores-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 0 12px !important;
    }

    .page-main--stores .store-card,
    .page-main--stores .store-card:hover,
    .page-main--stores .store-card:focus-visible {
        min-height: 128px !important;
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) 28px !important;
        gap: 12px !important;
        align-items: center !important;
        padding: 14px !important;
        overflow: hidden !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
        transform: none !important;
    }

    .page-main--stores .store-card::before,
    .page-main--stores .store-card__glow {
        display: none !important;
        content: none !important;
    }

    .page-main--stores .store-card__avatar {
        z-index: 1 !important;
        width: 64px !important;
        height: 64px !important;
        align-self: center !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 999px !important;
        color: var(--android-icon-muted) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-card__avatar img,
    .page-main--stores .store-card__avatar > span {
        width: 100% !important;
        height: 100% !important;
    }

    .page-main--stores .store-card__avatar img {
        display: block !important;
        object-fit: cover !important;
    }

    .page-main--stores .store-card__avatar > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
        font-weight: 800 !important;
    }

    .page-main--stores .store-card__body {
        z-index: 1 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: grid !important;
        gap: 7px !important;
    }

    .page-main--stores .store-card__name,
    .page-main--stores .store-card__name .verified-name,
    .page-main--stores .store-card__name .verified-name__text {
        min-width: 0 !important;
        overflow: hidden !important;
        color: var(--ink) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 19px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .page-main--stores .store-card__name .verified-name {
        max-width: 100% !important;
        gap: 8px !important;
    }

    .page-main--stores .store-card__name .verified-name__badge {
        width: 14px !important;
        height: 14px !important;
        flex-basis: 14px !important;
    }

    .page-main--stores .store-card__city,
    .page-main--stores .store-card__latest {
        min-width: 0 !important;
        overflow: hidden !important;
        color: var(--android-text-muted) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .page-main--stores .store-card__pills {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        align-items: center !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .page-main--stores .store-card__count,
    .page-main--stores .store-card__count--rating {
        flex: 0 1 auto !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 5px 10px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 999px !important;
        color: var(--ink) !important;
        background: rgba(40, 40, 34, 0.86) !important;
        box-shadow: none !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 15px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .page-main--stores .store-card__arrow {
        z-index: 1 !important;
        width: 28px !important;
        height: 44px !important;
        display: inline-grid !important;
        place-items: center !important;
        align-self: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--android-icon-muted) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 34px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }

    .page-main--stores .stores-empty {
        margin: 0 12px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 14px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
    }

    .page-main--stores .store-filter-sheet:target,
    .page-main--stores .store-category-sheet:target {
        display: block !important;
    }

    .page-main--stores .store-category-sheet__scrim {
        background: rgba(5, 5, 4, 0.68) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    .page-main--stores .store-category-sheet__panel {
        color: var(--ink) !important;
        background: #171714 !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-category-sheet__close,
    .page-main--stores .store-category-option,
    .page-main--stores .store-filter-field input,
    .page-main--stores .store-filter-field select {
        border-color: var(--android-border-soft) !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-category-sheet__header span,
    .page-main--stores .store-category-option small,
    .page-main--stores .store-filter-field span {
        color: var(--android-text-muted) !important;
    }

    .page-main--stores .store-category-sheet__header h2,
    .page-main--stores .store-category-option span {
        color: var(--ink) !important;
    }

    .page-main--stores .store-category-option.is-active {
        border-color: rgba(225, 225, 218, 0.18) !important;
        color: var(--ink) !important;
        background: #2b2b25 !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__panel {
        min-height: 100svh !important;
        display: block !important;
        padding: calc(env(safe-area-inset-top, 0px) + 14px) 16px calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
        color: #f4f4ef !important;
        background: #171714 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__header {
        width: 100% !important;
        max-width: none !important;
        min-height: 53px !important;
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
        gap: 14px !important;
        align-items: center !important;
        margin: 0 0 16px !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__close {
        width: 48px !important;
        height: 48px !important;
        border: 0 !important;
        border-radius: 18px !important;
        color: #f4f4ef !important;
        background: #23231f !important;
        box-shadow: none !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__close svg {
        width: 26px !important;
        height: 26px !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__header span {
        color: #b7b7ad !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 16px !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__header h2 {
        margin: 1px 0 0 !important;
        color: #f4f4ef !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        line-height: 30px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .page-main--stores #store-category-sheet .store-category-sheet__list--mobile {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        gap: 10px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .page-main--stores #store-category-sheet .store-category-option,
    .page-main--stores #store-category-sheet .store-category-option:hover,
    .page-main--stores #store-category-sheet .store-category-option:focus-visible {
        min-height: 80px !important;
        display: grid !important;
        align-content: center !important;
        gap: 8px !important;
        padding: 14px 18px !important;
        border: 1px solid rgba(106, 106, 96, 0.16) !important;
        border-radius: 22px !important;
        color: #f4f4ef !important;
        background: #20211d !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .page-main--stores #store-category-sheet .store-category-option.is-active,
    .page-main--stores #store-category-sheet .store-category-option.is-active:hover,
    .page-main--stores #store-category-sheet .store-category-option.is-active:focus-visible {
        border-color: rgba(225, 225, 218, 0.28) !important;
        background: #20211d !important;
    }

    .page-main--stores #store-category-sheet .store-category-option span {
        color: #f4f4ef !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores #store-category-sheet .store-category-option small,
    .page-main--stores #store-category-sheet .store-category-option.is-active small {
        color: #b7b7ad !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
    }

    body:has(.page-main--stores) .mobile-dock {
        width: min(calc(100% - 24px), 560px) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
        padding: 8px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 30px !important;
        color: var(--ink) !important;
        background: linear-gradient(180deg, rgba(35, 35, 31, 0.98) 0%, rgba(33, 33, 30, 0.95) 52%, rgba(30, 30, 27, 0.94) 100%) !important;
        box-shadow: 0 34px 80px rgba(0, 0, 0, 0.34) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body:has(.page-main--stores) .mobile-dock::before,
    body:has(.page-main--stores) .mobile-dock::after {
        display: none !important;
        content: none !important;
    }

    body:has(.page-main--stores) .dock-item {
        min-height: 58px !important;
        padding: 4px !important;
        border: 0 !important;
        border-radius: 22px !important;
        color: var(--android-icon-muted) !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body:has(.page-main--stores) .dock-item:hover,
    body:has(.page-main--stores) .dock-item.is-active {
        color: var(--ink) !important;
    }

    body:has(.page-main--stores) .dock-item.is-active {
        border: 1px solid var(--android-border) !important;
        background: linear-gradient(180deg, rgba(43, 43, 37, 0.98) 0%, rgba(40, 40, 34, 0.98) 52%, rgba(37, 37, 32, 0.98) 100%) !important;
    }

    body:has(.page-main--stores) .dock-item svg {
        filter: none !important;
    }

    body:has(.page-main--stores) .dock-item__badge {
        border-color: rgba(244, 244, 239, 0.24) !important;
        color: #171714 !important;
        background: #f4f4ef !important;
        box-shadow: none !important;
    }
}

/* iOS search field parity for mobile web. */
@media (max-width: 820px) {
    :root {
        --ios-search-field-height: 52px;
        --ios-search-field-radius: 18px;
    }

    body:has(.catalog-topbar) .search-field--topbar,
    .page-main--stores .stores-search__field,
    .page-main--messages .message-search,
    .page-main--my-listings .my-listings-search label {
        height: var(--ios-search-field-height) !important;
        min-height: var(--ios-search-field-height) !important;
        border-radius: var(--ios-search-field-radius) !important;
    }

    body:has(.catalog-topbar) .catalog-topbar__main,
    .page-main--stores .stores-search__mobile-row {
        min-height: var(--ios-search-field-height) !important;
    }

    .page-main--my-listings .my-listings-search.has-reset {
        grid-template-columns: minmax(0, 1fr) var(--ios-search-field-height) !important;
    }

    .page-main--my-listings .my-listings-search__reset {
        width: var(--ios-search-field-height) !important;
        height: var(--ios-search-field-height) !important;
        border-radius: var(--ios-search-field-radius) !important;
    }
}

/* Messages list should not sit inside an extra card on mobile. */
@media (max-width: 820px) {
    .page-main--messages .messages-inbox--full:not(.messages-inbox--empty) {
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .page-main--messages .messages-inbox--full:not(.messages-inbox--empty)::before,
    .page-main--messages .messages-inbox--full:not(.messages-inbox--empty)::after {
        display: none !important;
        content: none !important;
    }
}

/* Keep the mobile thread composer pinned to the bottom edge. */
@media (max-width: 820px) {
    .thread-page .thread-shell {
        padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .thread-page .thread-compose {
        position: fixed !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 90 !important;
        width: min(100%, 760px) !important;
        margin: 0 auto !important;
        padding: 8px 12px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
        background: color-mix(in srgb, var(--android-card-strong) 98%, transparent) !important;
        border-top: 1px solid var(--android-border-soft) !important;
        box-shadow: none !important;
    }

    .thread-page .thread-messages {
        padding-bottom: 18px !important;
    }
}

/* iPhone-style thread composer with photo upload. */
.thread-compose__bar {
    position: relative;
    grid-template-columns: 46px 46px minmax(0, 1fr) 46px;
}

.thread-compose__photo-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.thread-compose__photo {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 16px;
    color: #666666;
    background: #f2f2f2;
    cursor: pointer;
}

.thread-compose__photo svg {
    width: 24px;
    height: 24px;
}

.thread-compose__photo-input:focus-visible + .thread-compose__photo {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.thread-compose.has-photo .thread-compose__photo {
    color: var(--android-button-success-text, #ffffff);
    background: var(--android-button-success, #2f8f59);
}

@media (min-width: 821px) {
    .thread-compose__bar {
        grid-template-columns: 48px 48px minmax(0, 1fr) 56px !important;
    }

    .thread-compose__photo,
    .thread-emoji {
        width: 48px !important;
        height: 48px !important;
    }
}

@media (max-width: 820px) {
    .thread-page .thread-compose {
        padding: 10px 20px calc(env(safe-area-inset-bottom, 0px) + 16px) !important;
    }

    .thread-page .thread-compose__bar {
        grid-template-columns: 44px 44px minmax(0, 1fr) 44px !important;
        gap: 6px !important;
        align-items: center !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .thread-page .thread-compose__photo,
    .thread-page .thread-emoji,
    .thread-page .thread-compose__icon,
    .thread-page .thread-compose__send {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .thread-page .thread-compose__photo,
    .thread-page .thread-compose__icon {
        color: var(--android-text-muted) !important;
        background: transparent !important;
    }

    .thread-page .thread-compose.has-photo .thread-compose__photo {
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
    }

    .thread-page .thread-compose__field {
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    .thread-page .thread-compose__field textarea {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 10px 14px !important;
        overflow: hidden !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 22px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        white-space: nowrap !important;
    }

    .thread-page .thread-compose__field textarea::placeholder {
        color: var(--android-text-soft) !important;
        opacity: 1 !important;
        white-space: nowrap !important;
    }

    .thread-page .thread-compose__send {
        border-radius: 50% !important;
        color: var(--android-button-success-text) !important;
        background: var(--android-button-success) !important;
    }

    .thread-page .thread-compose__send svg {
        transform: rotate(-90deg);
    }
}

/* Final iPhone thread screen parity for mobile. */
@media (max-width: 820px) {
    .thread-page {
        --thread-compose-bottom-safe-area: max(env(safe-area-inset-bottom, 0px), 24px);
    }

    .thread-page .thread-screen {
        padding: 0 !important;
        background: var(--android-bg-start) !important;
    }

    .thread-page .thread-shell {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        padding: 0 0 calc(60px + var(--thread-compose-bottom-safe-area)) !important;
        background: transparent !important;
    }

    .thread-page .thread-header {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 10px 8px !important;
        border: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .thread-page .thread-header__back {
        width: 44px !important;
        height: 44px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 16px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
    }

    .thread-page .thread-header__meta {
        min-width: 0 !important;
        gap: 2px !important;
    }

    .thread-page .thread-header__meta strong {
        overflow: hidden !important;
        color: var(--ink) !important;
        font-size: 19px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .thread-page .thread-header__meta span {
        overflow: hidden !important;
        color: var(--android-text-muted) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .thread-page .thread-listing {
        grid-template-columns: 72px minmax(0, 1fr) !important;
        gap: 12px !important;
        min-height: 96px !important;
        margin: 10px 10px 0 !important;
        padding: 12px !important;
        border: 1px solid var(--android-border) !important;
        border-radius: 18px !important;
        color: var(--ink) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
    }

    .thread-page .thread-listing__media,
    .thread-page .thread-support-art {
        width: 72px !important;
        height: 72px !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }

    .thread-page .thread-support-art {
        position: relative !important;
        display: grid !important;
        align-items: start !important;
        justify-items: start !important;
        padding: 10px !important;
        border: 1px solid color-mix(in srgb, var(--android-button-primary) 20%, transparent) !important;
        color: var(--android-button-primary) !important;
        background: color-mix(in srgb, var(--android-button-primary) 12%, transparent) !important;
    }

    .thread-page .thread-support-art svg {
        width: 22px !important;
        height: 22px !important;
    }

    .thread-page .thread-support-art strong {
        position: absolute !important;
        right: auto !important;
        bottom: 10px !important;
        left: 10px !important;
        color: inherit !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .thread-page .thread-listing__content {
        gap: 4px !important;
    }

    .thread-page .thread-listing__content strong {
        color: var(--ink) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }

    .thread-page .thread-listing__content span {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: var(--android-text-muted) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    .thread-page .thread-listing__arrow {
        display: none !important;
    }

    .thread-page .thread-messages {
        flex: 1 1 auto !important;
        align-content: start !important;
        gap: 10px !important;
        min-height: 0 !important;
        padding: 10px 10px 12px !important;
        background: transparent !important;
    }

    .thread-page .thread-empty {
        display: none !important;
    }

    .thread-page .thread-compose {
        padding: 6px 10px calc(var(--thread-compose-bottom-safe-area) + 10px) !important;
        background: color-mix(in srgb, var(--android-bg-start) 55%, var(--android-card) 45%) !important;
        border: 0 !important;
    }

    .thread-page .thread-compose > .route-submit-status:empty {
        display: none !important;
    }

    .thread-page .thread-compose__bar {
        grid-template-columns: 44px 44px minmax(0, 1fr) 44px !important;
        align-items: end !important;
        gap: 6px !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    .thread-page .thread-compose__send:disabled {
        color: var(--android-text-muted) !important;
        background: var(--android-card-muted) !important;
        opacity: 1 !important;
    }
}

.store-filter-sheet__reset-top,
.store-filter-sheet__header .store-category-sheet__close span {
    display: none;
}

/* iPhone store filters sheet parity for mobile. */
@media (max-width: 820px) {
    .page-main--stores .store-filter-sheet:target {
        display: block !important;
    }

    .page-main--stores .store-filter-sheet .store-category-sheet__scrim {
        display: none !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .page-main--stores .store-filter-sheet__panel {
        position: fixed !important;
        inset: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        padding: calc(env(safe-area-inset-top, 0px) + 16px) 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: #171714 !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-filter-sheet__header {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 26px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 16px 16px !important;
    }

    .page-main--stores .store-filter-sheet__header .store-category-sheet__close,
    .page-main--stores .store-filter-sheet__reset-top {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }

    .page-main--stores .store-filter-sheet__header .store-category-sheet__close svg {
        display: none !important;
    }

    .page-main--stores .store-filter-sheet__header .store-category-sheet__close span {
        display: inline !important;
        color: inherit !important;
        font: inherit !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .page-main--stores .store-filter-sheet__reset-top {
        justify-self: end !important;
    }

    .page-main--stores .store-filter-sheet__header h2 {
        justify-self: center !important;
        margin: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .page-main--stores .store-filter-form {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
        display: block !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        padding: 0 16px calc(102px + max(env(safe-area-inset-bottom, 0px), 24px)) !important;
        margin: 0 !important;
        scrollbar-width: none !important;
    }

    .page-main--stores .store-filter-form::-webkit-scrollbar {
        display: none !important;
    }

    .page-main--stores .store-filter-field {
        display: grid !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-filter-field--location {
        margin-bottom: 24px !important;
    }

    .page-main--stores .store-filter-field .store-filter-field__title,
    .page-main--stores .store-filter-field--days legend {
        margin: 0 !important;
        padding: 0 !important;
        color: var(--ink) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .store-filter-location-control {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        display: grid !important;
        grid-template-columns: 24px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        padding: 0 16px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 20px !important;
        color: var(--android-icon-muted) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-filter-location-control svg {
        width: 24px !important;
        height: 24px !important;
    }

    .page-main--stores .store-filter-location-control input,
    .page-main--stores .store-filter-location-control input:focus {
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        color: var(--ink) !important;
        caret-color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .store-filter-location-control input::placeholder {
        color: var(--android-text-soft) !important;
        opacity: 1 !important;
    }

    .page-main--stores .store-filter-field--days {
        min-inline-size: 0 !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .page-main--stores .store-filter-days {
        display: flex !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: calc(100% + 16px) !important;
        overflow-x: auto !important;
        overscroll-behavior-x: contain !important;
        scroll-snap-type: x proximity !important;
        padding: 0 16px 0 0 !important;
        margin: 0 !important;
        scrollbar-width: none !important;
    }

    .page-main--stores .store-filter-days::-webkit-scrollbar {
        display: none !important;
    }

    .page-main--stores .store-filter-day-chip {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        scroll-snap-align: start !important;
    }

    .page-main--stores .store-filter-day-chip input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .page-main--stores .store-filter-day-chip span {
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 14px !important;
        border: 1px solid var(--android-border-soft) !important;
        border-radius: 16px !important;
        color: var(--android-text-muted) !important;
        background: var(--android-card) !important;
        box-shadow: none !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .page-main--stores .store-filter-day-chip input:checked + span {
        border-color: rgba(225, 225, 218, 0.2) !important;
        color: var(--ink) !important;
        background: color-mix(in srgb, var(--android-card-muted) 74%, var(--ink) 8%) !important;
    }

    .page-main--stores .store-filter-day-chip input:focus-visible + span {
        outline: 2px solid var(--ink) !important;
        outline-offset: 2px !important;
    }

    .page-main--stores .store-filter-form__time {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .page-main--stores .store-filter-form__time .store-filter-field {
        gap: 6px !important;
    }

    .page-main--stores .store-filter-form__time .store-filter-field span {
        color: var(--android-text-muted) !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .store-filter-form__time input,
    .page-main--stores .store-filter-form__time input:focus {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 16px !important;
        border: 0 !important;
        border-radius: 20px !important;
        color: var(--ink) !important;
        caret-color: var(--ink) !important;
        background: var(--android-card-muted) !important;
        box-shadow: none !important;
        outline: 0 !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
    }

    .page-main--stores .store-filter-form__time input::placeholder {
        color: rgba(169, 169, 159, 0.46) !important;
        opacity: 1 !important;
    }

    .page-main--stores .store-filter-form__actions {
        position: fixed !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 2 !important;
        display: block !important;
        padding: 16px 16px calc(12px + max(env(safe-area-inset-bottom, 0px), 24px)) !important;
        border: 0 !important;
        background: var(--android-card-strong) !important;
        box-shadow: none !important;
    }

    .page-main--stores .store-filter-form__reset {
        display: none !important;
    }

    .page-main--stores .store-filter-form__submit,
    .page-main--stores .store-filter-form__submit:hover,
    .page-main--stores .store-filter-form__submit:focus-visible {
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 20px !important;
        color: #171b22 !important;
        background: #e1e1da !important;
        box-shadow: none !important;
        font-family: var(--font-android, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }
}

@media (max-width: 820px) {
    [data-mobile-location-picker],
    [data-mobile-location-picker] * {
        -webkit-tap-highlight-color: transparent !important;
    }

    .location-search-screen.is-city-picker {
        z-index: 10020 !important;
        background: #171714 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__panel {
        color: #f4f4ef !important;
        background: #171714 !important;
        border-radius: 0 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__back,
    .location-search-screen.is-city-picker .location-search-screen__back:hover,
    .location-search-screen.is-city-picker .location-search-screen__back:focus-visible,
    .location-search-screen.is-city-picker .location-search-screen__copy strong,
    .location-search-screen.is-city-picker .location-search-screen__option,
    .location-search-screen.is-city-picker .location-search-screen__option:hover,
    .location-search-screen.is-city-picker .location-search-screen__option:focus,
    .location-search-screen.is-city-picker .location-search-screen__empty strong {
        color: #f4f4ef !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search {
        border: 0 !important;
        color: #b9bbb4 !important;
        background: #20211d !important;
        box-shadow: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search svg {
        color: #b9bbb4 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search input,
    .location-search-screen.is-city-picker .location-search-screen__search input:focus {
        color: #f4f4ef !important;
        caret-color: #f4f4ef !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search input::placeholder {
        color: rgba(169, 169, 159, 0.42) !important;
        opacity: 1 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__empty,
    .location-search-screen.is-city-picker .location-search-screen__empty span {
        color: #a9a99f !important;
        background: transparent !important;
    }
}

/* Mobile home status rail parity with the iPhone app. */
@media (max-width: 820px) {
    body:has(.catalog-topbar) .home-statuses {
        padding: 0 0 6px !important;
    }

    body:has(.catalog-topbar) .home-statuses__track {
        gap: 12px !important;
        align-items: flex-start !important;
        padding: 4px 0 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body:has(.catalog-topbar) .home-status-card {
        flex: 0 0 88px !important;
        gap: 8px !important;
    }

    body:has(.catalog-topbar) .home-status-card__bubble {
        width: 88px !important;
        height: 82px !important;
    }

    body:has(.catalog-topbar) .home-status-card__ring {
        width: 82px !important;
        height: 82px !important;
        padding: 3px !important;
    }

    body:has(.catalog-topbar) .home-statuses__hint {
        flex: 0 0 min(256px, calc(100vw - 132px)) !important;
        min-height: 92px !important;
        display: grid !important;
        gap: 8px !important;
        align-content: start !important;
        padding: 16px !important;
        border: 1px solid rgba(225, 225, 218, 0.1) !important;
        border-radius: 24px !important;
        background: #20211d !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16) !important;
    }

    body:has(.catalog-topbar) .home-statuses__hint strong {
        color: #f4f4ef !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        letter-spacing: 0 !important;
    }

    body:has(.catalog-topbar) .home-statuses__hint span {
        color: #b9bbb4 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
    }
}

/* Mobile category artwork parity with the iPhone app. */
@media (max-width: 820px) {
    body:has(.catalog-topbar) .home-categories__track,
    body:has(.catalog-topbar) .home-categories__track--subcategories {
        gap: 10px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card,
    body:has(.catalog-topbar) .home-categories .subcategory-card {
        flex: 0 0 148px !important;
        width: 148px !important;
        height: 92px !important;
        border-radius: 18px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__content,
    body:has(.catalog-topbar) .home-categories .subcategory-card__content {
        padding: 10px 12px !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__label,
    body:has(.catalog-topbar) .home-categories .subcategory-card__label {
        max-width: 86px !important;
        color: #f4f4ef !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__art {
        right: -16px !important;
        bottom: -14px !important;
        width: 112px !important;
        height: 94px !important;
    }

    body:has(.catalog-topbar) .home-categories [data-category-card="transport"] .category-card__art {
        right: -24px !important;
        bottom: -24px !important;
        width: 132px !important;
        height: 112px !important;
    }

    body:has(.catalog-topbar) .home-categories [data-category-card="real_estate"] .category-card__art {
        right: -16px !important;
        bottom: -10px !important;
        width: 96px !important;
        height: 92px !important;
    }

    body:has(.catalog-topbar) .home-categories [data-category-card="jobs"] .category-card__art {
        right: -12px !important;
        bottom: -24px !important;
        width: 150px !important;
        height: 126px !important;
    }

    body:has(.catalog-topbar) .home-categories .subcategory-card__art {
        position: absolute !important;
        right: -30px !important;
        bottom: -10px !important;
        z-index: 1 !important;
        width: 98px !important;
        height: 82px !important;
        pointer-events: none !important;
    }

    body:has(.catalog-topbar) .home-categories .subcategory-card__art img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.24)) !important;
    }

    body:has(.catalog-topbar) .home-categories__track--subcategories .subcategory-card__content {
        width: 94px !important;
        max-width: 94px !important;
        min-width: 0 !important;
        z-index: 2 !important;
    }

    body:has(.catalog-topbar) .home-categories__track--subcategories .subcategory-card:has(.subcategory-card__art) .subcategory-card__meta {
        display: none !important;
    }

    body:has(.catalog-topbar) .home-categories__track--subcategories .subcategory-card__meta {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.catalog-topbar) .home-categories__track--subcategories .subcategory-card__label {
        max-width: 100% !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.14 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card--artwork .category-card__media,
    body:has(.catalog-topbar) .home-categories .subcategory-card--artwork .subcategory-card__media {
        inset: 0 !important;
        overflow: hidden !important;
        border-radius: inherit !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card--artwork .category-card__media-frame,
    body:has(.catalog-topbar) .home-categories .subcategory-card--artwork .subcategory-card__media-frame {
        inset: 0 !important;
        transform: translate(var(--category-image-shift-x, 0%), var(--category-image-shift-y, 0%)) !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card--artwork .category-card__media-image,
    body:has(.catalog-topbar) .home-categories .subcategory-card--artwork .subcategory-card__media-image {
        inset: 0 !important;
        background-position: center !important;
        background-size: cover !important;
        transform: scale(var(--category-image-scale, 1)) !important;
        transform-origin: center center !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card--artwork .category-card__media-overlay,
    body:has(.catalog-topbar) .home-categories .subcategory-card--artwork .subcategory-card__media-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.04) 0%,
                rgba(0, 0, 0, 0.02) 46%,
                rgba(0, 0, 0, 0.16) 100%
            ) !important;
    }
}

/* Final light mobile category cards: solid surface, no artwork gradient. */
@media (max-width: 820px) and (prefers-color-scheme: light) {
    body:has(.catalog-topbar) .home-statuses__hint {
        border-color: rgba(28, 31, 38, 0.08) !important;
        background: #f1f1ed !important;
        box-shadow: 0 10px 24px rgba(28, 31, 38, 0.08) !important;
    }

    body:has(.catalog-topbar) .home-statuses__hint strong {
        color: #202735 !important;
    }

    body:has(.catalog-topbar) .home-statuses__hint span {
        color: #747a84 !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card,
    body:has(.catalog-topbar) .home-categories .subcategory-card {
        border-color: rgba(28, 31, 38, 0.08) !important;
        background: #eeeeea !important;
        box-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card::before,
    body:has(.catalog-topbar) .home-categories .category-card::after,
    body:has(.catalog-topbar) .home-categories .subcategory-card::before,
    body:has(.catalog-topbar) .home-categories .subcategory-card::after {
        display: none !important;
        background: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card__label,
    body:has(.catalog-topbar) .home-categories .subcategory-card__label {
        color: #202735 !important;
        text-shadow: none !important;
    }

    body:has(.catalog-topbar) .home-categories .category-card--artwork .category-card__media-overlay,
    body:has(.catalog-topbar) .home-categories .subcategory-card--artwork .subcategory-card__media-overlay {
        display: none !important;
        opacity: 0 !important;
        background: transparent !important;
    }
}

/* Final themed image loading state. Keep after mobile card overrides. */
:root {
    --image-loader-surface: #ededeb;
    --image-loader-surface-glow: rgba(255, 255, 255, 0.72);
    --image-loader-sheen: rgba(255, 255, 255, 0.46);
    --image-loader-track: rgba(28, 31, 38, 0.2);
    --image-loader-accent-final: #20242c;
    --image-loader-accent-soft: rgba(217, 31, 38, 0.72);
    --image-loader-shadow: rgba(17, 17, 17, 0.16);
}

[data-image-loader-frame].is-image-loading {
    background:
        radial-gradient(circle at 28% 18%, var(--image-loader-surface-glow), transparent 36%),
        var(--image-loader-surface) !important;
}

[data-image-loader-frame].is-image-loading [data-image-loader] {
    opacity: 0 !important;
    visibility: hidden !important;
}

[data-image-loader-frame].is-image-loading::before,
[data-image-loader-frame].is-image-loading::after {
    display: block !important;
    content: "" !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

[data-image-loader-frame].is-image-loading::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            110deg,
            transparent 0%,
            transparent 34%,
            var(--image-loader-sheen) 50%,
            transparent 66%,
            transparent 100%
        ) !important;
    background-size: 220% 100% !important;
    animation: imageLoaderShimmer 1.18s ease-in-out infinite !important;
}

[data-image-loader-frame].is-image-loading::after {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 2 !important;
    width: var(--image-loader-size, 36px) !important;
    height: var(--image-loader-size, 36px) !important;
    border: var(--image-loader-ring, 3px) solid var(--image-loader-track) !important;
    border-top-color: var(--image-loader-accent-final) !important;
    border-right-color: var(--image-loader-accent-soft) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow:
        0 12px 26px var(--image-loader-shadow),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    translate: -50% -50% !important;
    transform: rotate(0deg);
    transform-origin: center !important;
    animation: imageLoaderSpinVisible 0.78s linear infinite !important;
}

@media (prefers-color-scheme: dark) {
    :root {
        --image-loader-surface: #23231f;
        --image-loader-surface-glow: rgba(244, 244, 239, 0.05);
        --image-loader-sheen: rgba(244, 244, 239, 0.1);
        --image-loader-track: rgba(244, 244, 239, 0.18);
        --image-loader-accent-final: #f4f4ef;
        --image-loader-accent-soft: #8ad1bc;
        --image-loader-shadow: rgba(0, 0, 0, 0.34);
    }
}

@media (max-width: 820px) {
    body:has(.catalog-topbar) .catalog-feed .listing-card__media[data-image-loader-frame].is-image-loading,
    .detail-related__grid .listing-card__media[data-image-loader-frame].is-image-loading,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__media[data-image-loader-frame].is-image-loading {
        --image-loader-size: 34px;
        --image-loader-ring: 3px;
        background:
            radial-gradient(circle at 28% 18%, var(--image-loader-surface-glow), transparent 36%),
            var(--android-image-placeholder, var(--image-loader-surface)) !important;
    }

    body:has(.catalog-topbar) .catalog-feed .listing-card__media[data-image-loader-frame].is-image-loading::after,
    .detail-related__grid .listing-card__media[data-image-loader-frame].is-image-loading::after,
    body:has(.page-main--seller-store) .seller-store__listings .listing-card__media[data-image-loader-frame].is-image-loading::after {
        display: block !important;
        content: "" !important;
        opacity: 1 !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    body:not(.auth-page) {
        --image-loader-surface: #282822;
        --image-loader-surface-glow: rgba(244, 244, 239, 0.045);
        --image-loader-sheen: rgba(244, 244, 239, 0.095);
        --image-loader-track: rgba(244, 244, 239, 0.18);
        --image-loader-accent-final: #f4f4ef;
        --image-loader-accent-soft: #8ad1bc;
    }
}

[data-image-loader-frame].is-image-loading::after {
    translate: -50% -50% !important;
    transform: rotate(0deg);
    transform-origin: center !important;
    animation: imageLoaderSpinVisible 0.78s linear infinite !important;
}

/* Final mobile dock opacity: never let listings show through the bottom bar. */
@media (max-width: 820px) {
    .mobile-dock,
    body:has(.catalog-topbar) .mobile-dock,
    body:has(.page-main--stores) .mobile-dock,
    .mobile-dock.mobile-dock--admin {
        border-color: #e1e4dc !important;
        color: #202735 !important;
        background: #fffefc !important;
        box-shadow: 0 14px 30px rgba(28, 31, 38, 0.14) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-dock::before,
    .mobile-dock::after {
        display: none !important;
        content: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    .dock-item,
    body:has(.catalog-topbar) .dock-item,
    body:has(.page-main--stores) .dock-item,
    .mobile-dock.mobile-dock--admin .dock-item {
        color: #7f8793 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .dock-item:hover,
    .dock-item.is-active,
    body:has(.catalog-topbar) .dock-item:hover,
    body:has(.catalog-topbar) .dock-item.is-active,
    body:has(.page-main--stores) .dock-item:hover,
    body:has(.page-main--stores) .dock-item.is-active,
    .mobile-dock.mobile-dock--admin .dock-item:hover,
    .mobile-dock.mobile-dock--admin .dock-item.is-active {
        color: #202735 !important;
    }

    .dock-item.is-active,
    body:has(.catalog-topbar) .dock-item.is-active,
    body:has(.page-main--stores) .dock-item.is-active,
    .mobile-dock.mobile-dock--admin .dock-item.is-active {
        border-color: #e1e4dc !important;
        background: #f1f1ed !important;
        box-shadow: inset 0 1px 0 #ffffff !important;
    }

    .dock-item.is-active::before,
    .dock-item.is-active::after {
        display: none !important;
        content: none !important;
    }
}

@media (max-width: 820px) and (prefers-color-scheme: dark) {
    .mobile-dock,
    body:has(.catalog-topbar) .mobile-dock,
    body:has(.page-main--stores) .mobile-dock,
    .mobile-dock.mobile-dock--admin {
        border-color: #3c3c35 !important;
        color: #f4f4ef !important;
        background: #23231f !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
    }

    .dock-item,
    body:has(.catalog-topbar) .dock-item,
    body:has(.page-main--stores) .dock-item,
    .mobile-dock.mobile-dock--admin .dock-item {
        color: #b9bbb4 !important;
    }

    .dock-item:hover,
    .dock-item.is-active,
    body:has(.catalog-topbar) .dock-item:hover,
    body:has(.catalog-topbar) .dock-item.is-active,
    body:has(.page-main--stores) .dock-item:hover,
    body:has(.page-main--stores) .dock-item.is-active,
    .mobile-dock.mobile-dock--admin .dock-item:hover,
    .mobile-dock.mobile-dock--admin .dock-item.is-active {
        color: #f4f4ef !important;
    }

    .dock-item.is-active,
    body:has(.catalog-topbar) .dock-item.is-active,
    body:has(.page-main--stores) .dock-item.is-active,
    .mobile-dock.mobile-dock--admin .dock-item.is-active {
        border-color: #44443c !important;
        background: #2c2c26 !important;
        box-shadow: none !important;
    }
}

/* Final listing detail theme split: mobile detail page must follow system theme. */
@media (max-width: 820px) and (prefers-color-scheme: light) {
    html:has(.page-main--listing-detail) {
        color-scheme: light !important;
        background: #fffefc !important;
    }

    body:has(.page-main--listing-detail) {
        --ink: #202735;
        --muted: #747a84;
        --android-bg-start: #fffefc;
        --android-bg-mid: #fffefc;
        --android-bg-end: #f6f6f2;
        --android-card: #ffffff;
        --android-card-strong: #fffefc;
        --android-card-muted: #f1f1ed;
        --android-border: #e1e4dc;
        --android-border-soft: rgba(28, 31, 38, 0.08);
        --android-text-muted: #747a84;
        --android-text-soft: #8d939d;
        --android-icon-muted: #8d939d;
        --android-button-secondary: #202735;
        --android-button-secondary-text: #ffffff;
        --android-button-success: #2f8f59;
        --android-button-success-text: #ffffff;
        color: var(--ink) !important;
        background: #fffefc !important;
    }

    body:has(.page-main--listing-detail),
    body:has(.page-main--listing-detail) .page-main--listing-detail,
    body:has(.page-main--listing-detail) .listing-detail {
        color: var(--ink) !important;
        background: #fffefc !important;
    }

    body:has(.page-main--listing-detail) .listing-mobile-topbar {
        color: var(--ink) !important;
        background: #fffefc !important;
        box-shadow: inset 0 -1px 0 #ebece6 !important;
    }

    body:has(.page-main--listing-detail) .listing-mobile-topbar__icon,
    body:has(.page-main--listing-detail) .listing-mobile-topbar__summary,
    body:has(.page-main--listing-detail) .listing-mobile-topbar__copy span,
    body:has(.page-main--listing-detail) .listing-mobile-topbar__copy strong {
        color: var(--ink) !important;
    }

    body:has(.page-main--listing-detail) .listing-mobile-topbar__thumb,
    body:has(.page-main--listing-detail) .listing-detail .listing-gallery__open,
    body:has(.page-main--listing-detail) .listing-detail .listing-gallery__main img,
    body:has(.page-main--listing-detail) .listing-detail .listing-gallery__placeholder,
    body:has(.page-main--listing-detail) .detail-badges span,
    body:has(.page-main--listing-detail) .page-main--listing-detail .status-pill,
    body:has(.page-main--listing-detail) .detail-seller__avatar,
    body:has(.page-main--listing-detail) .detail-seller__rating,
    body:has(.page-main--listing-detail) .detail-related__grid .listing-card__media {
        color: var(--android-text-muted) !important;
        background: var(--android-card-muted) !important;
    }

    body:has(.page-main--listing-detail) .listing-detail__media-card,
    body:has(.page-main--listing-detail) .listing-detail .detail-card,
    body:has(.page-main--listing-detail) .listing-detail__grid > .detail-seller,
    body:has(.page-main--listing-detail) .detail-related,
    body:has(.page-main--listing-detail) .detail-related__grid .listing-card {
        color: var(--ink) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:has(.page-main--listing-detail) .detail-card--summary h1,
    body:has(.page-main--listing-detail) .listing-detail .detail-price,
    body:has(.page-main--listing-detail) .detail-section-heading span,
    body:has(.page-main--listing-detail) .detail-section-heading h2,
    body:has(.page-main--listing-detail) .detail-location__place,
    body:has(.page-main--listing-detail) .detail-specs__row,
    body:has(.page-main--listing-detail) .detail-specs__row strong,
    body:has(.page-main--listing-detail) .detail-specs-sheet__row strong,
    body:has(.page-main--listing-detail) .listing-detail .detail-copy,
    body:has(.page-main--listing-detail) .detail-seller__person strong,
    body:has(.page-main--listing-detail) .detail-seller__rating span,
    body:has(.page-main--listing-detail) .detail-related__grid .listing-card__title,
    body:has(.page-main--listing-detail) .detail-related__grid .favorite-button,
    body:has(.page-main--listing-detail) .detail-related__grid .listing-card__price {
        color: var(--ink) !important;
    }

    body:has(.page-main--listing-detail) .detail-related__heading span,
    body:has(.page-main--listing-detail) .detail-specs__row span,
    body:has(.page-main--listing-detail) .detail-specs-sheet__row span,
    body:has(.page-main--listing-detail) .detail-seller .detail-section-heading span,
    body:has(.page-main--listing-detail) .detail-seller__person span,
    body:has(.page-main--listing-detail) .detail-seller__footer,
    body:has(.page-main--listing-detail) .detail-seller__footer svg,
    body:has(.page-main--listing-detail) .detail-related__grid .listing-card__location,
    body:has(.page-main--listing-detail) .detail-related__grid .listing-card__date,
    body:has(.page-main--listing-detail) .detail-listing-stats,
    body:has(.page-main--listing-detail) .detail-listing-stats span {
        color: var(--android-text-soft) !important;
    }

    body:has(.page-main--listing-detail) .detail-seller {
        border-top-color: #e1e4dc !important;
    }

    body:has(.page-main--listing-detail) .detail-specs__open,
    body:has(.page-main--listing-detail) .detail-location__map,
    body:has(.page-main--listing-detail) .detail-description__toggle {
        color: #0b84d8 !important;
    }

    body:has(.page-main--listing-detail) .listing-mobile-more__menu,
    body:has(.page-main--listing-detail) .detail-specs-sheet__panel {
        border-color: #e1e4dc !important;
        color: var(--ink) !important;
        background: #fffefc !important;
        box-shadow: 0 18px 42px rgba(28, 31, 38, 0.14) !important;
    }

    body:has(.page-main--listing-detail) .listing-mobile-more__menu button,
    body:has(.page-main--listing-detail) .detail-specs-sheet__header strong,
    body:has(.page-main--listing-detail) .detail-specs-sheet__close {
        color: var(--ink) !important;
    }
}

/* Final stores theme split: mobile stores page must also follow light mode. */
@media (max-width: 820px) and (prefers-color-scheme: light) {
    html:has(.page-main--stores) {
        color-scheme: light !important;
        background: #fffefc !important;
    }

    body:has(.page-main--stores) {
        --ink: #202735;
        --muted: #747a84;
        --android-bg-start: #fffefc;
        --android-bg-mid: #fffefc;
        --android-bg-end: #f6f6f2;
        --android-card: #ffffff;
        --android-card-strong: #fffefc;
        --android-card-muted: #f1f1ed;
        --android-border: #e1e4dc;
        --android-border-soft: rgba(28, 31, 38, 0.08);
        --android-text-muted: #747a84;
        --android-text-soft: #8d939d;
        --android-icon-muted: #8d939d;
        color: var(--ink) !important;
        background: #fffefc !important;
    }

    body:has(.page-main--stores),
    body:has(.page-main--stores) .page-main--stores,
    body:has(.page-main--stores) .stores-page,
    body:has(.page-main--stores) .stores-search--mobile {
        color: var(--ink) !important;
        background: #fffefc !important;
    }

    body:has(.page-main--stores) .stores-search--mobile {
        box-shadow: inset 0 -1px 0 #ebece6 !important;
    }

    body:has(.page-main--stores) .stores-search__field {
        color: var(--ink) !important;
        background: #f1f1ed !important;
    }

    body:has(.page-main--stores) .stores-search__icon,
    body:has(.page-main--stores) .stores-search__field input::placeholder {
        color: #8d939d !important;
    }

    body:has(.page-main--stores) .stores-search__field input,
    body:has(.page-main--stores) .stores-search__filter--sliders,
    body:has(.page-main--stores) .stores-search__category-mobile,
    body:has(.page-main--stores) .stores-ad-ribbon__title,
    body:has(.page-main--stores) .stores-ad-card__name,
    body:has(.page-main--stores) .stores-ad-card__name .verified-name,
    body:has(.page-main--stores) .stores-ad-card__name .verified-name__text,
    body:has(.page-main--stores) .store-card__name,
    body:has(.page-main--stores) .store-card__name .verified-name,
    body:has(.page-main--stores) .store-card__name .verified-name__text,
    body:has(.page-main--stores) .store-card__arrow {
        color: var(--ink) !important;
    }

    body:has(.page-main--stores) .stores-ad-card,
    body:has(.page-main--stores) .store-card,
    body:has(.page-main--stores) .store-card:hover,
    body:has(.page-main--stores) .store-card:focus-visible,
    body:has(.page-main--stores) .stores-empty {
        border-color: #e1e4dc !important;
        color: var(--ink) !important;
        background: #ffffff !important;
        box-shadow: 0 8px 18px rgba(28, 31, 38, 0.08) !important;
    }

    body:has(.page-main--stores) .stores-ad-card__avatar,
    body:has(.page-main--stores) .store-card__avatar {
        color: var(--android-text-muted) !important;
        background: #f1f1ed !important;
    }

    body:has(.page-main--stores) .stores-ad-card__badge {
        color: #ffffff !important;
        background: #202735 !important;
    }

    body:has(.page-main--stores) .stores-ad-card__meta,
    body:has(.page-main--stores) .store-card__city,
    body:has(.page-main--stores) .store-card__latest {
        color: var(--android-text-muted) !important;
    }

    body:has(.page-main--stores) .stores-ad-card__count,
    body:has(.page-main--stores) .store-card__count,
    body:has(.page-main--stores) .store-card__count--rating {
        border-color: #e1e4dc !important;
        color: var(--ink) !important;
        background: #f1f1ed !important;
    }

    body:has(.page-main--stores) .store-category-sheet__scrim {
        background: rgba(28, 31, 38, 0.26) !important;
    }

    body:has(.page-main--stores) .store-category-sheet__panel,
    body:has(.page-main--stores) #store-category-sheet .store-category-sheet__panel {
        color: var(--ink) !important;
        background: #fffefc !important;
        box-shadow: none !important;
    }

    body:has(.page-main--stores) .store-category-sheet__close,
    body:has(.page-main--stores) #store-category-sheet .store-category-sheet__close {
        color: var(--ink) !important;
        background: #f1f1ed !important;
    }

    body:has(.page-main--stores) .store-category-sheet__header span,
    body:has(.page-main--stores) #store-category-sheet .store-category-sheet__header span,
    body:has(.page-main--stores) .store-category-option small,
    body:has(.page-main--stores) #store-category-sheet .store-category-option small,
    body:has(.page-main--stores) .store-filter-field span {
        color: var(--android-text-muted) !important;
    }

    body:has(.page-main--stores) .store-category-sheet__header h2,
    body:has(.page-main--stores) #store-category-sheet .store-category-sheet__header h2,
    body:has(.page-main--stores) .store-category-option span,
    body:has(.page-main--stores) #store-category-sheet .store-category-option span {
        color: var(--ink) !important;
    }

    body:has(.page-main--stores) .store-category-option,
    body:has(.page-main--stores) .store-category-option:hover,
    body:has(.page-main--stores) .store-category-option:focus-visible,
    body:has(.page-main--stores) #store-category-sheet .store-category-option,
    body:has(.page-main--stores) #store-category-sheet .store-category-option:hover,
    body:has(.page-main--stores) #store-category-sheet .store-category-option:focus-visible,
    body:has(.page-main--stores) .store-filter-field input,
    body:has(.page-main--stores) .store-filter-field select {
        border-color: #e1e4dc !important;
        color: var(--ink) !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body:has(.page-main--stores) .store-category-option.is-active,
    body:has(.page-main--stores) #store-category-sheet .store-category-option.is-active,
    body:has(.page-main--stores) #store-category-sheet .store-category-option.is-active:hover,
    body:has(.page-main--stores) #store-category-sheet .store-category-option.is-active:focus-visible {
        border-color: #d4d8cf !important;
        background: #f1f1ed !important;
    }
}

/* Final light city picker: shared location overlay should not force dark mode. */
@media (max-width: 820px) and (prefers-color-scheme: light) {
    .location-search-screen.is-city-picker {
        background: #fffefc !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__panel {
        color: #202735 !important;
        background: #fffefc !important;
        box-shadow: none !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__back,
    .location-search-screen.is-city-picker .location-search-screen__back:hover,
    .location-search-screen.is-city-picker .location-search-screen__back:focus-visible,
    .location-search-screen.is-city-picker .location-search-screen__copy strong,
    .location-search-screen.is-city-picker .location-search-screen__option,
    .location-search-screen.is-city-picker .location-search-screen__option:hover,
    .location-search-screen.is-city-picker .location-search-screen__option:focus,
    .location-search-screen.is-city-picker .location-search-screen__empty strong {
        color: #202735 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search {
        color: #747a84 !important;
        background: #f1f1ed !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search svg {
        color: #8d939d !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search input,
    .location-search-screen.is-city-picker .location-search-screen__search input:focus {
        color: #202735 !important;
        caret-color: #202735 !important;
    }

    .location-search-screen.is-city-picker .location-search-screen__search input::placeholder,
    .location-search-screen.is-city-picker .location-search-screen__empty,
    .location-search-screen.is-city-picker .location-search-screen__empty span {
        color: #8d939d !important;
    }
}

/* Final seller portfolio feed viewer parity. */
.store-portfolio__media:is(button) {
    width: 100%;
    display: block;
    padding: 0;
    border: 0;
    color: inherit;
    text-align: inherit;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.store-portfolio__media:is(button):focus-visible {
    outline: 3px solid rgba(47, 143, 89, 0.38);
    outline-offset: 3px;
}

body.store-portfolio-viewer-open {
    overflow: hidden;
}

.portfolio-viewer {
    --portfolio-bg: #fffefc;
    --portfolio-card: #ffffff;
    --portfolio-card-muted: #f3f3ef;
    --portfolio-text: #202735;
    --portfolio-muted: #8c919b;
    --portfolio-border: #e1e4dc;
    --portfolio-accent: #2f8f59;
    --portfolio-danger: #d91f26;
    position: fixed;
    inset: 0;
    z-index: 2400;
    color: var(--portfolio-text);
    background: rgba(20, 23, 28, 0.46);
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.portfolio-viewer__shell {
    position: relative;
    width: min(100%, 760px);
    height: min(100%, 920px);
    margin: 0 auto;
    overflow: hidden;
    background: var(--portfolio-bg);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.portfolio-viewer__feed-view,
.portfolio-viewer__comments-view {
    position: absolute;
    inset: 0;
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    background: var(--portfolio-bg);
}

.portfolio-viewer__comments-view {
    z-index: 2;
}

.portfolio-viewer__header {
    position: relative;
    z-index: 3;
    min-height: calc(56px + env(safe-area-inset-top, 0px));
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: calc(7px + env(safe-area-inset-top, 0px)) 10px 8px;
    border-bottom: 1px solid var(--portfolio-border);
    color: var(--portfolio-text);
    background: var(--portfolio-bg);
}

.portfolio-viewer__nav-button {
    width: 42px;
    height: 42px;
    display: inline-grid;
    flex: 0 0 42px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: var(--portfolio-text);
    background: transparent;
}

.portfolio-viewer__nav-button svg {
    width: 25px;
    height: 25px;
}

.portfolio-viewer__title {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding-bottom: 2px;
}

.portfolio-viewer__title strong {
    overflow: hidden;
    color: var(--portfolio-text);
    font-size: 19px;
    font-weight: 800;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio-viewer__title span {
    overflow: hidden;
    color: var(--portfolio-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio-viewer__feed,
.portfolio-comments__list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.portfolio-viewer__post {
    margin: 0;
    border-bottom: 1px solid var(--portfolio-border);
    background: var(--portfolio-bg);
}

.portfolio-viewer__post-head {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
}

.portfolio-viewer__post-head > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.portfolio-viewer__post-head strong,
.portfolio-comments__meta strong {
    overflow: hidden;
    color: var(--portfolio-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio-viewer__post-head span,
.portfolio-comments__meta span,
.portfolio-comments__reply-label {
    color: var(--portfolio-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.portfolio-viewer__avatar {
    width: 34px;
    height: 34px;
    display: inline-grid;
    flex: 0 0 34px;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    color: var(--portfolio-text);
    font-size: 13px;
    font-weight: 850;
    background: var(--portfolio-card-muted);
}

.portfolio-viewer__avatar--small {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    font-size: 11px;
}

.portfolio-viewer__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio-viewer__image-shell {
    position: relative;
    width: 100%;
    min-height: 260px;
    overflow: hidden;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    color: inherit;
    background: var(--portfolio-card-muted);
    appearance: none;
    -webkit-appearance: none;
}

.portfolio-viewer__image-shell.is-loading::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    border: 3px solid rgba(140, 145, 155, 0.28);
    border-top-color: var(--portfolio-accent);
    border-radius: 50%;
    animation: portfolioViewerSpin 0.82s linear infinite;
}

.portfolio-viewer__image-shell.is-error::after {
    content: "Фото недоступно";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    color: var(--portfolio-muted);
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.portfolio-viewer__image-shell img {
    width: 100%;
    max-height: min(78vh, 680px);
    display: block;
    object-fit: contain;
    background: var(--portfolio-card-muted);
}

.portfolio-viewer__image-shell.is-loading img,
.portfolio-viewer__image-shell.is-error img {
    opacity: 0;
    visibility: hidden;
}

@keyframes portfolioViewerSpin {
    to {
        transform: rotate(360deg);
    }
}

.portfolio-viewer__actions {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 12px 0;
}

.portfolio-viewer__action,
.portfolio-comments__like {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0;
    border: 0;
    color: var(--portfolio-text);
    font-weight: 800;
    background: transparent;
}

.portfolio-viewer__action svg {
    width: 28px;
    height: 28px;
}

.portfolio-comments__like svg {
    width: 22px;
    height: 22px;
}

.portfolio-viewer__action.is-liked,
.portfolio-comments__like.is-liked {
    color: var(--portfolio-danger);
}

.portfolio-viewer__action span {
    color: inherit;
    font-size: 15px;
    line-height: 18px;
}

.portfolio-viewer__copy {
    display: grid;
    gap: 7px;
    padding: 8px 12px 20px;
}

.portfolio-viewer__likes {
    margin: 0;
    color: var(--portfolio-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 19px;
}

.portfolio-viewer__description {
    display: grid;
    gap: 5px;
    color: var(--portfolio-text);
    font-size: 14px;
    font-weight: 650;
    line-height: 20px;
}

.portfolio-viewer__description strong,
.portfolio-viewer__description span,
.portfolio-viewer__description p {
    margin: 0;
    color: inherit;
}

.portfolio-viewer__description span {
    color: var(--portfolio-accent);
    font-weight: 850;
}

.portfolio-comments__list {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 16px 14px;
}

.portfolio-comments__thread {
    display: grid;
    gap: 9px;
}

.portfolio-comments__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.portfolio-comments__item--reply {
    padding-left: 30px;
}

.portfolio-comments__content {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.portfolio-comments__meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.portfolio-comments__content p {
    margin: 0;
    color: var(--portfolio-text);
    font-size: 14px;
    font-weight: 650;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.portfolio-comments__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 2px;
}

.portfolio-comments__tools button {
    padding: 0;
    border: 0;
    color: var(--portfolio-accent);
    font-size: 12px;
    font-weight: 850;
    line-height: 18px;
    background: transparent;
}

.portfolio-comments__like {
    min-width: 38px;
    display: grid;
    justify-items: center;
    gap: 1px;
    color: var(--portfolio-muted);
}

.portfolio-comments__like span {
    color: var(--portfolio-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
}

.portfolio-comments__empty {
    padding: 40px 0;
    color: var(--portfolio-muted);
    text-align: center;
    font-size: 16px;
    font-weight: 800;
}

.portfolio-comments__composer {
    flex: 0 0 auto;
    display: grid;
    gap: 6px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--portfolio-border);
    background: var(--portfolio-bg);
}

.portfolio-comments__message {
    margin: 0;
    color: var(--portfolio-danger);
    font-size: 13px;
    font-weight: 800;
    line-height: 18px;
}

.portfolio-comments__target {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--portfolio-muted);
    font-size: 13px;
    font-weight: 800;
}

.portfolio-comments__target span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio-comments__target button {
    width: 28px;
    height: 28px;
    display: grid;
    flex: 0 0 28px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: var(--portfolio-muted);
    background: var(--portfolio-card-muted);
}

.portfolio-comments__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 10px;
    align-items: center;
}

.portfolio-comments__form input {
    width: 100%;
    height: 48px;
    min-width: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 18px;
    color: var(--portfolio-text);
    background: var(--portfolio-card-muted);
    outline: none;
}

.portfolio-comments__form input::placeholder {
    color: var(--portfolio-muted);
}

.portfolio-comments__form button,
.portfolio-comments__login {
    min-height: 48px;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 850;
    background: var(--portfolio-accent);
}

.portfolio-comments__form button {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    padding: 0;
}

.portfolio-comments__form button svg {
    width: 23px;
    height: 23px;
}

.portfolio-comments__form button:disabled {
    opacity: 0.62;
    cursor: default;
}

.portfolio-comments__login {
    padding: 0 18px;
}

@media (min-width: 821px) {
    .portfolio-viewer {
        padding: 4vh 16px;
    }

    .portfolio-viewer__shell {
        height: 92vh;
        border: 1px solid rgba(255, 255, 255, 0.4);
        border-radius: 24px;
    }
}

@media (max-width: 820px) {
    .portfolio-viewer {
        background: var(--portfolio-bg);
    }

    .portfolio-viewer__shell {
        width: 100%;
        height: 100%;
        box-shadow: none;
    }
}

@media (prefers-color-scheme: dark) {
    .portfolio-viewer {
        --portfolio-bg: #171714;
        --portfolio-card: #1d1d1a;
        --portfolio-card-muted: #252520;
        --portfolio-text: #f4f4ef;
        --portfolio-muted: #a8aaa4;
        --portfolio-border: rgba(255, 255, 255, 0.1);
        --portfolio-accent: #4fbe78;
        --portfolio-danger: #ff5a62;
        background: rgba(0, 0, 0, 0.66);
    }
}

/* Final no-flicker image loader: cached photos must stay visible after refresh. */
[data-image-loader-frame].is-image-loading:not(.is-image-pending) [data-image-loader] {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

[data-image-loader-frame].is-image-loading:not(.is-image-pending)::before,
[data-image-loader-frame].is-image-loading:not(.is-image-pending)::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    animation: none !important;
}

[data-image-loader-frame].is-image-loading.is-image-pending [data-image-loader] {
    opacity: 0 !important;
    visibility: hidden !important;
}

[data-image-loader-frame].is-image-ready [data-image-loader] {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

/* Final mobile dock underside: remove the shadow/stripe below the bar in both themes. */
@media (max-width: 820px) {
    .mobile-dock,
    body:has(.catalog-topbar) .mobile-dock,
    body:has(.page-main--stores) .mobile-dock,
    body:has(.page-main--seller-store) .mobile-dock,
    body:has(.page-main--listing-detail) .mobile-dock,
    body:has(.page-main--messages) .mobile-dock,
    body:has(.page-main--account) .mobile-dock,
    body:has(.page-main--my-listings) .mobile-dock,
    .mobile-dock.mobile-dock--admin {
        box-shadow: none !important;
        filter: none !important;
    }

    .mobile-dock::before,
    .mobile-dock::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        filter: none !important;
    }
}

/* Store manage parity with the iPhone screen. */
.page-main--account-store {
    --store-manage-bg: #ffffff;
    --store-manage-card: #f5f5f1;
    --store-manage-card-strong: #ffffff;
    --store-manage-field: #eeeeea;
    --store-manage-text: #1d2433;
    --store-manage-muted: #8f96a3;
    --store-manage-line: rgba(29, 36, 51, 0.08);
    --store-manage-line-strong: rgba(29, 36, 51, 0.14);
    --store-manage-primary-bg: #111827;
    --store-manage-primary-text: #ffffff;
    --store-manage-danger: #ff3b45;
    --store-manage-danger-bg: rgba(255, 59, 69, 0.12);
}

.account-store-mobile-hero,
.account-store-mobile-stats {
    display: none;
}

.account-store-mobile-actions {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.account-store-ad-button,
.account-store-settings-button,
.account-store-mobile-back,
.account-store-section__handle,
.account-store-section__open,
.account-store-section__delete,
.account-store-picker__save,
.account-store-ad-tariff {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}

.account-store-ad-button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 24px;
    gap: 12px;
    align-items: center;
    min-height: 56px;
    flex: 1 1 auto;
    padding: 0 18px;
    border: 0;
    border-radius: 18px;
    color: var(--store-manage-primary-text);
    background: var(--store-manage-primary-bg);
}

.account-store-ad-button svg,
.account-store-settings-button svg,
.account-store-mobile-back svg {
    width: 26px;
    height: 26px;
    display: block;
}

.account-store-ad-button span,
.account-store-section-form__field > span,
.account-store-mobile-title span,
.account-store-workspace__stat small,
.account-store-panel__header p,
.account-store-section__meta span,
.account-store-picker-tile__body span,
.account-store-ad-tariff small {
    color: var(--store-manage-muted);
}

.account-store-ad-button span {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 760 !important;
}

.account-store-settings-button,
.account-store-mobile-back {
    display: grid;
    place-items: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border: 1px solid var(--store-manage-line);
    border-radius: 18px;
    color: var(--store-manage-text);
    background: var(--store-manage-card);
}

.account-store-ad-fallback {
    display: none;
}

.account-store-action-message {
    padding: 12px 14px;
    border: 1px solid rgba(34, 197, 94, 0.24);
    border-radius: 18px;
    color: #166534;
    background: rgba(34, 197, 94, 0.1);
}

.account-store-action-message[data-tone="error"] {
    border-color: rgba(255, 59, 69, 0.22);
    color: #b91c1c;
    background: rgba(255, 59, 69, 0.1);
}

.account-store-section-form__field {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.account-store-section-form__field > span {
    font-size: 14px;
    font-weight: 700 !important;
}

.account-store-section {
    min-width: 0;
}

.account-store-section__handle,
.account-store-section__open,
.account-store-section__delete {
    border: 0;
    background: transparent;
}

.account-store-section__handle {
    display: grid;
    place-items: center;
    width: 40px;
    min-height: 52px;
    padding: 0;
    color: var(--store-manage-muted);
    touch-action: none;
}

.account-store-section__handle svg,
.account-store-section__open > svg,
.account-store-section__delete svg {
    width: 25px;
    height: 25px;
}

.account-store-section__open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
    align-items: center;
    min-width: 0;
    padding: 0;
    color: inherit;
    text-align: left;
}

.account-store-section__open > svg {
    color: var(--store-manage-muted);
}

.account-store-section__delete-form {
    margin: 0;
}

.account-store-section__delete {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border-radius: 16px;
    color: var(--store-manage-danger);
    background: var(--store-manage-danger-bg);
}

.account-store-section.is-dragging {
    position: relative;
    z-index: 4;
    opacity: 0.92;
    box-shadow: 0 18px 38px rgba(17, 24, 39, 0.16);
}

.account-store-picker,
.account-store-ad-screen {
    position: fixed;
    inset: 0;
    z-index: 80;
    overflow-y: auto;
    color: var(--store-manage-text);
    background: var(--store-manage-bg);
}

body.is-store-subscreen-open {
    overflow: hidden;
}

.account-store-picker__shell,
.account-store-ad-screen__shell {
    width: min(100% - 28px, 620px);
    min-height: 100%;
    margin: 0 auto;
    padding: calc(env(safe-area-inset-top, 0px) + 18px) 0 calc(env(safe-area-inset-bottom, 0px) + 24px);
}

.account-store-picker__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: end;
    margin-bottom: 18px;
}

.account-store-picker__header .account-store-mobile-back {
    align-self: center;
}

.account-store-picker__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.account-store-picker-tile,
.account-store-ad-tariff {
    min-width: 0;
    border: 1px solid var(--store-manage-line);
    color: var(--store-manage-text);
    background: var(--store-manage-card-strong);
}

.account-store-picker-tile {
    display: grid;
    gap: 9px;
    padding: 12px;
    border-radius: 20px;
    text-align: left;
}

.account-store-picker-tile__media {
    position: relative;
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 16px;
    background: var(--store-manage-field);
}

.account-store-picker-tile__media img,
.account-store-picker-tile__media > span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    color: var(--store-manage-muted);
    font-size: 28px;
    font-weight: 800 !important;
}

.account-store-picker-tile__check {
    position: absolute;
    top: 8px;
    right: 8px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    color: var(--store-manage-primary-bg);
    background: rgba(255, 255, 255, 0.72);
}

.account-store-picker-tile__check svg {
    width: 26px;
    height: 26px;
}

.account-store-picker-tile__body {
    display: grid;
    gap: 4px;
}

.account-store-picker-tile__body strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--store-manage-text);
    font-size: 15px;
    font-weight: 760 !important;
    line-height: 1.22;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.account-store-picker-tile__body span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.account-store-picker__save {
    width: 100%;
    min-height: 56px;
    margin-top: 12px;
}

.account-store-ad-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.account-store-ad-tariffs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.account-store-ad-tariff {
    position: relative;
    display: grid;
    gap: 8px;
    min-height: 104px;
    padding: 14px;
    border-radius: 18px;
    text-align: left;
}

.account-store-ad-tariff strong,
.account-store-ad-tariff b {
    display: block;
    color: var(--store-manage-text);
    font-weight: 780 !important;
}

.account-store-ad-tariff small {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.account-store-ad-tariff b {
    font-size: 20px;
}

.account-store-ad-tariff.is-disabled b {
    color: var(--store-manage-danger);
}

.account-store-ad-tariff i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: image-loader-spin 0.72s linear infinite;
}

@media (min-width: 821px) {
    .page-main--account-store .account-store-mobile-actions {
        max-width: 520px;
    }

    .page-main--account-store .account-store-panel--sections .account-store-sections {
        display: grid;
    }

    .page-main--account-store .account-store-section {
        grid-template-columns: 40px minmax(0, 1fr) auto;
    }
}

@media (max-width: 820px) {
    body:has(.page-main--account-store),
    body:has(.page-main--account-store) .page-main {
        color: var(--store-manage-text) !important;
        background: var(--store-manage-bg) !important;
    }

    .page-main--account-store {
        min-height: 100svh;
        padding-top: 0 !important;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 20px) !important;
    }

    .page-main--account-store .section,
    .page-main--account-store .section--compact {
        padding: 0 !important;
    }

    .page-main--account-store .page-alerts {
        width: min(100% - 20px, 620px) !important;
    }

    .page-main--account-store .account-store-layout {
        width: 100% !important;
        max-width: none !important;
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 10px 0 !important;
    }

    .page-main--account-store .account-store-workspace {
        gap: 12px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--store-manage-text) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .account-store-desktop-header {
        display: none !important;
    }

    .account-store-mobile-hero {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 16px;
        align-items: end;
        padding-top: 6px;
    }

    .account-store-mobile-title {
        display: grid;
        min-width: 0;
        gap: 4px;
    }

    .account-store-mobile-title span {
        font-size: 16px;
        font-weight: 760 !important;
    }

    .account-store-mobile-title h1,
    .account-store-mobile-title h2 {
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--store-manage-text);
        font-size: 48px;
        font-weight: 840 !important;
        line-height: 1.02;
        letter-spacing: 0;
    }

    .account-store-mobile-title h2 {
        font-size: 34px;
    }

    .account-store-mobile-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .page-main--account-store .account-store-workspace__stat {
        min-width: 0 !important;
        min-height: 90px;
        padding: 18px 16px !important;
        border: 1px solid var(--store-manage-line) !important;
        border-radius: 18px !important;
        color: var(--store-manage-text) !important;
        background: var(--store-manage-card) !important;
        box-shadow: none !important;
    }

    .page-main--account-store .account-store-workspace__stat strong {
        color: var(--store-manage-text) !important;
        font-size: 28px;
        font-weight: 820 !important;
        line-height: 1.1;
    }

    .page-main--account-store .account-store-workspace__stat small {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 520 !important;
    }

    .account-store-mobile-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 56px;
        gap: 12px;
    }

    .account-store-mobile-back,
    .account-store-settings-button,
    .account-store-ad-button {
        border-radius: 18px !important;
    }

    .account-store-mobile-back {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .account-store-mobile-back svg {
        width: 29px;
        height: 29px;
    }

    .page-main--account-store .account-store-panel {
        gap: 16px !important;
        padding: 22px !important;
        border: 1px solid var(--store-manage-line) !important;
        border-radius: 28px !important;
        color: var(--store-manage-text) !important;
        background: var(--store-manage-card-strong) !important;
        box-shadow: 0 18px 42px rgba(17, 24, 39, 0.06) !important;
    }

    .page-main--account-store .account-store-panel__header h3 {
        color: var(--store-manage-text) !important;
        font-size: 28px;
        font-weight: 820 !important;
        line-height: 1.12;
    }

    .page-main--account-store .account-store-panel__header p {
        font-size: 17px;
        font-weight: 480 !important;
        line-height: 1.32;
    }

    .page-main--account-store .account-store-section-form {
        grid-template-columns: minmax(0, 1fr) minmax(112px, 128px) !important;
        gap: 10px !important;
        align-items: end;
    }

    .page-main--account-store .account-store-section-form input {
        height: 56px;
        min-width: 0;
        padding: 0 16px !important;
        border: 0 !important;
        border-radius: 20px !important;
        color: var(--store-manage-text) !important;
        background: var(--store-manage-field) !important;
        font-size: 18px;
        box-shadow: none !important;
    }

    .page-main--account-store .account-store-section-form input::placeholder {
        color: color-mix(in srgb, var(--store-manage-muted) 68%, transparent);
    }

    .page-main--account-store .account-store-section-form .button {
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 16px !important;
        border: 0 !important;
        border-radius: 18px !important;
        color: var(--store-manage-primary-text) !important;
        background: var(--store-manage-primary-bg) !important;
        box-shadow: none !important;
        font-size: 17px;
        font-weight: 760 !important;
    }

    .page-main--account-store .account-store-sections {
        display: grid !important;
        gap: 10px !important;
    }

    .page-main--account-store .account-store-section {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) 58px !important;
        gap: 10px !important;
        min-height: 78px;
        padding: 12px 12px !important;
        border: 1px solid var(--store-manage-line) !important;
        border-radius: 20px !important;
        color: var(--store-manage-text) !important;
        background: var(--store-manage-card-strong) !important;
        box-shadow: none !important;
    }

    .page-main--account-store .account-store-section__meta strong {
        color: var(--store-manage-text) !important;
        font-size: 21px;
        font-weight: 780 !important;
        line-height: 1.15;
    }

    .page-main--account-store .account-store-section__meta span {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 480 !important;
    }

    .page-main--account-store .account-store-note {
        border-color: var(--store-manage-line) !important;
        color: var(--store-manage-muted) !important;
        background: var(--store-manage-field) !important;
        box-shadow: none !important;
    }

    .page-main--account-store .account-store-panel--listings {
        display: none !important;
    }

    .account-store-picker,
    .account-store-ad-screen {
        background: var(--store-manage-bg) !important;
    }

    .account-store-picker__shell,
    .account-store-ad-screen__shell {
        width: 100%;
        max-width: none;
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 10px calc(env(safe-area-inset-bottom, 0px) + 22px);
    }

    .account-store-picker__header {
        margin-bottom: 12px;
    }

    .account-store-picker__grid {
        gap: 10px;
    }

    .account-store-picker-tile {
        border-color: var(--store-manage-line) !important;
        color: var(--store-manage-text) !important;
        background: var(--store-manage-card-strong) !important;
    }

    .account-store-picker__save {
        color: var(--store-manage-primary-text) !important;
        background: var(--store-manage-primary-bg) !important;
        box-shadow: none !important;
        font-size: 17px;
        font-weight: 760 !important;
    }
}

@media (max-width: 380px) {
    .account-store-mobile-title h1 {
        font-size: 42px;
    }

    .page-main--account-store .account-store-section-form {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-color-scheme: dark) {
    .page-main--account-store {
        --store-manage-bg: #171714;
        --store-manage-card: #23241f;
        --store-manage-card-strong: #1d1e1a;
        --store-manage-field: #24251f;
        --store-manage-text: #f4f4ef;
        --store-manage-muted: #b7b7ad;
        --store-manage-line: rgba(255, 255, 255, 0.08);
        --store-manage-line-strong: rgba(255, 255, 255, 0.14);
        --store-manage-primary-bg: #e9e9df;
        --store-manage-primary-text: #1d2433;
        --store-manage-danger: #ff4a52;
        --store-manage-danger-bg: rgba(255, 74, 82, 0.14);
    }

    .page-main--account-store .account-store-action-message {
        border-color: rgba(138, 209, 188, 0.22);
        color: #8ad1bc;
        background: rgba(138, 209, 188, 0.1);
    }

    .page-main--account-store .account-store-action-message[data-tone="error"] {
        border-color: rgba(255, 180, 171, 0.2);
        color: #ffb4ab;
        background: rgba(255, 180, 171, 0.1);
    }

    .account-store-picker-tile__check {
        color: #e9e9df;
        background: rgba(23, 23, 20, 0.72);
    }
}

/* Exact iPhone sizing for the store manage screen. */
@media (max-width: 820px) {
    .page-main--account-store .account-store-layout {
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 10px 0 !important;
    }

    .page-main--account-store .account-store-workspace {
        gap: 12px !important;
    }

    .account-store-mobile-hero {
        gap: 12px !important;
        align-items: center !important;
        padding-top: 0 !important;
    }

    .account-store-mobile-back {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
        border-radius: 16px !important;
    }

    .account-store-mobile-back svg {
        width: 22px !important;
        height: 22px !important;
    }

    .account-store-mobile-title {
        gap: 6px !important;
    }

    .account-store-mobile-title span {
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }

    .account-store-mobile-title h1,
    .account-store-mobile-title h2 {
        font-size: 35px !important;
        font-weight: 820 !important;
        line-height: 1.04 !important;
    }

    .account-store-mobile-stats {
        gap: 10px !important;
    }

    .page-main--account-store .account-store-workspace__stat {
        min-height: 0 !important;
        padding: 12px 14px !important;
        border-radius: 18px !important;
    }

    .page-main--account-store .account-store-workspace__stat strong {
        font-size: 24px !important;
        line-height: 1.12 !important;
        font-weight: 820 !important;
    }

    .page-main--account-store .account-store-workspace__stat small {
        margin-top: 4px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .account-store-mobile-actions {
        grid-template-columns: minmax(0, 1fr) 52px !important;
        gap: 10px !important;
    }

    .account-store-ad-button {
        min-height: 52px !important;
        grid-template-columns: 22px minmax(0, 1fr) 18px !important;
        gap: 10px !important;
        padding: 0 16px !important;
        border-radius: 18px !important;
    }

    .account-store-ad-button span {
        font-size: 16px !important;
        font-weight: 760 !important;
    }

    .account-store-ad-button svg {
        width: 19px !important;
        height: 19px !important;
    }

    .account-store-settings-button {
        width: 52px !important;
        height: 52px !important;
        flex-basis: 52px !important;
        border-radius: 18px !important;
    }

    .account-store-settings-button svg {
        width: 27px !important;
        height: 27px !important;
    }

    .page-main--account-store .account-store-panel {
        gap: 14px !important;
        padding: 20px !important;
        border-radius: 28px !important;
    }

    .page-main--account-store .account-store-panel__header {
        gap: 4px !important;
    }

    .page-main--account-store .account-store-panel__header h3 {
        font-size: 22px !important;
        font-weight: 820 !important;
        line-height: 1.15 !important;
    }

    .page-main--account-store .account-store-panel__header p {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .page-main--account-store .account-store-section-form {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
    }

    .account-store-section-form__field {
        gap: 6px !important;
    }

    .account-store-section-form__field > span {
        font-size: 14px !important;
        font-weight: 760 !important;
    }

    .page-main--account-store .account-store-section-form input {
        height: 48px !important;
        padding: 0 16px !important;
        border-radius: 20px !important;
        font-size: 16px !important;
    }

    .page-main--account-store .account-store-section-form .button {
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 18px !important;
        border-radius: 16px !important;
        font-size: 15px !important;
        font-weight: 760 !important;
    }

    .page-main--account-store .account-store-sections {
        gap: 10px !important;
    }

    .page-main--account-store .account-store-section {
        grid-template-columns: 26px minmax(0, 1fr) 42px !important;
        gap: 12px !important;
        min-height: 0 !important;
        padding: 12px 14px !important;
        border-radius: 20px !important;
    }

    .account-store-section__handle {
        width: 26px !important;
        min-height: 44px !important;
    }

    .account-store-section__handle svg {
        width: 21px !important;
        height: 21px !important;
    }

    .account-store-section__open {
        grid-template-columns: minmax(0, 1fr) 38px !important;
        gap: 12px !important;
    }

    .account-store-section__open > svg {
        width: 19px !important;
        height: 19px !important;
        justify-self: center !important;
    }

    .page-main--account-store .account-store-section__meta strong {
        font-size: 17px !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
    }

    .page-main--account-store .account-store-section__meta span {
        margin-top: 4px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .account-store-section__delete {
        width: 42px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    .account-store-section__delete svg {
        width: 20px !important;
        height: 20px !important;
    }

    .account-store-picker__shell,
    .account-store-ad-screen__shell {
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 10px calc(env(safe-area-inset-bottom, 0px) + 22px) !important;
    }
}

@media (max-width: 380px) {
    .account-store-mobile-title h1,
    .account-store-mobile-title h2 {
        font-size: 32px !important;
    }
}