/* ARSVOIM_BRAND_V2_COMPONENTS_3_2_0
 * Opt-in visual layer. No workflow, data, payment or matching behavior.
 */
body.arsvoim-brand-v2 {
    color: var(--av2-ink-950);
    background: var(--av2-surface-50);
    font-family: var(--av2-font-sans);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.arsvoim-brand-v2 :where(button, a, input, select, textarea):focus-visible {
    outline: 2px solid var(--av2-brand-600);
    outline-offset: 2px;
}

body.arsvoim-brand-v2 .app-brand,
body.arsvoim-brand-v2 .public-site-brand,
body.arsvoim-brand-v2 .publication-brand {
    letter-spacing: -.015em;
}

body.arsvoim-brand-v2 .app-brand img,
body.arsvoim-brand-v2 .public-site-brand img {
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 5px 11px rgba(81,56,204,.15));
}

body.arsvoim-brand-v2 .arsvoim-app-sidebar {
    border-right-color: var(--av2-line);
    background: rgba(255,255,255,.96);
    box-shadow: 8px 0 28px rgba(24,34,52,.035);
}

body.arsvoim-brand-v2 .app-mode-switch {
    border-color: var(--av2-line);
    background: var(--av2-surface-50);
}

body.arsvoim-brand-v2 .app-mode-button.is-active,
body.arsvoim-brand-v2 .app-primary-action,
body.arsvoim-brand-v2 .classic-add-main,
body.arsvoim-brand-v2 .classic-discovery-submit {
    color: #fff;
    border-color: transparent;
    background: var(--av2-gradient);
    box-shadow: 0 10px 24px rgba(81,56,204,.20);
}

body.arsvoim-brand-v2 .app-nav-link {
    border-radius: var(--av2-radius-sm);
    color: var(--av2-ink-600);
}

body.arsvoim-brand-v2 .app-nav-link:hover,
body.arsvoim-brand-v2 .app-nav-link.is-active {
    color: var(--av2-ink-950);
    background: #eef0fb;
}

body.arsvoim-brand-v2 .classic-dashboard {
    display: grid;
    gap: 20px;
}

body.arsvoim-brand-v2 .classic-dashboard-head {
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: clamp(24px,3.2vw,42px);
    border: 1px solid var(--av2-line);
    border-radius: var(--av2-radius-xl);
    background:
        radial-gradient(circle at 88% 8%, rgba(18,151,232,.13), transparent 34%),
        radial-gradient(circle at 8% 100%, rgba(98,70,234,.10), transparent 42%),
        var(--av2-surface-0);
    box-shadow: var(--av2-shadow-sm);
}

body.arsvoim-brand-v2 .classic-dashboard-head > div { max-width: 900px; }
body.arsvoim-brand-v2 .classic-discovery-kicker {
    color: var(--av2-brand-700);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .10em;
}

body.arsvoim-brand-v2 .classic-dashboard-head h1 {
    max-width: 840px;
    margin: 10px 0 12px;
    color: var(--av2-ink-950);
    font-size: clamp(34px,4vw,58px);
    line-height: 1.02;
    letter-spacing: -.052em;
    text-wrap: balance;
}

body.arsvoim-brand-v2 .classic-dashboard-head p {
    max-width: 760px;
    margin: 0;
    color: var(--av2-ink-600);
    font-size: clamp(15px,1.35vw,18px);
    line-height: 1.56;
}

body.arsvoim-brand-v2 .classic-add-main {
    min-height: 48px;
    padding-inline: 20px;
    border-radius: var(--av2-radius-md);
    font-weight: 800;
}

body.arsvoim-brand-v2 .classic-discovery-shell,
body.arsvoim-brand-v2 .board-filters {
    border: 1px solid var(--av2-line);
    border-radius: var(--av2-radius-lg);
    background: var(--av2-surface-0);
    box-shadow: var(--av2-shadow-xs);
}

body.arsvoim-brand-v2 .classic-discovery-shell { padding: 18px; }
body.arsvoim-brand-v2 .classic-discovery-label { color: var(--av2-ink-800); }
body.arsvoim-brand-v2 .classic-discovery-search-row {
    overflow: hidden;
    min-height: 56px;
    border-color: var(--av2-line-strong);
    border-radius: var(--av2-radius-md);
    box-shadow: 0 0 0 0 rgba(98,70,234,0);
    transition: border-color var(--av2-transition), box-shadow var(--av2-transition);
}

