/* Vendiac Marketplace 1.4.0 — perfect mobile header, compact publish hero and owned SVG icon scene */
:root {
    --vm-purple: #ffd400;
    --vm-purple-dark: #111114;
    --vm-purple-soft: #fff3a6;
    --vm-page: #f2f2f4;
    --vm-panel: #ffffff;
    --vm-ink: #111114;
    --vm-muted: #6d6d75;
    --vm-line: #dedee5;
    --vm-line-strong: #c9c9d2;
    --vm-danger: #ca2e45;
    --vm-success: #17764b;
    --vm-radius: 18px;
    --vm-radius-sm: 12px;
    --vm-max: 1280px;
}

html {
    background: var(--vm-page) !important;
    color-scheme: light !important;
    scroll-behavior: auto !important;
}

body.vm-body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    padding-bottom: 0;
    background: var(--vm-page) !important;
    color: var(--vm-ink) !important;
    font-family: Geist, Inter, "Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.vm-body a { color: inherit; }
.vm-body :focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.vm-body svg { stroke: currentColor; }

.vm-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--vm-purple) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.vm-header-main {
    width: min(var(--vm-max), calc(100% - 32px));
    min-height: 72px;
    margin: auto;
    display: grid;
    grid-template-columns: auto minmax(300px, 720px) auto;
    align-items: center;
    gap: 22px;
}

.vm-brand,
.vm-sidebar-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #111 !important;
    text-decoration: none;
}

.vm-logo-disc {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(17, 17, 20, .12);
}

.vm-logo-disc img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.vm-brand-name {
    color: #111;
    font-size: 19px;
    font-weight: 850;
    letter-spacing: -.035em;
}

.vm-menu-button {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.9) !important;
    color: #111 !important;
}

.vm-search {
    height: 46px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 24px !important;
    background: #fff !important;
}

.vm-search input {
    min-width: 0;
    width: 100%;
    height: 46px;
    padding: 0 18px !important;
    border: 0;
    outline: 0;
    background: transparent !important;
    color: #111 !important;
    font-size: 14px;
}

