/* site/marketplace.css */
/* Auction-style discovery, not simulated auctions. Preserve full product frames.
 * This layer follows market-map.css and theme.css. Actual availability, prices and
 * activity cannot be invented to fill the layout. Account invitation is a preview. */
.market header{display:flex;align-items:center;gap:24px;padding:16px 22px;margin:14px 3% 0}
.market .brand{font-size:28px;flex:none}.market .brand span{margin-top:8px;font-size:9px}
.market .header-search{margin-left:auto;display:flex;align-items:center;gap:12px;background:#111714;border:1px solid #38432f;border-radius:10px;padding:0 14px;max-width:400px;flex:1;min-width:180px}
.header-search svg{width:19px;height:19px;fill:none;stroke:#a4b8c4;stroke-width:1.7;flex:none}
.market .header-search input{border:0;background:none;color:#f1f2e9;min-height:46px;width:100%;font:14px Phosphor Sans,Arial,sans-serif;outline-offset:0}
.market nav{margin:0;gap:7px;max-width:none;flex-wrap:nowrap}.market nav a{width:44px;height:44px;min-height:44px;background:transparent;border:1px solid #3c4934}
.market .hero{grid-template-columns:1fr 1.05fr;gap:36px;padding:30px 4% 28px}
.market .hero h1{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.035em}
.market .hero .kicker{font-size:9px;margin-bottom:14px}
.market .hero p{font-size:14px;margin-top:19px;max-width:500px;line-height:1.65}
.market .hero .actions{margin-top:20px}.market .hero-foot{margin-top:18px;font-size:9px}
.market .hero figure{background:#eeeae1}.market .hero img{max-height:235px;height:auto;object-fit:contain;aspect-ratio:auto}
.market .hero figcaption{padding:9px 15px}
.market #ideas{padding-top:32px;padding-bottom:45px}
.market #ideas .section-head{margin-bottom:20px;align-items:center}
.market #ideas h2{font-size:26px;letter-spacing:-.025em}
.market #ideas .section-head>p{font-size:13px;max-width:470px}
.market #ideas .kicker{margin-bottom:12px}
.market .manufacturer-links{margin-bottom:10px;gap:10px 20px}
.market .manufacturer-links span{display:none}.market .manufacturer-links a{font-size:11px;min-height:32px}
.market .maker-context{font-size:10px;margin:0 0 22px;max-width:none}
.market .catalog-toolbar{padding:4px;gap:3px;max-width:100%}
.market .catalog-toolbar button{font-size:12px;min-height:42px;padding:11px 17px}
.market .browse-controls{display:flex;align-items:end;gap:12px;margin-top:18px;flex-wrap:wrap}
.browse-controls label{display:grid;gap:8px;font-size:10px;color:#a4b8c4}
.market .browse-controls select{appearance:none;background:#20291f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23a4b8c4' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;color:#f1f2e9;border:1px solid #46573c;border-radius:10px;min-height:44px;padding:10px 40px 10px 14px;font-size:13px}
.market .browse-controls .quiet{min-height:44px;padding:10px 16px}
.market .catalog-status{font-size:11px;margin:20px 0}
.market .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.market .products article{padding:0 0 22px;background:transparent;border:0;border-bottom:1px solid #35422e;border-radius:0;min-width:0}
.market .products img{border-radius:12px;aspect-ratio:1.9;object-fit:contain;width:100%;height:auto}
.market .products h3{font-size:19px;letter-spacing:-.025em;margin:12px 0 0;padding:0}
.market .products small,.market .products p,.market .products article>a{margin-left:0;margin-right:0}
.market .products small{margin-top:15px;font-size:9px;color:#a4b8c4}
.market .products p{font-size:12px;margin-top:10px}.market .products .product-status{font-size:9px}
.market .paint-swatches{padding:12px 0 0;gap:5px}.market .paint-swatches button{min-width:34px;min-height:34px}
.market .paint-swatches button:before{inset:7px}.market .products .paint-reference-note{font-size:10px;line-height:1.6;min-height:32px}
.market .build-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.market .build-actions button,.market .build-actions a{font:11px Phosphor Sans,Arial,sans-serif;border:1px solid #49583d;border-radius:8px;background:transparent;padding:10px 13px;color:#dce7cb;text-decoration:none;min-height:40px}
.market .build-actions button:hover{border-color:#c5d957}
.market .owner-note{margin-top:25px}.market .customization{margin-top:28px;padding-top:24px}
.market .catalog-foot{margin-top:20px;font-size:10px}
.market dialog{max-width:660px;width:calc(100% - 36px);max-height:90vh;overflow:auto;padding:40px;border:1px solid #536544;border-radius:16px;background:#172015;color:#f1f2e9}
.market dialog::backdrop{background:#050a08b8;backdrop-filter:blur(4px)}
.market dialog h2{font-size:28px;line-height:1.2;margin:20px 0}.market dialog p{font-size:14px;line-height:1.75}
.market dialog .kicker{font-size:9px}.market .join-state{font-size:11px;color:#a4b8c4;margin-top:20px}
.market .dialog-close{position:absolute;right:15px;top:15px;width:36px;height:36px;border:1px solid #536544;border-radius:8px;background:transparent;padding:8px;color:#f1f2e9}
.dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
#build-dialog{max-width:1000px}#build-dialog img{width:100%;height:auto;object-fit:contain;border-radius:10px;background:#eeeae1;margin-top:20px}
#build-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:25px 0;font-size:12px}
#build-dialog dt{color:#a4b8c4}#build-dialog dd{margin:0}
@media(min-width:1450px){.market .products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.market header{gap:18px;flex-wrap:wrap}.market .header-search{order:3;max-width:none;flex-basis:100%;margin:0}.market nav{margin-left:auto}.market .hero{gap:25px}.market .hero h1{font-size:36px}.market .hero img{max-height:250px}.market #ideas .section-head{display:block}.market #ideas .section-head>p{margin-top:15px;max-width:700px}.market .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.market header{margin:10px 4% 0;padding:16px;gap:15px}.market .brand{font-size:23px}.market nav{gap:4px}.market nav a{width:34px;height:36px;min-height:36px;padding:8px}.market nav svg{width:18px;height:18px}.market .hero{grid-template-columns:1fr;padding-top:30px;gap:24px}.market .hero h1{font-size:32px}.market .hero p{font-size:13px}.market .hero img{max-height:none}.market .hero figure{margin-top:0}.market .products{grid-template-columns:1fr}.market .catalog-toolbar button{flex:1 1 45%;font-size:11px}.market dialog{padding:32px 24px}.market dialog h2{font-size:26px}.market #ideas{padding-top:24px}}

/* The original approved board stays untouched. These viewports isolate its primary
 * lockup through layout only. Keep the 1774x887 source geometry in sync. */
.market .brand-art{display:block;width:225px;flex:none;line-height:0}
.market .brand-art .logo-window{display:block;position:relative;width:100%;aspect-ratio:1560/260;overflow:hidden;margin:0}
.market .brand-art img{position:absolute;max-width:none;width:113.718%;height:auto;left:-7.692%;top:-91.15%}
.market header{background:#0b0c0b;border-color:#30392d}
.market .topnote{font-size:9px;letter-spacing:.12em}
.market .landing-doors{padding-top:38px;padding-bottom:42px}
.market .landing-doors h2{font-size:26px;letter-spacing:-.025em;line-height:1.25}
.door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.door-grid>a{position:relative;display:block;text-decoration:none;border:1px solid #35422e;border-radius:16px;padding:24px 24px 50px;background:#172015;transition:background .2s,border-color .2s}
.door-grid>a:hover{background:#20291f;border-color:#a4b8c4}
.door-number{font:9px Phosphor Mono,monospace;letter-spacing:.1em;color:#a4b8c4}
.market .door-grid h3{font-size:20px;letter-spacing:-.02em;margin-top:22px}
.door-grid p{font-size:13px;line-height:1.7;margin-top:16px;color:#b8c0b5;max-width:260px}
.door-arrow{position:absolute;bottom:22px;right:26px;font-size:26px;color:#a4b8c4}
.market .motor-footer{margin:0;padding:35px 4% 20px;background:#0b0c0b;border-top:1px solid #35422e}
.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid #30392d}
.market .footer-invitation .kicker{font-size:9px;color:#a4b8c4}
.market .footer-invitation h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:15px 0 0;color:#f1f2e9}
.footer-next{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border:1px solid #4a573e;border-radius:10px;background:#c5d957;color:#111714;transition:transform .2s}
.footer-next:hover{transform:translate(3px,-3px)}.footer-next svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}
.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding:36px 0 38px}
.market .footer-identity .brand-art{width:245px;max-width:100%}
.market .footer-identity p{font-size:14px;line-height:1.6;color:#a4b8c4;margin:25px 0}
.market .motor-footer a{text-decoration:none}
.market .footer-identity>a:last-child{font-size:11px;color:#a4b8c4}
.market .footer-column h3{font:10px Phosphor Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#a4b8c4;margin:0 0 25px}
.footer-column{display:flex;flex-direction:column;align-items:start;gap:16px}
.market .footer-column a{font-size:13px;color:#e0e5d9}.market .footer-column a:hover{color:#c5d957}
.footer-base{display:flex;align-items:center;gap:26px;padding-top:22px;border-top:1px solid #30392d;font-size:10px;color:#8f9b88}
.footer-base a:last-child{margin-left:auto;font-size:22px;padding:4px 12px}
.market .desk-intro{padding-bottom:0}.market .desk-intro h1{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em}.desk-intro p{color:#a4b8c4;max-width:600px}
@media(max-width:1000px){.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-identity{grid-column:1/-1}.market .footer-identity p{font-size:16px}.door-grid{gap:12px}.door-grid>a{padding:24px 20px 60px}.market .door-grid h3{font-size:20px}}
@media(max-width:600px){.market .brand-art{width:205px}.market header nav{margin-left:0;width:100%;justify-content:space-between}.market header nav a{width:42px;height:42px}.market .header-search{order:2}.market header nav{order:3}.door-grid{grid-template-columns:1fr}.market .door-grid h3{margin-top:24px}.market .landing-doors{padding-top:40px;padding-bottom:45px}.market .motor-footer{padding:40px 6% 20px}.footer-invitation{gap:18px;padding-bottom:35px}.market .footer-invitation h2{font-size:27px}.footer-next{width:58px;height:58px;border-radius:12px}.footer-next svg{width:26px;height:26px}.footer-main{grid-template-columns:1fr 1fr;gap:38px 22px;padding:38px 0}.footer-column:last-child{grid-column:1/-1}.footer-base{gap:16px;flex-wrap:wrap;line-height:1.7}.market .footer-identity .brand-art{width:240px}}

/* Catalog hierarchy: restrained section headings, consistent metadata and full
 * product frames. The separate sourcing desk shares this scale, not hero typography.
 * Never add bid counters, prices or availability without verified source records. */
.market h2{font-size:27px;line-height:1.25;letter-spacing:-.025em}
.market .section-head{gap:24px;margin-bottom:24px}
.market main>section:not(.hero){padding-top:36px;padding-bottom:36px}
.market .landing-doors .section-head h2 br,.market .footer-invitation h2 br{display:none}
.market .section-head p{font-size:13px;line-height:1.7}
.market .products article{padding-bottom:18px}
.market .products .product-status{display:none}
.market .products .build-specs{display:flex;gap:12px;align-items:center;margin:12px 0 0;padding:10px 0;border-top:1px solid #34402f;border-bottom:1px solid #34402f;font-size:11px;color:#a4b8c4}
.build-specs span+span{padding-left:12px;border-left:1px solid #46513f}
.market .products .paint-reference-note{font-size:10px;min-height:0;margin-top:8px}
.market .paint-swatches{padding-top:10px}
.market .build-actions{margin-top:12px}
.market .products p{line-height:1.65}
.market .catalog-toolbar{background:transparent;padding:0;border-radius:0;border-bottom:1px solid #35422e;width:100%;gap:6px;padding-bottom:12px}
.market .catalog-toolbar button{border:1px solid transparent;border-radius:8px;min-height:40px;padding:10px 15px}
.market .catalog-toolbar button[aria-pressed=true]{background:#253120;border-color:#586a43;color:#dce7ce}
.market .catalog-toolbar button:hover{border-color:#586a43}
.market .customization{margin-top:22px;padding-top:20px}
.market .custom-chips span{font-size:11px;padding:9px 13px}
.market .brief-intro h3{font-size:23px;line-height:1.3}
.market :is(.handoff h3,.guide-grid h3,.cost-list h3,.map-detail h3,.dealer h3,.distribution-note h3){font-size:21px;line-height:1.3}
.market .fee-proposal strong{font-size:48px}
.market .collection-note h3{font-size:24px}
.market .hero figure{border-radius:10px}
.market .products img{border-radius:9px}
.market .motor-footer{padding-top:32px}
.market .footer-column h3{margin-bottom:10px}
.market .footer-column{gap:14px}
@media(max-width:600px){.market h2,.market #ideas h2,.market .landing-doors h2{font-size:24px}.market .hero h1{font-size:32px}.market .hero p{font-size:14px}.market .footer-invitation h2{font-size:26px}.market .section-head{gap:16px}.market .catalog-toolbar button{flex:1 1 45%}.market .footer-main{padding:30px 0;gap:28px 22px}.market .footer-identity p{font-size:14px}}

/* Application surfaces: spacing and tonal contrast replace decorative borders.
 * Links remain discoverable through hover and visible keyboard focus. The one search
 * disclosure keeps the existing input ID so browse.js remains the filtering owner.
 * Sans carries reading and headings; mono is reserved for concise technical labels. */
.market{font-family:Phosphor Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.market a,.market a:hover,.market a:focus{ text-decoration:none }
.market :is(header,nav a,.button,.quiet,.catalog-toolbar,.catalog-toolbar button,.browse-controls select,.products article,.build-actions button,.build-actions a,.build-specs,.paint-swatches button,.customization,.door-grid>a,.motor-footer,.footer-invitation,.footer-base,.footer-next,.collection-note,.owner-note,.handoff li,.map-detail,.port-list button,.map-controls button,.local-card,.fee-proposal,.guide-grid article,.dealer,.workspace-item,.distribution-note,.request-form input,.request-form select,.request-form textarea,.filters input,.filters select,dialog,.dialog-close){border:0}
.market header{gap:20px;background:#0b0f0d;padding:16px 22px}
.market header nav{margin-left:0}
.market nav a{background:transparent;border-radius:9px}
.market nav a:hover,.market nav a:focus-visible{background:#202a23}
.market .global-search{position:relative;margin-left:auto;display:flex;align-items:center;padding:0;border:0;flex:none}
.global-search summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;list-style:none;border-radius:9px;color:#dbe2d8}
.global-search summary::-webkit-details-marker{display:none}
.global-search summary:hover{background:#202a23}
.global-search summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.global-search .search-expansion{display:none}
.global-search[open]{background:#202a23;border-radius:10px;display:flex}
.global-search[open] .search-expansion{display:block}
.market .global-search input{width:clamp(160px,22vw,310px);background:transparent;border:0;min-height:44px;padding:10px 14px 10px 3px;color:#f1f2e9;font:14px/1.5 Phosphor Sans,Arial,sans-serif;outline-offset:-3px}
.market .global-search input::placeholder{color:#97a69b}
.market p{font-family:Phosphor Sans,Arial,sans-serif;font-weight:400;line-height:1.7;letter-spacing:0}
.market .hero p{font-size:15px;max-width:520px}
.market .section-head>p{font-size:14px}
.market .products p{font-size:13px}
.market .products .paint-reference-note{font-size:11px}
.market .products .build-specs{font-size:12px;padding:0;margin-top:14px;gap:14px}
.market .build-specs span+span{border:0;padding-left:0}
.market .build-actions :is(button,a),.market .quiet{background:#263028;color:#e1e8dd}
.market .build-actions :is(button,a):hover,.market .quiet:hover{background:#334037}
.market .catalog-toolbar button[aria-pressed=true]{background:#33402b}
.market .catalog-toolbar button:hover{background:#263028}
.market .manufacturer-links a{color:#bbc9c1;font-size:12px;padding:7px 10px;background:#222c25;border-radius:8px}
.market .manufacturer-links a:hover{background:#303d33}
.market .maker-context{font-size:11px;color:#92a197}
.market .paint-swatches button{background:#273329}
.market .paint-swatches button[aria-pressed=true]{background:#576743;box-shadow:inset 0 0 0 1px #9ba979}
.market .customization{padding-top:14px}
.market .custom-chips span{border:0;background:#253027}
.market .door-grid>a{background:#1b251e;border-radius:12px}
.market .door-grid>a:hover{background:#263229}
.market .door-grid p{font-size:14px}
.market .footer-column a:hover,.market .motor-footer a:hover{color:#c5d957}
.market :is(.hero img,.products img,#build-dialog img){object-fit:contain;height:auto;max-width:100%}
.market .products img{aspect-ratio:1.9;padding:6px;background:#eeeae1}
.market .hero figure{padding:0}
.market :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #c5d957;outline-offset:4px}
@media(max-width:1000px){.market header{flex-wrap:wrap}.market .global-search{margin-left:auto}.market header nav{margin-left:0}}
@media(max-width:600px){.market header{display:grid;grid-template-columns:1fr auto;gap:12px}.market .brand-art{width:205px}.market .global-search{grid-column:2;grid-row:1;margin:0}.market .global-search[open]{position:static}.market .global-search[open] .search-expansion{position:absolute;left:16px;right:16px;top:70px;background:#202a23;border-radius:9px;z-index:2;padding:4px 12px}.market .global-search input{width:100%;font-size:16px;padding:9px}.market header:has(.global-search[open]){padding-bottom:76px}.market header nav{grid-column:1/-1;display:flex;justify-content:flex-end;width:100%;gap:10px}.market header nav a{width:40px;height:40px}.market .hero p{font-size:15px}.market .products p{font-size:14px}}

@media(min-width:601px) and (max-width:1000px){.market .global-search[open]{background:transparent}.market .global-search[open] .search-expansion{position:absolute;right:0;top:52px;width:300px;background:#202a23;border-radius:10px;padding:4px 12px;z-index:4;box-shadow:0 12px 30px #0005}.market .global-search input{width:100%}}
@media(max-width:850px){.market .hero{grid-template-columns:1fr;gap:24px}.market .hero h1{font-size:34px;max-width:600px}.market .hero p{max-width:600px}.market .hero figure{margin-top:0}.market .hero img{max-height:300px}.market .hero .actions{gap:10px}}