body.arsvoim-brand-v2 .classic-discovery-search-row:focus-within {
    border-color: var(--av2-brand-500);
    box-shadow: var(--av2-shadow-focus);
}

body.arsvoim-brand-v2 .classic-discovery-search-row input {
    color: var(--av2-ink-950);
    font-size: 16px;
}

body.arsvoim-brand-v2 .classic-discovery-ai,
body.arsvoim-brand-v2 .classic-discovery-intents button {
    min-height: 38px;
    border: 1px solid var(--av2-line);
    border-radius: 999px;
    background: var(--av2-surface-0);
    color: var(--av2-ink-800);
    font-weight: 750;
}

body.arsvoim-brand-v2 .classic-discovery-ai {
    color: var(--av2-brand-700);
    border-color: rgba(98,70,234,.24);
    background: #f5f2ff;
}

body.arsvoim-brand-v2 .classic-discovery-trust {
    padding-top: 14px;
    border-top: 1px solid var(--av2-line);
    color: var(--av2-ink-600);
}

body.arsvoim-brand-v2 .classic-discovery-trust b {
    color: var(--av2-success-700);
    background: var(--av2-success-100);
}

body.arsvoim-brand-v2 .classic-stats { gap: 12px; }
body.arsvoim-brand-v2 .classic-stat,
body.arsvoim-brand-v2 .classic-category {
    border: 1px solid var(--av2-line);
    background: var(--av2-surface-0);
    box-shadow: var(--av2-shadow-xs);
}

body.arsvoim-brand-v2 .classic-stat { border-radius: var(--av2-radius-md); }
body.arsvoim-brand-v2 .classic-category {
    min-height: 112px;
    border-radius: var(--av2-radius-md);
    transition: transform var(--av2-transition), border-color var(--av2-transition), box-shadow var(--av2-transition);
}

body.arsvoim-brand-v2 .classic-category:hover {
    transform: translateY(-2px);
    border-color: #c9c3f5;
    box-shadow: var(--av2-shadow-sm);
}

body.arsvoim-brand-v2 .classic-category-icon,
body.arsvoim-brand-v2 .classic-stat-icon {
    color: var(--av2-brand-700);
    background: #f1efff;
}

body.arsvoim-brand-v2 .classic-board-intro {
    border: 1px solid #d8d4f5;
    border-radius: var(--av2-radius-md);
    background: var(--av2-gradient-soft);
}

body.arsvoim-brand-v2 .public-board { color: var(--av2-ink-950); }
body.arsvoim-brand-v2 .board-grid { gap: 18px; }
body.arsvoim-brand-v2 .board-card:not(.is-detail-open) {
    overflow: hidden;
    border: 1px solid var(--av2-line);
    border-radius: var(--av2-radius-lg);
    background: var(--av2-surface-0);
    box-shadow: var(--av2-shadow-xs);
    transition: transform var(--av2-transition), border-color var(--av2-transition), box-shadow var(--av2-transition);
}

body.arsvoim-brand-v2 .board-card:not(.is-detail-open):hover {
    transform: translateY(-3px);
    border-color: #cbc6ee;
    box-shadow: var(--av2-shadow-md);
}

body.arsvoim-brand-v2 .board-card-title { color: var(--av2-ink-950); }
body.arsvoim-brand-v2 .board-card-price { color: var(--av2-success-700); }
body.arsvoim-brand-v2 .board-card-city,
body.arsvoim-brand-v2 .board-text { color: var(--av2-ink-600); }

body.arsvoim-brand-v2 .arsvoim-language-menu-trigger {
    min-width: 78px;
    height: 40px;
    border-color: var(--av2-line);
    color: var(--av2-ink-800);
    background: rgba(255,255,255,.96);
    box-shadow: var(--av2-shadow-xs);
}

body.arsvoim-brand-v2 .arsvoim-language-menu-panel {
    border-color: var(--av2-line);
    border-radius: var(--av2-radius-md);
    box-shadow: var(--av2-shadow-md);
}

body.arsvoim-brand-v2 .arsvoim-language-menu-option.is-active {
    color: var(--av2-brand-700);
    background: #f1efff;
}

body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-public-shell-header {
    width: 100%;
    border-color: rgba(220,226,235,.92);
    background: rgba(255,255,255,.92);
    box-shadow: 0 8px 26px rgba(24,34,52,.06);
    backdrop-filter: blur(16px);
}