.vm-search input::placeholder { color: #85858d !important; }
.vm-search button {
    min-width: 46px !important;
    width: 46px !important;
    padding: 0 !important;
    display: grid;
    place-items: center;
    border: 0 !important;
    border-left: 1px solid #ececf0 !important;
    background: #fff !important;
    color: var(--vm-purple-dark) !important;
}
.vm-search button svg { width: 21px; height: 21px; }
.vm-search-mobile { display: none !important; }

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

.market-language-switch,
.vm-cart-link {
    position: relative;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(17,17,20,.16) !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
}

.market-language-flag {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #d5d5dc;
}
.market-language-flag svg { width: 100% !important; height: 100% !important; display: block; stroke: none !important; }
.vm-cart-link svg { width: 23px; height: 23px; }
.vm-cart-label { display: none !important; }
.vm-cart-count {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #111;
    color: #fff;
    font-size: 10px;
    font-weight: 850;
}

.market-language-dialog[hidden] { display: none !important; }
.market-language-dialog { position: fixed; inset: 0; z-index: 500; }
.market-language-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(0,0,0,.42); }
.market-language-sheet {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(460px, calc(100% - 28px));
    transform: translate(-50%, -50%);
    border: 1px solid #d8d8df;
    border-radius: 22px;
    background: #fff;
    color: #111;
    overflow: hidden;
}
.market-language-sheet-head { padding: 22px; display: grid; grid-template-columns: 1fr 44px; gap: 16px; border-bottom: 1px solid #e5e5ea; }
.market-language-sheet-head h2 { margin: 0; font-size: 24px; }
.market-language-sheet-head p { margin: 5px 0 0; color: #6d6d75; }
.market-language-close { width: 42px; height: 42px; border: 1px solid #dedee5; border-radius: 50%; background: #fff; position: relative; }
.market-language-close span { position: absolute; left: 12px; top: 20px; width: 18px; height: 1.5px; background: #111; transform: rotate(45deg); }
.market-language-close span:last-child { transform: rotate(-45deg); }
.market-language-options { display: grid; }
.market-language-option { min-height: 72px; padding: 0 22px; display: grid; grid-template-columns: 44px 1fr 24px; align-items: center; gap: 14px; border: 0; border-bottom: 1px solid #ececf0; background: #fff; color: #111; text-align: left; font-size: 16px; font-weight: 750; }
.market-language-option:last-child { border-bottom: 0; }
.market-language-option-flag { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; border: 1px solid #d5d5dc; }
.market-language-option-flag svg { width: 100% !important; height: 100% !important; stroke: none !important; }
.market-language-check { opacity: 0; color: var(--vm-purple-dark); }
.market-language-option[aria-checked="true"] .market-language-check { opacity: 1; }
.market-language-open { overflow: hidden !important; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

.vm-overlay { background: rgba(0,0,0,.35) !important; }
.vm-sidebar {
    background: #fff !important;
    color: #111 !important;
    border-right: 1px solid #dedee5 !important;
    box-shadow: none !important;
}
.vm-sidebar-head { border-bottom: 1px solid #e4e4e9 !important; }
.vm-sidebar-close { border: 1px solid #dedee5 !important; background: #fff !important; color: #111 !important; }
.vm-nav-label { color: #777780 !important; }
.vm-sidebar-nav a { color: #111 !important; border-color: #ececf0 !important; }
.vm-sidebar-nav a.active { background: var(--vm-purple-soft) !important; color: #111114 !important; }
.vm-sidebar-primary { background: var(--vm-purple) !important; color: #111 !important; border: 0 !important; }
.vm-account-row { color: #111 !important; border-color: #e4e4e9 !important; }
.vm-avatar { background: #111 !important; color: #fff !important; }

.vm-app { width: 100%; }
.vm-main {
    width: min(var(--vm-max), calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 28px 0 92px !important;
}

.vm-market-banner {
    position: relative;
    min-height: 286px;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    align-items: center;
    gap: 30px;
    padding: 42px 48px;
    overflow: hidden;
    border: 1px solid #dcdce4;
    border-radius: 26px;
    background: #fff;
}
.vm-market-banner-copy { position: relative; z-index: 2; max-width: 650px; }
.vm-market-kicker { display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; border-radius: 14px; background: var(--vm-purple-soft); color: #111114; font-size: 12px; font-weight: 850; }
.vm-market-banner h1 { margin: 14px 0 10px; max-width: 620px; color: #111; font-size: clamp(32px, 5vw, 62px); line-height: .98; letter-spacing: -.055em; }
.vm-market-banner p { max-width: 590px; margin: 0; color: #62626a; font-size: 16px; line-height: 1.55; }
.vm-market-cta { min-height: 46px; width: fit-content; margin-top: 22px; padding: 0 18px; display: inline-flex; align-items: center; gap: 10px; border-radius: 23px; background: var(--vm-purple); color: #111; font-weight: 850; }
.vm-market-cta svg { width: 18px; }
.vm-market-banner-art { position: relative; min-height: 210px; }
.vm-banner-v { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 180px; line-height: 1; font-weight: 950; letter-spacing: -.12em; color: var(--vm-purple); opacity: .16; }
.vm-banner-tile { position: absolute; width: 74px; height: 74px; display: grid; place-items: center; border: 1px solid #d8d8df; border-radius: 22px; background: #fff; color: #111; }
.vm-banner-tile svg { width: 30px; height: 30px; }
.vm-banner-tile-a { top: 12px; right: 118px; transform: rotate(-8deg); }
.vm-banner-tile-b { top: 96px; right: 30px; transform: rotate(8deg); background: var(--vm-purple-soft); }
.vm-banner-tile-c { bottom: 6px; right: 150px; transform: rotate(5deg); }

.vm-category-section { margin-top: 28px; }
.vm-mobile-section-heading h2 { margin: 0 0 14px; font-size: 22px; letter-spacing: -.035em; }
.vm-market-categories {
    display: grid;
    grid-template-columns: repeat(10, minmax(76px, 1fr));
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
}
.vm-market-categories::-webkit-scrollbar { display: none; }
.vm-market-category { min-width: 76px; min-height: 98px; padding: 10px 6px; display: grid; justify-items: center; align-content: center; gap: 9px; border: 1px solid #dedee5; border-radius: 16px; background: #fff; color: #111; text-align: center; font-size: 12px; font-weight: 750; }
.vm-market-category-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #f3f3f5; color: #111; }
.vm-market-category-icon svg { width: 23px; height: 23px; }
.vm-market-category.active { border-color: var(--vm-purple); }
.vm-market-category.active .vm-market-category-icon { background: var(--vm-purple); }

.vm-market-toolbar { margin: 34px 0 16px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.vm-market-toolbar > div { display: grid; grid-template-columns: 10px auto; align-items: center; column-gap: 9px; }
.vm-market-toolbar h2 { margin: 0; color: #111; font-size: 26px; letter-spacing: -.04em; }
.vm-market-toolbar p { grid-column: 2; margin: 4px 0 0; color: #777780; font-size: 13px; }
.vm-market-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--vm-purple); }
.vm-market-sort select { min-height: 40px; padding: 0 34px 0 12px; border: 1px solid #d8d8df; border-radius: 12px; background: #fff; color: #111; }

.vm-product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}
.vm-product-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dddde4 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
}
.vm-product-media { aspect-ratio: 1 / .82 !important; overflow: hidden; background: #ececf0 !important; }
.vm-product-media img { width: 100%; height: 100%; object-fit: cover; }
.vm-product-media.is-placeholder img { object-fit: contain; padding: 22%; filter: none !important; }
.vm-product-card-body { padding: 14px 14px 15px !important; }
.vm-product-card-topline { display: grid !important; gap: 8px !important; }
.vm-product-title { color: #111 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vm-product-price { color: var(--vm-purple-dark) !important; font-size: 18px !important; font-weight: 900 !important; }
.vm-product-seller { margin-top: 7px; color: #696970 !important; font-size: 12px !important; }
.vm-product-description { margin: 8px 0 0 !important; color: #67676f !important; font-size: 12px !important; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vm-product-card-foot { margin-top: 12px !important; padding-top: 11px !important; border-top: 1px solid #ececf0 !important; color: #6e6e76 !important; font-size: 11px !important; }
.vm-view-product { color: #111 !important; font-weight: 800; }

.vm-empty-state,
.vm-results-panel,
.vm-product-layout,
.vm-store-hero,
.vm-store-products,
.vm-cart-layout,
.vm-checkout-layout,
.vm-related-section,
.vm-product-details,
.vm-purchase-panel {
    color: #111 !important;
}
.vm-empty-state { padding: 54px 24px !important; border: 1px solid #dedee5 !important; border-radius: 20px !important; background: #fff !important; }
.vm-empty-state p,
.vm-muted-copy { color: #6d6d75 !important; }
.vm-button-primary { background: var(--vm-purple) !important; color: #111 !important; border-color: var(--vm-purple) !important; }
.vm-button-secondary { background: #fff !important; color: #111 !important; border-color: #cfcfd7 !important; }
.vm-pagination { color: #111 !important; }
.vm-pagination-arrow { border-color: #d7d7de !important; background: #fff !important; color: #111 !important; }
.vm-footer { width: min(var(--vm-max), calc(100% - 32px)); margin: 0 auto 80px; color: #777780 !important; border-top: 1px solid #d8d8df !important; }

/* Product, store, cart and checkout pages follow the same light system. */
.vm-breadcrumb { color: #5f5f67 !important; }
.vm-product-main-media,
.vm-product-details,
.vm-purchase-panel,
.vm-store-hero,
.vm-store-products,
.vm-cart-item,
.vm-cart-summary,
.vm-checkout-card {
    border-color: #dcdce3 !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
}
.vm-product-summary,
.vm-rich-copy,
.vm-seller-card-copy small,
.vm-seller-card-copy span,
.vm-product-facts dt,
.vm-store-copy p { color: #66666e !important; }
.vm-product-price strong,
.vm-purchase-price strong { color: var(--vm-purple-dark) !important; }
.vm-seller-card { border-color: #dedee5 !important; background: #f8f8fa !important; color: #111 !important; }
.vm-product-type,
.vm-eyebrow { color: var(--vm-purple-dark) !important; }

.vm-mobile-bottom-nav { display: none; }

@media (max-width: 980px) {
    .vm-header-main { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; }
    .vm-menu-button { display: grid !important; }
    .vm-brand-name { display: none; }
    .vm-brand { display: none; }
    .vm-market-banner { grid-template-columns: 1fr .55fr; padding: 34px; }
    .vm-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .vm-market-categories { grid-template-columns: repeat(10, 88px); }
}

@media (max-width: 720px) {
    body.vm-body { padding-bottom: 78px; }
    .vm-header-main { width: calc(100% - 20px); min-height: 62px; grid-template-columns: 44px minmax(0,1fr) auto; }
    .vm-header-main .vm-search-desktop { display: none !important; }
    .vm-header-main::after {
        content: "Vendiac";
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        align-self: center;
        margin-left: 3px;
        color: #111;
        font-weight: 900;
        font-size: 18px;
        letter-spacing: -.035em;
    }
    .vm-header-actions { grid-column: 3; }
    .market-language-switch, .vm-cart-link { width: 40px; height: 40px; min-width: 40px; }
    .market-language-flag { width: 26px; height: 26px; }
    .vm-cart-link svg { width: 22px; height: 22px; }
    .vm-search-mobile { width: calc(100% - 20px) !important; height: 42px !important; margin: 0 auto 10px !important; display: grid !important; }
    .vm-search-mobile input { height: 42px; }
    .vm-main { width: calc(100% - 20px) !important; padding: 18px 0 34px !important; }
    .vm-market-banner { min-height: 0; grid-template-columns: 1fr; padding: 24px 20px; border-radius: 20px; }
    .vm-market-banner h1 { font-size: 34px; }
    .vm-market-banner p { font-size: 14px; }
    .vm-market-banner-art { display: none; }
    .vm-market-cta { width: 100%; justify-content: center; }
    .vm-category-section { margin-top: 22px; }
    .vm-mobile-section-heading h2 { font-size: 20px; }
    .vm-market-categories { margin-right: -10px; padding-right: 10px; grid-template-columns: repeat(10, 76px); gap: 9px; }
    .vm-market-category { min-width: 76px; min-height: 88px; border-radius: 14px; font-size: 11px; }
    .vm-market-category-icon { width: 44px; height: 44px; }
    .vm-market-toolbar { margin-top: 26px; align-items: center; }
    .vm-market-toolbar h2 { font-size: 21px; }
    .vm-market-sort select { max-width: 118px; min-height: 36px; font-size: 12px; }
    .vm-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
    .vm-product-card { border-radius: 15px !important; }
    .vm-product-card-body { padding: 11px !important; }
    .vm-product-title { font-size: 13px !important; }
    .vm-product-price { font-size: 16px !important; }
    .vm-product-description, .vm-product-card-foot { display: none !important; }
    .vm-product-seller { font-size: 10px !important; }
    .vm-footer { display: none; }
    .vm-mobile-bottom-nav {
        position: fixed;
        z-index: 150;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 68px;
        padding: 6px 8px max(6px, env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid #dcdce3;
        background: rgba(255,255,255,.98);
        color: #4f4f57;
    }
    .vm-mobile-bottom-nav a { position: relative; display: grid; place-items: center; align-content: center; gap: 2px; border-radius: 14px; font-size: 10px; font-weight: 750; }
    .vm-mobile-bottom-nav a.active { color: var(--vm-purple-dark); }
    .vm-mobile-bottom-nav svg { width: 21px; height: 21px; }
    .vm-mobile-bottom-nav b { position: absolute; top: 1px; left: calc(50% + 8px); min-width: 18px; height: 18px; display: grid; place-items: center; border-radius: 9px; background: var(--vm-purple); color: #111; font-size: 9px; }
    .market-language-sheet { top: auto; left: 0; right: 0; bottom: 0; width: 100%; transform: none; border-radius: 22px 22px 0 0; }
}

@media (max-width: 420px) {
    .vm-header-main::after { content: ""; }
    .vm-header-main { grid-template-columns: 44px 1fr auto; }
    .vm-market-banner h1 { font-size: 30px; }
    .vm-market-toolbar { gap: 8px; }
    .vm-market-toolbar h2 { font-size: 19px; }
    .vm-market-sort select { width: 104px; padding-right: 24px; }
}

/* Explicit Marketplace publication library */
.vm-library-hero {
    padding: 34px 38px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 26px;
    border: 1px solid #dcdce3;
    border-radius: 24px;
    background: #fff;
}
.vm-library-hero > div { max-width: 780px; }
.vm-library-hero h1 { margin: 14px 0 10px; font-size: clamp(30px, 4.5vw, 54px); line-height: 1; letter-spacing: -.05em; }
.vm-library-hero p { margin: 0; max-width: 720px; color: #66666e; line-height: 1.55; }
.vm-library-section { margin-top: 24px; padding: 26px; border: 1px solid #dcdce3; border-radius: 22px; background: #fff; }
.vm-library-heading { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.vm-library-heading span { color: var(--vm-purple-dark); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.vm-library-heading h2 { margin: 2px 0 0; font-size: 25px; letter-spacing: -.04em; }
.vm-library-heading > strong { min-width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--vm-purple-soft); color: #111114; }
.vm-library-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.vm-library-card { min-width: 0; display: grid; grid-template-columns: 118px minmax(0,1fr); overflow: hidden; border: 1px solid #dfdfe6; border-radius: 16px; background: #fafafd; }
.vm-library-image { min-height: 150px; background: #ececf0; overflow: hidden; }
.vm-library-image img { width: 100%; height: 100%; object-fit: cover; }
.vm-library-copy { min-width: 0; padding: 14px; }
.vm-library-state { color: #696971; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.vm-library-copy h3 { margin: 5px 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.vm-library-copy > p { margin: 0 0 12px; color: var(--vm-purple-dark); font-weight: 900; }
.vm-library-remove { min-height: 36px; width: 100%; padding: 0 12px; border: 1px solid #d3d3db; border-radius: 10px; background: #fff; color: #111; font-weight: 800; }
.vm-library-publish-form { display: grid; gap: 8px; }
.vm-library-publish-form label { display: grid; gap: 4px; color: #66666e; font-size: 10px; font-weight: 800; }
.vm-library-publish-form select { min-height: 36px; padding: 0 10px; border: 1px solid #d4d4dc; border-radius: 9px; background: #fff; color: #111; }
.vm-library-publish-form button { min-height: 38px; border: 0; border-radius: 10px; background: var(--vm-purple); color: #111; font-weight: 850; }
.vm-library-empty { padding: 30px; border: 1px dashed #d4d4dc; border-radius: 14px; color: #6d6d75; text-align: center; }

@media (max-width: 960px) {
    .vm-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .vm-library-hero { padding: 24px 20px; display: grid; }
    .vm-library-hero h1 { font-size: 32px; }
    .vm-library-hero .vm-button { width: 100%; justify-content: center; }
    .vm-library-section { padding: 18px 12px; }
    .vm-library-grid { grid-template-columns: 1fr; }
    .vm-library-card { grid-template-columns: 108px minmax(0,1fr); }
}


/* =========================================================
   VENDIAC MARKETPLACE 1.3.0 — FINAL CONFLICT RESET
========================================================= */
:root {
    --vm-yellow: #ffd400;
    --vm-yellow-strong: #f1c900;
    --vm-yellow-soft: #fff4b0;
    --vm-page: #f2f2f4;
    --vm-panel: #ffffff;
    --vm-ink: #101012;
    --vm-muted: #66666f;
    --vm-line: #d9d9df;
    --vm-line-strong: #c7c7cf;
    --vm-purple: var(--vm-yellow);
    --vm-purple-dark: var(--vm-ink);
    --vm-purple-soft: var(--vm-yellow-soft);
}
html, body.vm-body { background: var(--vm-page) !important; color: var(--vm-ink) !important; }
body.vm-body, body.vm-body button, body.vm-body input, body.vm-body select, body.vm-body textarea {
    font-family: var(--vendiac-font-latin, "Geist", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif) !important;
    font-feature-settings: "kern", "liga", "calt";
}
html[lang="th"] body.vm-body, html[lang="th"] body.vm-body button, html[lang="th"] body.vm-body input, html[lang="th"] body.vm-body select, html[lang="th"] body.vm-body textarea {
    font-family: var(--vendiac-font-thai, "Prompt", "Noto Sans Thai", Tahoma, sans-serif) !important;
}
.vm-header { background: var(--vm-yellow) !important; border-bottom: 1px solid rgba(16,16,18,.14) !important; box-shadow: none !important; }
.vm-header-main { min-height: 76px !important; grid-template-columns: auto minmax(280px,720px) auto !important; gap: 24px !important; }
.vm-brand { min-width: 146px; display: inline-flex !important; align-items: center !important; gap: 9px !important; color: var(--vm-ink) !important; }
.vm-logo-disc { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.vm-logo-disc img { width: 34px !important; height: 34px !important; object-fit: contain !important; }
.vm-brand-name { color: var(--vm-ink) !important; font-size: 20px !important; font-weight: 850 !important; letter-spacing: -.045em !important; }
.vm-header-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; }
.vm-menu-button, .market-language-switch, .vm-cart-link {
    width: 46px !important; height: 46px !important; min-width: 46px !important; padding: 0 !important; display: grid !important; place-items: center !important;
    border: 1px solid rgba(16,16,18,.16) !important; border-radius: 50% !important; background: #fff !important; color: var(--vm-ink) !important; box-shadow: none !important;
}
.vm-menu-button { display: none !important; }
.vm-menu-button svg { width: 23px !important; height: 23px !important; }
.market-language-flag { width: 29px !important; height: 29px !important; }
.vm-cart-link svg { width: 24px !important; height: 24px !important; }

/* One unambiguous search layout, overriding the older base stylesheet. */
.vm-search, .vm-search.vm-search-desktop, .vm-search.vm-search-mobile {
    height: 48px !important; min-height: 48px !important; padding: 0 !important; display: flex !important; align-items: stretch !important; gap: 0 !important;
    overflow: hidden !important; border: 1px solid rgba(16,16,18,.18) !important; border-radius: 24px !important; background: #fff !important; box-shadow: none !important;
}
.vm-search input { min-width: 0 !important; height: 46px !important; flex: 1 1 auto !important; padding: 0 18px !important; border: 0 !important; outline: 0 !important; background: #fff !important; color: var(--vm-ink) !important; font-size: 15px !important; line-height: 1 !important; box-shadow: none !important; }
.vm-search input::placeholder { color: #777780 !important; opacity: 1 !important; }
.vm-search button { width: 50px !important; min-width: 50px !important; height: 46px !important; flex: 0 0 50px !important; padding: 0 !important; display: grid !important; place-items: center !important; border: 0 !important; border-left: 1px solid #e2e2e7 !important; border-radius: 0 !important; background: #fff !important; color: var(--vm-ink) !important; box-shadow: none !important; }
.vm-search button svg { width: 22px !important; height: 22px !important; }
.vm-search-mobile { display: none !important; }

.vm-sidebar { width: min(390px,92vw) !important; background: #fff !important; border-right: 1px solid var(--vm-line) !important; color: var(--vm-ink) !important; }
.vm-sidebar-head { min-height: 76px !important; padding: calc(14px + env(safe-area-inset-top)) 18px 14px !important; border-bottom: 1px solid #e2e2e7 !important; }
.vm-sidebar-logo { gap: 9px !important; color: var(--vm-ink) !important; }
.vm-sidebar-logo strong { font-size: 17px !important; font-weight: 850 !important; letter-spacing: -.035em !important; }
.vm-sidebar-nav { padding: 14px 12px 18px !important; }
.vm-sidebar-nav > a { min-height: 54px !important; padding: 0 13px !important; border-radius: 12px !important; color: var(--vm-ink) !important; font-size: 14px !important; font-weight: 720 !important; }
.vm-sidebar-nav > a:hover { background: #f4f4f6 !important; }
.vm-sidebar-nav > a.active { background: var(--vm-yellow-soft) !important; color: var(--vm-ink) !important; }
.vm-sidebar-primary { min-height: 56px !important; border: 1px solid #d6b400 !important; border-radius: 14px !important; background: var(--vm-yellow) !important; color: var(--vm-ink) !important; font-size: 15px !important; font-weight: 850 !important; }

/* Root-level language dialog: full two-language list and no bottom-nav clipping. */
.market-language-dialog { position: fixed !important; inset: 0 !important; z-index: 10000 !important; padding: max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom)) !important; display: grid !important; place-items: center !important; }
.market-language-dialog[hidden] { display: none !important; }
.market-language-backdrop { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; background: rgba(0,0,0,.46) !important; }
.market-language-sheet { position: relative !important; inset: auto !important; width: min(500px,100%) !important; max-height: calc(100dvh - 36px) !important; transform: none !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border: 1px solid #d7d7de !important; border-radius: 24px !important; background: #fff !important; color: var(--vm-ink) !important; box-shadow: none !important; }
.market-language-sheet-head { flex: 0 0 auto !important; padding: 24px !important; grid-template-columns: minmax(0,1fr) 46px !important; align-items: start !important; }
.market-language-sheet-head h2 { color: var(--vm-ink) !important; font-size: 26px !important; letter-spacing: -.035em !important; }
.market-language-sheet-head p { color: var(--vm-muted) !important; font-size: 15px !important; line-height: 1.45 !important; }
.market-language-options { min-height: 0 !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding-bottom: max(4px,env(safe-area-inset-bottom)) !important; }
.market-language-option { min-height: 78px !important; grid-template-columns: 48px minmax(0,1fr) 26px !important; padding: 0 24px !important; font-size: 17px !important; font-weight: 760 !important; }
.market-language-option[aria-checked="true"] { background: #fff9d7 !important; }
.market-language-check { color: var(--vm-ink) !important; }
body.market-language-open { overflow: hidden !important; touch-action: none !important; }
body.market-language-open .vm-mobile-bottom-nav { display: none !important; }

.vm-main { padding-top: 26px !important; }
.vm-market-banner { min-height: 260px !important; border: 1px solid #d9d9df !important; border-radius: 24px !important; background: #fff !important; }
.vm-market-banner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 10px; background: var(--vm-yellow); }
.vm-market-kicker { min-height: 30px !important; padding: 0 12px !important; background: var(--vm-yellow-soft) !important; color: var(--vm-ink) !important; }
.vm-market-banner h1 { color: var(--vm-ink) !important; font-size: clamp(34px,4.4vw,58px) !important; line-height: 1.02 !important; letter-spacing: -.052em !important; }
.vm-market-banner p { color: var(--vm-muted) !important; }
.vm-market-cta { min-height: 52px !important; padding: 0 22px !important; border: 1px solid #d6b400 !important; border-radius: 14px !important; background: var(--vm-yellow) !important; color: var(--vm-ink) !important; font-size: 15px !important; font-weight: 850 !important; }
.vm-banner-v { color: var(--vm-yellow) !important; opacity: .34 !important; }
.vm-banner-tile-b { background: var(--vm-yellow-soft) !important; }
.vm-mobile-section-heading h2, .vm-market-toolbar h2 { color: var(--vm-ink) !important; }
.vm-market-dot { background: var(--vm-yellow) !important; }
.vm-market-category { min-height: 108px !important; border: 0 !important; border-radius: 16px !important; background: transparent !important; color: var(--vm-ink) !important; font-size: 13px !important; font-weight: 720 !important; }
.vm-market-category-icon { width: 58px !important; height: 58px !important; border: 1px solid #d4d4db !important; background: #fff !important; color: var(--vm-ink) !important; }
.vm-market-category.active .vm-market-category-icon { border-color: #c8a800 !important; background: var(--vm-yellow) !important; }
.vm-market-category.active { color: var(--vm-ink) !important; }
.vm-product-card { border: 1px solid #dedee4 !important; border-radius: 18px !important; background: #fff !important; color: var(--vm-ink) !important; box-shadow: none !important; }
.vm-product-card:hover { border-color: #bdbdc6 !important; transform: none !important; }
.vm-product-price, .vm-product-price strong { color: var(--vm-ink) !important; }
.vm-button-primary, .vm-library-publish-form button, .vm-mobile-buy-bar button { background: var(--vm-yellow) !important; border-color: #d6b400 !important; color: var(--vm-ink) !important; }

@media (max-width: 980px) {
    .vm-header-main { grid-template-columns: auto minmax(0,1fr) auto !important; gap: 12px !important; }
    .vm-menu-button { display: grid !important; }
}
@media (max-width: 720px) {
    body.vm-body { padding-bottom: 94px !important; }
    .vm-header-main { width: calc(100% - 20px) !important; min-height: 66px !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 10px !important; }
    .vm-brand { min-width: 0 !important; grid-column: 1 !important; display: inline-flex !important; justify-self: start !important; }
    .vm-logo-disc { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
    .vm-logo-disc img { width: 31px !important; height: 31px !important; }
    .vm-brand-name { display: inline !important; font-size: 18px !important; }
    .vm-header-main::after { content: none !important; display: none !important; }
    .vm-header-actions { grid-column: 2 !important; display: flex !important; gap: 7px !important; }
    .vm-menu-button, .market-language-switch, .vm-cart-link { width: 42px !important; height: 42px !important; min-width: 42px !important; }
    .market-language-flag { width: 27px !important; height: 27px !important; }
    .vm-search-desktop { display: none !important; }
    .vm-search-mobile { width: calc(100% - 20px) !important; height: 48px !important; margin: 0 auto 12px !important; display: flex !important; }
    .vm-search-mobile input { height: 46px !important; font-size: 15px !important; }
    .vm-main { width: calc(100% - 20px) !important; padding: 16px 0 40px !important; }
    .vm-market-banner { min-height: 0 !important; padding: 24px 20px 22px !important; border-radius: 18px !important; }
    .vm-market-banner::before { top: auto; right: 0; bottom: 0; left: 0; width: auto; height: 6px; }
    .vm-market-banner h1 { margin-top: 12px !important; font-size: 29px !important; line-height: 1.04 !important; }
    .vm-market-banner p { font-size: 14px !important; line-height: 1.5 !important; }
    .vm-market-cta { width: 100% !important; min-height: 54px !important; margin-top: 20px !important; justify-content: center !important; border-radius: 14px !important; font-size: 15px !important; }
    .vm-market-categories { grid-template-columns: repeat(10,88px) !important; gap: 10px !important; }
    .vm-market-category { min-width: 88px !important; min-height: 108px !important; padding: 8px 4px !important; }
    .vm-market-category-icon { width: 60px !important; height: 60px !important; }
    .vm-market-category-icon svg { width: 27px !important; height: 27px !important; }
    .vm-product-grid { gap: 12px !important; }
    .vm-product-card { border-radius: 16px !important; }
    .vm-product-card-body { padding: 12px 12px 14px !important; }
    .vm-product-title { font-size: 14px !important; line-height: 1.35 !important; }
    .vm-product-price { font-size: 18px !important; }
    .vm-product-seller { font-size: 11px !important; }
    .vm-mobile-bottom-nav { min-height: 84px !important; padding: 7px 8px max(8px,env(safe-area-inset-bottom)) !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; border-top: 1px solid #d2d2d9 !important; background: #fff !important; color: var(--vm-ink) !important; box-shadow: none !important; }
    .vm-mobile-bottom-nav a { min-height: 68px !important; gap: 5px !important; border-radius: 14px !important; color: #3f3f46 !important; font-size: 12px !important; font-weight: 720 !important; line-height: 1.1 !important; }
    .vm-mobile-bottom-nav a.active { color: var(--vm-ink) !important; }
    .vm-mobile-bottom-nav svg { width: 27px !important; height: 27px !important; padding: 0 !important; }
    .vm-mobile-bottom-nav a.active svg { width: 34px !important; height: 34px !important; padding: 5px !important; border-radius: 50% !important; background: var(--vm-yellow) !important; box-sizing: border-box !important; }
    .vm-mobile-bottom-nav b { top: 1px !important; left: calc(50% + 9px) !important; min-width: 20px !important; height: 20px !important; border-radius: 10px !important; background: var(--vm-ink) !important; color: #fff !important; font-size: 10px !important; }
    .market-language-dialog { padding: max(10px,env(safe-area-inset-top)) 0 0 !important; place-items: end stretch !important; }
    .market-language-sheet { width: 100% !important; max-height: calc(100dvh - max(10px,env(safe-area-inset-top))) !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 24px 24px 0 0 !important; padding-bottom: max(8px,env(safe-area-inset-bottom)) !important; }
    .market-language-sheet-head { padding: 23px 20px 20px !important; }
    .market-language-sheet-head h2 { font-size: 25px !important; }
    .market-language-sheet-head p { font-size: 14px !important; }
    .market-language-option { min-height: 80px !important; padding: 0 20px !important; }
}
@media (max-width: 430px) {
    .vm-brand-name { font-size: 17px !important; }
    .vm-header-actions { gap: 6px !important; }
    .vm-menu-button, .market-language-switch, .vm-cart-link { width: 40px !important; height: 40px !important; min-width: 40px !important; }
    .vm-market-banner h1 { font-size: 27px !important; }
}

/* =========================================================
   VENDIAC MARKETPLACE 1.4.0 — MOBILE HEADER + PUBLISH HERO
   Single search field, V-only brand mark and owned SVG artwork.
========================================================= */

/* Header: one search form only. */
.vm-header {
    background: var(--vm-yellow) !important;
    border-bottom: 0 !important;
}

.vm-header-main {
    width: min(var(--vm-max), calc(100% - 32px)) !important;
    min-height: 74px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(280px, 720px) auto !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
}

.vm-brand {
    width: 34px !important;
    min-width: 34px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: start !important;
    overflow: visible !important;
}

.vm-brand .vm-logo-disc {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.vm-brand .vm-logo-disc img {
    width: 29px !important;
    height: 29px !important;
    object-fit: contain !important;
}

.vm-brand-name,
.vm-search-mobile {
    display: none !important;
}

.vm-search.vm-search-primary {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(16, 16, 18, .14) !important;
    border-radius: 23px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.vm-search.vm-search-primary input {
    min-width: 0 !important;
    height: 44px !important;
    flex: 1 1 auto !important;
    padding: 0 18px !important;
    border: 0 !important;
    outline: 0 !important;
    background: #ffffff !important;
    color: var(--vm-ink) !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.vm-search.vm-search-primary button {
    width: 48px !important;
    min-width: 48px !important;
    height: 44px !important;
    flex: 0 0 48px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-left: 1px solid #e7e7eb !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: var(--vm-ink) !important;
}

.vm-header-actions {
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.vm-menu-button,
.market-language-switch,
.vm-cart-link {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(16, 16, 18, .16) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--vm-ink) !important;
    box-shadow: none !important;
}

.vm-menu-button {
    display: none !important;
}

/* Publish hero: compact, clean and based on an owned Vendiac SVG scene. */
.vm-market-banner {
    min-height: 286px !important;
    padding: 38px 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 360px) !important;
    align-items: center !important;
    gap: 26px !important;
    overflow: hidden !important;
    border: 1px solid #d9d9df !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.vm-market-banner::before,
.vm-market-banner::after {
    content: none !important;
    display: none !important;
}

.vm-market-banner-copy {
    position: relative !important;
    z-index: 2 !important;
    max-width: 720px !important;
}

.vm-market-kicker {
    min-height: 28px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
    background: var(--vm-yellow-soft) !important;
    color: var(--vm-ink) !important;
    font-size: 12px !important;
    font-weight: 820 !important;
    line-height: 1 !important;
}

.vm-market-kicker svg {
    width: 14px !important;
    height: 14px !important;
    stroke-width: 1.9 !important;
}

.vm-market-banner h1 {
    max-width: 760px !important;
    margin: 15px 0 10px !important;
    color: var(--vm-ink) !important;
    font-size: clamp(36px, 4.4vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
}

.vm-market-banner p {
    max-width: 630px !important;
    margin: 0 !important;
    color: var(--vm-muted) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.vm-market-cta {
    width: fit-content !important;
    min-width: 232px !important;
    min-height: 50px !important;
    margin-top: 24px !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
    border: 1px solid #d6b400 !important;
    border-radius: 14px !important;
    background: var(--vm-yellow) !important;
    color: var(--vm-ink) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-shadow: none !important;
}

.vm-market-cta svg {
    width: 18px !important;
    height: 18px !important;
}

.vm-market-banner-art {
    position: relative !important;
    inset: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    place-items: center !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

.vm-market-banner-art img {
    width: min(100%, 330px) !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

.vm-banner-tile,
.vm-banner-v {
    display: none !important;
}

@media (max-width: 980px) {
    .vm-header-main {
        grid-template-columns: 32px minmax(0, 1fr) auto !important;
        gap: 12px !important;
    }

    .vm-menu-button {
        display: grid !important;
    }

    .vm-market-banner {
        grid-template-columns: minmax(0, 1fr) minmax(210px, 280px) !important;
        padding: 32px !important;
    }
}

@media (max-width: 720px) {
    body.vm-body {
        padding-bottom: 94px !important;
    }

    .vm-header {
        min-height: 102px !important;
    }

    .vm-header-main {
        width: 100% !important;
        min-height: 102px !important;
        padding: 5px 9px 8px !important;
        display: grid !important;
        grid-template-columns: 24px minmax(0, 1fr) 40px 40px !important;
        grid-template-rows: 45px 40px !important;
        column-gap: 8px !important;
        row-gap: 4px !important;
        align-items: center !important;
    }

    .vm-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 40px !important;
        justify-self: center !important;
    }

    .vm-brand .vm-logo-disc {
        width: 24px !important;
        height: 24px !important;
        flex-basis: 24px !important;
    }

    .vm-brand .vm-logo-disc img {
        width: 23px !important;
        height: 23px !important;
    }

    .vm-search.vm-search-primary {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        border: 0 !important;
        border-radius: 12px !important;
    }

    .vm-search.vm-search-primary input {
        order: 2 !important;
        height: 40px !important;
        padding: 0 10px 0 0 !important;
        font-size: 12px !important;
    }

    .vm-search.vm-search-primary button {
        order: 1 !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 40px !important;
        flex-basis: 38px !important;
        border: 0 !important;
        background: #ffffff !important;
    }

    .vm-search.vm-search-primary button svg {
        width: 17px !important;
        height: 17px !important;
    }

    .vm-header-actions {
        display: contents !important;
    }

    .market-language-switch {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    .vm-cart-link {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    .vm-menu-button {
        grid-column: 4 !important;
        grid-row: 2 !important;
        display: grid !important;
    }

    .vm-menu-button,
    .market-language-switch,
    .vm-cart-link {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        justify-self: end !important;
    }

    .market-language-flag {
        width: 28px !important;
        height: 28px !important;
    }

    .vm-cart-link svg,
    .vm-menu-button svg {
        width: 21px !important;
        height: 21px !important;
    }

    /* Marketplace home card touches the yellow header, exactly once. */
    body.vm-marketplace-page .vm-main {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 40px !important;
    }

    body.vm-marketplace-page .vm-market-banner {
        position: relative !important;
        width: 100% !important;
        min-height: 212px !important;
        height: 212px !important;
        margin: 0 !important;
        padding: 18px 12px 14px !important;
        display: block !important;
        overflow: hidden !important;
        border: 1px solid #e1e1e5 !important;
        border-radius: 14px !important;
        background: #ffffff !important;
    }

    body.vm-marketplace-page .vm-market-banner-copy {
        position: relative !important;
        z-index: 2 !important;
        max-width: none !important;
    }

    body.vm-marketplace-page .vm-market-kicker {
        min-height: 22px !important;
        padding: 0 8px !important;
        gap: 5px !important;
        font-size: 9px !important;
    }

    body.vm-marketplace-page .vm-market-kicker svg {
        width: 11px !important;
        height: 11px !important;
    }

    body.vm-marketplace-page .vm-market-banner h1 {
        width: min(270px, 72vw) !important;
        max-width: none !important;
        margin: 11px 0 8px !important;
        font-size: 22.5px !important;
        line-height: .95 !important;
        letter-spacing: -.052em !important;
    }

    body.vm-marketplace-page .vm-market-banner p {
        width: min(244px, 66vw) !important;
        max-width: none !important;
        margin: 0 !important;
        font-size: 10.5px !important;
        line-height: 1.46 !important;
    }

    body.vm-marketplace-page .vm-market-cta {
        width: min(215px, 61vw) !important;
        min-width: 0 !important;
        min-height: 36px !important;
        margin-top: 30px !important;
        padding: 0 11px !important;
        gap: 10px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    body.vm-marketplace-page .vm-market-cta svg {
        width: 15px !important;
        height: 15px !important;
    }

    body.vm-marketplace-page .vm-market-banner-art {
        position: absolute !important;
        z-index: 1 !important;
        top: 8px !important;
        right: -5px !important;
        bottom: auto !important;
        left: auto !important;
        width: 138px !important;
        height: 167px !important;
        min-height: 0 !important;
        display: block !important;
    }

    body.vm-marketplace-page .vm-market-banner-art img {
        width: 138px !important;
        max-width: none !important;
        height: auto !important;
    }

    body.vm-marketplace-page .vm-category-section,
    body.vm-marketplace-page .vm-market-toolbar,
    body.vm-marketplace-page .vm-product-grid,
    body.vm-marketplace-page .vm-empty-state,
    body.vm-marketplace-page .vm-pagination {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    body.vm-marketplace-page .vm-category-section {
        margin-top: 24px !important;
    }
}

@media (max-width: 380px) {
    .vm-header-main {
        grid-template-columns: 23px minmax(0, 1fr) 39px 39px !important;
        column-gap: 7px !important;
    }

    .vm-menu-button,
    .market-language-switch,
    .vm-cart-link {
        width: 39px !important;
        min-width: 39px !important;
        height: 39px !important;
    }

    body.vm-marketplace-page .vm-market-banner h1 {
        width: 258px !important;
        font-size: 21.5px !important;
    }

    body.vm-marketplace-page .vm-market-banner p {
        width: 232px !important;
        font-size: 10px !important;
    }

    body.vm-marketplace-page .vm-market-cta {
        width: 210px !important;
    }

    body.vm-marketplace-page .vm-market-banner-art,
    body.vm-marketplace-page .vm-market-banner-art img {
        width: 134px !important;
    }
}


/* =========================================================
   VENDIAC MARKETPLACE 1.5.0 — REFERENCE TOP NAVIGATION
   White one-row header: menu, Vendiac brand, search, account, cart.
   The existing mobile bottom navigation remains unchanged.
========================================================= */
.vm-header {
    min-height: 0 !important;
    background: #ffffff !important;
    border-top: 3px solid var(--vm-yellow) !important;
    border-bottom: 1px solid #e3e3e7 !important;
    box-shadow: none !important;
}

.vm-header-main {
    width: min(var(--vm-max), calc(100% - 36px)) !important;
    min-height: 78px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.vm-header .vm-menu-button {
    order: 1 !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111114 !important;
    box-shadow: none !important;
}

.vm-header .vm-menu-button svg {
    width: 34px !important;
    height: 34px !important;
    stroke-width: 2.2 !important;
}

.vm-header .vm-brand {
    order: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex: 0 1 auto !important;
    color: #111114 !important;
    text-decoration: none !important;
}

.vm-header .vm-brand .vm-logo-disc {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--vm-yellow) !important;
}

.vm-header .vm-brand .vm-logo-disc img {
    width: 33px !important;
    height: 33px !important;
    display: block !important;
    object-fit: contain !important;
}

.vm-header .vm-brand-name {
    display: inline-block !important;
    color: #111114 !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
}

.vm-header .vm-header-actions {
    order: 3 !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.vm-header .vm-header-action,
.vm-header .vm-cart-link {
    position: relative !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #77777d !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.vm-header .vm-header-action:hover,
.vm-header .vm-header-action:focus-visible,
.vm-header .vm-cart-link:hover,
.vm-header .vm-cart-link:focus-visible {
    color: #111114 !important;
    background: #f5f5f6 !important;
}

.vm-header .vm-search-toggle svg,
.vm-header .vm-account-link svg,
.vm-header .vm-cart-link svg {
    width: 31px !important;
    height: 31px !important;
    stroke-width: 1.75 !important;
}

.vm-header .vm-cart-count {
    top: 2px !important;
    right: 1px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    border: 2px solid #ffffff !important;
    border-radius: 10px !important;
    background: var(--vm-yellow) !important;
    color: #111114 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
}

.vm-header-search-panel[hidden] {
    display: none !important;
}

.vm-header-search-panel {
    width: 100% !important;
    padding: 11px 18px 14px !important;
    background: #ffffff !important;
    border-top: 1px solid #ededf0 !important;
}

.vm-header-search-panel .vm-search.vm-search-primary {
    width: min(720px, 100%) !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid #d4d4da !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.vm-header-search-panel .vm-search.vm-search-primary input {
    order: 1 !important;
    height: 46px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
}

.vm-header-search-panel .vm-search.vm-search-primary button {
    order: 2 !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 46px !important;
    border-left: 1px solid #e1e1e5 !important;
}

.vm-sidebar-language-row {
    min-height: 64px !important;
    padding: 9px 0 9px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-top: 1px solid #ededf0 !important;
    color: #111114 !important;
}

.vm-sidebar-language-row > span {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

.vm-sidebar-language-row strong {
    font-size: 13px !important;
    font-weight: 820 !important;
}

.vm-sidebar-language-row small {
    color: #72727a !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
}

.vm-sidebar-language-row .market-language-switch {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin-right: 8px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #d9d9df !important;
    border-radius: 50% !important;
    background: #ffffff !important;
}

@media (max-width: 720px) {
    .vm-header {
        min-height: 0 !important;
    }

    .vm-header-main {
        width: 100% !important;
        min-height: 68px !important;
        height: 68px !important;
        padding: 0 10px !important;
        gap: 5px !important;
    }

    .vm-header .vm-menu-button {
        width: 42px !important;
        min-width: 42px !important;
        height: 44px !important;
    }

    .vm-header .vm-menu-button svg {
        width: 29px !important;
        height: 29px !important;
        stroke-width: 2.25 !important;
    }

    .vm-header .vm-brand {
        gap: 6px !important;
    }

    .vm-header .vm-brand .vm-logo-disc {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        border-radius: 8px !important;
    }

    .vm-header .vm-brand .vm-logo-disc img {
        width: 25px !important;
        height: 25px !important;
    }

    .vm-header .vm-brand-name {
        font-size: 22px !important;
        letter-spacing: -.05em !important;
    }

    .vm-header .vm-header-actions {
        gap: 0 !important;
    }

    .vm-header .vm-header-action,
    .vm-header .vm-cart-link {
        width: 40px !important;
        min-width: 40px !important;
        height: 44px !important;
    }

    .vm-header .vm-search-toggle svg,
    .vm-header .vm-account-link svg,
    .vm-header .vm-cart-link svg {
        width: 24px !important;
        height: 24px !important;
        stroke-width: 1.85 !important;
    }

    .vm-header .vm-cart-count {
        top: 1px !important;
        right: -1px !important;
    }

    .vm-header-search-panel {
        padding: 9px 10px 11px !important;
    }

    .vm-header-search-panel .vm-search.vm-search-primary {
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 12px !important;
    }

    .vm-header-search-panel .vm-search.vm-search-primary input {
        order: 1 !important;
        height: 42px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
    }

    .vm-header-search-panel .vm-search.vm-search-primary button {
        order: 2 !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 42px !important;
        border-left: 1px solid #e1e1e5 !important;
    }

    body.vm-marketplace-page .vm-main {
        margin-top: 0 !important;
    }
}

@media (max-width: 360px) {
    .vm-header-main {
        padding: 0 6px !important;
        gap: 2px !important;
    }

    .vm-header .vm-menu-button {
        width: 38px !important;
        min-width: 38px !important;
    }

    .vm-header .vm-menu-button svg {
        width: 26px !important;
        height: 26px !important;
    }

    .vm-header .vm-brand {
        gap: 5px !important;
    }

    .vm-header .vm-brand .vm-logo-disc {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .vm-header .vm-brand .vm-logo-disc img {
        width: 23px !important;
        height: 23px !important;
    }

    .vm-header .vm-brand-name {
        font-size: 19px !important;
    }

    .vm-header .vm-header-action,
    .vm-header .vm-cart-link {
        width: 36px !important;
        min-width: 36px !important;
    }

    .vm-header .vm-search-toggle svg,
    .vm-header .vm-account-link svg,
    .vm-header .vm-cart-link svg {
        width: 22px !important;
        height: 22px !important;
    }
}

/* Keep the whole Vendiac wordmark inside the clickable brand area. */
.vm-header .vm-brand {
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    justify-self: auto !important;
}