.header-market{position:relative;flex:0 0 auto}
.header-market-flags{display:flex;gap:4px}
.header-market summary::-webkit-details-marker{display:none}
.header-market summary:focus-visible{outline:3px solid #061b33;outline-offset:3px}
.site-header .header-row{gap:14px}
.founding-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin:8px 0;padding:10px 14px;border:1px solid #cce9dd;border-radius:12px;background:#f3fcf7;font-size:13px;line-height:1.45}
.founding-strip strong{font-size:13px;color:#076446}
.founding-strip small{display:block;font-size:11px;color:#526b61}
.founding-places{color:#076446;font-weight:750;white-space:nowrap}
.founding-preview{flex-basis:100%}
.header-add-menu{position:relative;flex:0 0 auto}.header-add-menu summary{list-style:none;cursor:pointer;white-space:nowrap}.header-add-menu summary::-webkit-details-marker{display:none}.header-add-menu summary:focus-visible{outline:3px solid #ffbf3f;outline-offset:3px}.header-add-panel{position:absolute;z-index:60;top:calc(100% + 10px);right:0;width:280px;padding:14px;border:1px solid #d8e8e1;border-radius:16px;background:#fff;box-shadow:0 18px 40px #061b3328}.header-add-panel>strong{display:block;margin:0 4px 9px;color:#526b61;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.header-add-panel>a{display:grid;grid-template-columns:34px 1fr;gap:0 10px;align-items:center;padding:10px 8px;border-radius:11px;color:var(--ink);text-decoration:none}.header-add-panel>a:hover,.header-add-panel>a:focus-visible{background:#effcf6}.header-add-panel>a>span{grid-row:span 2;display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#fff;background:var(--emerald-dark);font-weight:900}.header-add-panel>a:nth-of-type(2)>span{background:var(--ink)}.header-add-panel>a b{font-size:13px}.header-add-panel>a small{color:var(--muted);font-size:11px;line-height:1.3}
.header-actions .account-name[aria-current="page"],.header-actions .header-payouts[aria-current="page"]{color:#08744d!important;border-color:#bfead6!important;background:#e4f9ef!important;box-shadow:0 0 0 2px #bfead6,0 7px 16px rgba(0,145,89,.16)}
@media(min-width:1201px){.site-header .desktop-nav{gap:2px;padding:4px;border:1px solid #e0ebe6;border-radius:14px;background:#f7faf8}.site-header .desktop-nav>a,.nav-add-menu>summary{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 11px;border-radius:10px;color:var(--ink);font-size:13px;font-weight:800;line-height:1}.site-header .desktop-nav>a:hover,.nav-add-menu>summary:hover{color:#08744d;background:#edf9f3}.site-header .desktop-nav>a[aria-current="page"]{color:#08744d;background:#e4f9ef;box-shadow:0 0 0 2px #bfead6,0 7px 16px rgba(0,145,89,.16)}.nav-add-menu>summary{background:transparent}.nav-add-menu .header-add-panel{top:calc(100% + 13px);left:0;right:auto}}
/* Desktop request cards use the entire image. This deliberately overrides the
   old payout stylesheet's generic cropped-image rule. */
@media(min-width:901px){.home-request-card.has-image{position:relative;display:block;min-height:210px;height:210px;padding:0}.home-request-card.has-image>img,.home-request-card.has-image>.home-request-image-fallback{position:absolute;inset:0 auto 0 0;display:block;width:42%!important;height:100%!important;margin:0!important;object-fit:contain!important;border-radius:16px 0 0 16px;background:#f6f8f7}.home-request-card.has-image>span:not(.home-request-image-fallback),.home-request-card.has-image>b,.home-request-card.has-image small,.home-request-card.has-image strong{position:absolute;left:calc(42% + 16px);right:16px;margin:0}.home-request-card.has-image>span:not(.home-request-image-fallback){top:18px;color:var(--emerald-dark);font-size:9px}.home-request-card.has-image>b{top:45px;font-size:17px;line-height:1.24;overflow-wrap:anywhere}.home-request-card.has-image small{top:103px;font-size:12px;line-height:1.35}.home-request-card.has-image strong{bottom:18px;font-size:12px}.home-request-card.has-image strong i{font-size:12px}}
@media(max-width:1200px){.site-header .desktop-nav{display:none}}
/* Keep the desktop header calm at ordinary laptop widths. The full navigation
   returns on wide screens; mobile has its own navigation entirely. */
@media(min-width:901px) and (max-width:1350px){.site-header .header-row{height:64px;gap:9px}.header-market-flags{gap:3px}.header-market summary.btn{width:36px!important;height:36px!important;min-height:36px!important;padding:6px!important;border-width:1px!important;box-shadow:none!important}.header-market summary img{width:24px!important;height:16px!important}.site-header .brand img{width:168px}.site-header .desktop-nav{gap:16px;font-size:14px}.search-shell{max-width:170px}.search-shell input{height:40px;padding-left:36px}.search-shell svg{top:11px;left:11px;width:17px}.site-header .header-actions{gap:4px}.online-count{display:none}.header-add-menu summary{min-height:40px;padding:0 13px;font-size:0}.header-add-menu summary::before{content:'+';font-size:22px;line-height:1}.header-payouts{padding:0 10px;min-height:40px;font-size:13px}.account-name{padding:0 8px;min-height:40px;font-size:13px}}
@media(min-width:901px) and (max-width:1500px){.search-shell{display:none!important}.header-mobile-search{display:grid;width:42px;height:42px;place-items:center;flex:0 0 42px;border:1px solid #dce6ea;border-radius:50%;color:var(--ink);background:#fff}.header-mobile-search:hover{border-color:#79dcb0;color:#007e51;background:#effcf6}.header-mobile-search svg{width:19px;height:19px}.online-count{display:none}.site-header .header-actions{gap:9px}}
/* Use the original comfortable desktop scale; the compact search icon creates
   the room instead of shrinking the brand and controls. */
@media(min-width:1201px) and (max-width:1500px){.site-header .header-row{height:72px;gap:14px}.header-market-flags{gap:4px}.header-market summary.btn{width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important;border-width:2px!important;box-shadow:none!important}.header-market summary img{width:30px!important;height:20px!important}.site-header .brand img{width:185px}.site-header .desktop-nav{font-size:15px}.header-payouts{padding:0 18px;min-height:44px;font-size:15px}.account-name{padding:0 18px;min-height:44px;font-size:15px}}
/* Search stays a simple action on every desktop width, rather than becoming
   a wide field that competes with marketplace controls and account actions. */
@media(min-width:901px){.search-shell{display:none!important}.header-mobile-search{display:grid;width:44px;height:44px;place-items:center;flex:0 0 44px;border:1px solid #dce6ea;border-radius:50%;color:var(--ink);background:#fff}.header-mobile-search:hover{border-color:#79dcb0;color:#007e51;background:#effcf6}.header-mobile-search svg{width:20px;height:20px}.online-count{display:none}}
/* Use a neutral product stage in the desktop request rail so portrait, square
   and landscape uploads all remain fully visible instead of cover-cropping. */
@media(min-width:701px){.request-rail-card{min-height:356px}.request-rail-card>img,.request-rail-fallback{height:180px;object-fit:contain;background:#f7faf8}.request-rail-card>img{padding:10px}}
@media(min-width:1201px){.nav-add-menu>summary{min-height:36px!important;padding:0 11px!important;font-size:13px!important}.nav-add-menu>summary::before{content:none!important}}
@media(max-width:600px){
 .header-add-menu{display:none}
 .site-header .header-row{gap:8px;flex-wrap:nowrap;height:64px}
 .site-header .brand{flex:0 1 auto;min-width:0}
 .site-header .brand img{width:130px;max-width:100%;height:auto}
 .site-header .header-actions{gap:0;flex:0 0 auto}
 .site-header .online-count{display:none}
 .header-market summary img{width:26px;height:18px}
 .founding-strip{gap:4px;padding:9px 12px}
 .founding-strip>div{flex-basis:100%}
}