body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-public-shell-inner {
    width: min(1420px, 100%);
    max-width: 1420px;
    gap: clamp(18px,2vw,34px);
}

body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-public-shell-nav {
    gap: clamp(14px,1.5vw,25px);
}

body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-product-hero {
    border-bottom: 1px solid var(--av2-line);
    background:
        radial-gradient(circle at 83% 10%, rgba(18,151,232,.10), transparent 34%),
        radial-gradient(circle at 15% 2%, rgba(98,70,234,.10), transparent 37%),
        var(--av2-surface-25);
}

body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-product-hero h1 {
    color: var(--av2-ink-950);
    letter-spacing: -.055em;
}

body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-product-subtitle { color: var(--av2-ink-600); }
body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-product-composer {
    border-color: var(--av2-line-strong);
    background: var(--av2-surface-0);
    box-shadow: var(--av2-shadow-md);
}

body.arsvoim-brand-v2:not(.arsvoim-product-system) > header,
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main {
    width: min(980px, calc(100% - 28px));
}

body.arsvoim-brand-v2:not(.arsvoim-product-system) > header { padding-block: 16px; }
body.arsvoim-brand-v2 .publication-brand img {
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 5px 11px rgba(81,56,204,.15));
}

body.arsvoim-brand-v2 .publication-back,
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card {
    border-color: var(--av2-line);
    background: var(--av2-surface-0);
}

body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card {
    border-radius: var(--av2-radius-xl);
    box-shadow: var(--av2-shadow-sm);
}

body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card h1 {
    color: var(--av2-ink-950);
    letter-spacing: -.045em;
}

body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card .kicker { color: var(--av2-brand-700); }
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card .text,
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card .meta { color: var(--av2-ink-600); }
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card .auction-detail {
    border-color: #d6d1f2;
    background: var(--av2-gradient-soft);
}
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card .button { border-radius: var(--av2-radius-md); }
body.arsvoim-brand-v2:not(.arsvoim-product-system) > main > .card .auction-cta .button { background: var(--av2-gradient); }

/* ARSVOIM_GUEST_DISCOVERY_V2_3_3_0 */
body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-guest-discovery-v2 {
    width: min(1420px, calc(100% - 36px));
    margin: 30px auto 0;
    padding: clamp(24px,3vw,42px);
    border: 1px solid var(--av2-line);
    border-radius: 30px;
    background:
        radial-gradient(circle at 92% 0, rgba(18,151,232,.10), transparent 31%),
        linear-gradient(145deg,#ffffff 0%,#fafbff 58%,#f6f4ff 100%);
    box-shadow: var(--av2-shadow-sm);
}

.arsvoim-guest-discovery-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
}

.arsvoim-guest-discovery-head > div { max-width: 850px; }
.arsvoim-guest-discovery-head > div > span {
    color: var(--av2-brand-700);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.arsvoim-guest-discovery-head h2 {
    margin: 9px 0 10px;
    color: var(--av2-ink-950);
    font-size: clamp(30px,3.5vw,50px);
    line-height: 1.03;
    letter-spacing: -.048em;
    text-wrap: balance;
}

.arsvoim-guest-discovery-head p {
    max-width: 780px;
    margin: 0;
    color: var(--av2-ink-600);
    font-size: 15px;
    line-height: 1.58;
}

.arsvoim-guest-discovery-head > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    border: 1px solid var(--av2-line-strong);
    border-radius: var(--av2-radius-md);
    background: #fff;
    color: var(--av2-ink-950);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: var(--av2-shadow-xs);
}

.arsvoim-guest-category-row {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
    margin-top: 26px;
}

.arsvoim-guest-category-row > a {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    min-height: 70px;
    padding: 13px;
    border: 1px solid var(--av2-line);
    border-radius: 17px;
    background: rgba(255,255,255,.88);
    color: var(--av2-ink-800);
    text-decoration: none;
    box-shadow: var(--av2-shadow-xs);
    transition: transform var(--av2-transition), border-color var(--av2-transition), box-shadow var(--av2-transition);
}

.arsvoim-guest-category-row > a:hover {
    transform: translateY(-2px);
    border-color: #c9c3f5;
    box-shadow: var(--av2-shadow-sm);
}

.arsvoim-guest-category-row strong { overflow: hidden; font-size: 11.5px; line-height: 1.2; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }
.arsvoim-guest-category-row i { display: none; }
.arsvoim-guest-category-icon {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: var(--av2-brand-700);
    background: var(--av2-gradient-soft);
}
.arsvoim-guest-category-icon::before { font-size: 18px; font-weight: 900; line-height: 1; }
.arsvoim-guest-category-icon.is-box::before { content: "□"; }
.arsvoim-guest-category-icon.is-service::before { content: "✦"; }
.arsvoim-guest-category-icon.is-car::before { content: "↔"; }
.arsvoim-guest-category-icon.is-home::before { content: "⌂"; }
.arsvoim-guest-category-icon.is-briefcase::before { content: "▣"; }
.arsvoim-guest-category-icon.is-auction::before { content: "◇"; }

body.arsvoim-brand-v2 .board-card:not(.is-detail-open) .board-media-placeholder-v2 {
    gap: 5px;
    text-align: center;
}
body.arsvoim-brand-v2 .board-card:not(.is-detail-open) .board-media-placeholder-v2 strong,
body.arsvoim-brand-v2 .board-card:not(.is-detail-open) .board-media-placeholder-v2 small { position: relative; z-index: 1; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.arsvoim-brand-v2 .board-card:not(.is-detail-open) .board-media-placeholder-v2 strong { margin-top: 3px; color: var(--av2-ink-800); font-size: 12px; }
body.arsvoim-brand-v2 .board-card:not(.is-detail-open) .board-media-placeholder-v2 small { color: var(--av2-brand-700); font-size: 10px; font-weight: 800; }

@media (max-width: 980px) {
    body.arsvoim-brand-v2 .classic-dashboard-head { align-items: stretch; }
    body.arsvoim-brand-v2 .classic-dashboard-head h1 { font-size: clamp(34px,6.5vw,50px); }
    .arsvoim-guest-category-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 640px) {
    body.arsvoim-brand-v2 .classic-dashboard { gap: 14px; }
    body.arsvoim-brand-v2 .classic-dashboard-head { padding: 22px 18px; border-radius: 20px; }
    body.arsvoim-brand-v2 .classic-dashboard-head h1 { font-size: clamp(32px,10vw,42px); }
    body.arsvoim-brand-v2 .classic-add-main { width: 100%; }
    body.arsvoim-brand-v2 .classic-discovery-shell { padding: 14px; border-radius: 17px; }
    body.arsvoim-brand-v2 .classic-discovery-search-row { min-height: 52px; }
    body.arsvoim-brand-v2 .classic-category { min-height: 96px; }
    body.arsvoim-brand-v2 .board-grid { gap: 14px; }
    body.arsvoim-brand-v2.arsvoim-public-guest .arsvoim-guest-discovery-v2 { width: calc(100% - 24px); margin-top: 18px; padding: 20px 16px; border-radius: 22px; }
    .arsvoim-guest-discovery-head { align-items: stretch; flex-direction: column; gap: 17px; }
    .arsvoim-guest-discovery-head > a { width: 100%; }
    .arsvoim-guest-category-row { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 19px; }
    .arsvoim-guest-category-row > a { grid-template-columns: 36px minmax(0,1fr); min-height: 62px; padding: 11px; }
    .arsvoim-guest-category-row i { display: none; }
}

/* WEB-MODE-63: keep the inactive label readable across the full mobile shell. */
body.arsvoim-brand-v2.arsvoim-app-auth .app-mobile-modes button {
    color: #5f5f68 !important;
    -webkit-text-fill-color: #5f5f68 !important;
    opacity: 1 !important;
}

/* Android/WebView mode switch: one explicit active-state contract. */
body.arsvoim-brand-v2.arsvoim-app-auth[data-arsvoim-mode="ai"] .app-mode-button[data-app-mode="ai"],
body.arsvoim-brand-v2.arsvoim-app-auth[data-arsvoim-mode="classic"] .app-mode-button[data-app-mode="classic"],
body.arsvoim-brand-v2.arsvoim-app-auth[data-arsvoim-mode="ai"] .app-mobile-modes button[data-app-mode="ai"],
body.arsvoim-brand-v2.arsvoim-app-auth[data-arsvoim-mode="classic"] .app-mobile-modes button[data-app-mode="classic"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--av3-control-gradient, var(--av2-gradient)) !important;
    box-shadow: 0 8px 18px rgba(88,73,223,.20) !important;
    opacity: 1 !important;
}