/* v3.1 Marketplace header. Original OrderFlow LB visuals, inspired by leading e-commerce navigation patterns. */
.marketplace{--market-red:#e6392d;--market-red-dark:#c92c21;--market-header-text:#202327}
.marketplace .retail-header{position:sticky;top:0;z-index:80;border-top:1px solid #e9e9e9;border-bottom:1px solid #eaeaea;box-shadow:0 3px 13px #17171705;background:#fff}
.marketplace .retail-header-inner{max-width:1730px;min-height:89px;padding-inline:22px;display:flex;flex-wrap:nowrap;align-items:center;gap:18px}
.marketplace .retail-brand-group{display:flex;align-items:center;gap:17px;flex:0 0 auto}
.marketplace .retail-header .market-logo{display:flex;align-items:center;gap:0;font-size:25px;font-weight:900;color:#df291f;letter-spacing:-1.3px;white-space:nowrap}
.marketplace .retail-header .market-logo-mark{font-family:Arial,sans-serif;background:linear-gradient(140deg,#f65d50,#d51a18);color:#fff;border-radius:50%;width:52px;height:52px;font-size:37px;font-weight:900;display:grid;place-items:center;box-shadow:inset 0 2px 2px #ffffff66;letter-spacing:-4px;padding-right:4px;margin-right:10px;text-shadow:0 2px 0 #a41d1c}
.marketplace .retail-brand-word,.marketplace .retail-brand-word b{color:#e02e23!important;font-weight:900}
.marketplace .retail-brand-word sup{color:#e02e23;border-color:#ecb1ac;font-size:9px;letter-spacing:0}
.marketplace .retail-menu-button{border:0;background:transparent;border-radius:6px;width:39px;height:43px;display:grid;place-items:center;color:#1f2327;cursor:pointer;flex:0 0 39px}
.marketplace .retail-menu-button:hover,.marketplace .retail-menu-button:focus-visible{background:#f6f6f6;outline-color:#e6392d}
.marketplace .retail-search{height:50px;border:1px solid #cfd2da;border-radius:6px;flex:1 1 480px;max-width:none;min-width:200px;display:flex;align-items:stretch;background:#fff;overflow:hidden;margin:0;transition:border-color .16s}
.marketplace .retail-search:focus-within{border-color:var(--market-red);box-shadow:0 0 0 2px #e6392d10;background:#fff}
.marketplace .retail-search>input{min-width:75px;flex:1 1 auto;padding:0 16px;border:0;background:transparent;outline:none;font-size:14px;color:#222;box-shadow:none}
.marketplace .retail-search>input::placeholder{color:#72747b;opacity:1}
.marketplace .retail-search>select{flex:0 0 175px;min-width:0;width:175px;border:0;border-left:1px solid #cfd2da;border-radius:0;background:#fff;color:#222b31;outline:0;padding:0 12px;font-size:14px;cursor:pointer}
.marketplace .retail-search>button.retail-search-button{flex:0 0 53px;border:0;border-radius:0;padding:0;display:grid;place-items:center;background:var(--market-red);color:white;cursor:pointer}
.marketplace .retail-search>button.retail-search-button:hover{background:var(--market-red-dark)}
.marketplace .retail-header-actions{display:flex;align-items:center;gap:10px;margin-left:0;flex:0 0 auto}
.marketplace .retail-locale{display:flex;align-items:center;gap:7px;border-radius:30px;background:#f0f1f4;padding:13px 14px;font-size:13px;color:#24282d;white-space:nowrap;min-height:47px;user-select:none}
.marketplace .retail-locale>span:first-child{font-size:21px;line-height:1}
.marketplace .retail-locale i{display:block;height:17px;width:1px;background:#aaaeb6}
.marketplace .retail-icon-btn{height:44px;width:37px;min-width:37px;display:grid;place-items:center;border:0;background:#fff;border-radius:7px;color:#404349;cursor:pointer;position:relative}
.marketplace .retail-icon-btn:hover{background:#f7eeeb;color:#e6392d}
.marketplace .retail-icon-btn b{position:absolute;right:-1px;top:0;background:#e6392d;border:2px solid white;color:#fff;font-size:10px;min-width:19px;width:auto;height:19px;border-radius:100px;padding:0 3px}
.marketplace .retail-sell,.marketplace .retail-login{border-radius:25px;padding:0 14px;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:700;cursor:pointer;transition:background .13s}
.marketplace .retail-sell{background:#fff;border:1.5px solid #e6392d;color:#e6392d}
.marketplace .retail-sell:hover{background:#fff2f0}
.marketplace .retail-login{border:1.5px solid #e6392d;background:#e6392d;color:white}
.marketplace .retail-login:hover{background:#c92c21}
.marketplace .retail-nav{background:#fff;border-bottom:1px solid #e9ecef}
.marketplace .retail-nav-inner{max-width:1730px;min-height:44px;gap:26px}
.marketplace .retail-nav-inner button{font-size:12px;font-weight:700;color:#555f64;cursor:pointer}
.marketplace .retail-nav-inner button:hover,.marketplace .retail-nav-inner .retail-nav-first{color:#d9362b}
.marketplace .retail-nav-end{color:#7a8085;font-size:11px}
.marketplace .retail-menu-panel{position:absolute;left:0;right:0;top:100%;background:#fff;z-index:90;border-bottom:1px solid #e6e7ea;box-shadow:0 20px 40px #17171724}
.marketplace .retail-menu-panel.hidden{display:none}
.marketplace .retail-menu-content{max-width:1730px;padding-block:24px 30px;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:36px}
.marketplace .retail-menu-content>div{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.marketplace .retail-menu-content strong{font-size:14px;color:#20252a;margin:0 0 9px}
.marketplace .retail-menu-content button{border:0;background:transparent;padding:10px 9px;text-align:left;border-radius:6px;cursor:pointer;font-size:13px;color:#41474e}
.marketplace .retail-menu-content button:hover{background:#fff0ed;color:#d9362b}
.marketplace .retail-menu-seller{border-left:1px solid #e6e7e9;padding-left:28px}
.marketplace .retail-menu-seller p{font-size:13px;max-width:250px;line-height:1.65;color:#747c84;margin:0 0 10px}
.marketplace .retail-menu-seller button{background:#e6392d;color:white;font-weight:750;border-radius:7px;text-align:center;max-width:220px}
.marketplace .retail-menu-seller button:hover{background:#c92c21;color:white}
.marketplace .retail-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1450px){
 .marketplace .retail-header-inner{gap:11px}
 .marketplace .retail-brand-group{gap:9px}
 .marketplace .retail-header .market-logo{font-size:21px}
 .marketplace .retail-header .market-logo-mark{height:44px;width:44px;font-size:30px;margin-right:8px}
 .marketplace .retail-locale{padding-inline:10px}
 .marketplace .retail-header-actions{gap:5px}
 .marketplace .retail-sell,.marketplace .retail-login{padding-inline:11px;font-size:12px}
 .marketplace .retail-search>select{flex-basis:145px;width:145px;font-size:12px}
}
@media(max-width:1120px){
 .marketplace .retail-header .market-logo{font-size:20px}
 .marketplace .retail-locale{display:none}
 .marketplace .retail-sell,.marketplace .retail-login{min-height:41px}
 .marketplace .retail-header-inner{min-height:76px}
}
@media(max-width:800px){
 .marketplace .retail-header{position:relative}
 .marketplace .retail-header-inner{display:flex;flex-wrap:wrap;padding-block:11px;gap:10px 8px;min-height:0}
 .marketplace .retail-brand-group{margin-right:auto}
 .marketplace .retail-search{order:3;flex:0 0 100%;width:100%;height:48px;max-width:none}
 .marketplace .retail-header-actions{gap:4px;margin-left:auto}
 .marketplace .retail-sell span{display:none}
 .marketplace .retail-login span{font-size:11px}
 .marketplace .retail-sell{border-radius:100px;width:43px;padding:0}
 .marketplace .retail-login{padding:0 11px}
 .marketplace .retail-login svg{display:none}
 .marketplace .retail-icon-btn{width:33px;min-width:33px}
 .marketplace .retail-menu-content{grid-template-columns:1fr 1fr;max-height:min(74vh,600px);overflow-y:auto;gap:19px}
 .marketplace .retail-menu-seller{grid-column:1/-1;border-left:0;border-top:1px solid #e7e7e7;padding:13px 0 0}
}
@media(max-width:480px){
 .marketplace .retail-header-inner{padding-inline:13px}
 .marketplace .retail-header .market-logo{font-size:18px}
 .marketplace .retail-header .market-logo-mark{width:35px;height:35px;font-size:26px;margin-right:5px}
 .marketplace .retail-brand-group{gap:2px}
 .marketplace .retail-menu-button{width:33px;flex-basis:33px}
 .marketplace .retail-login{min-height:37px;padding:0 9px;font-size:10px}
 .marketplace .retail-login span{font-size:10px}
 .marketplace .retail-sell{width:33px;min-height:37px}
 .marketplace .retail-icon-btn{width:30px;min-width:30px}
 .marketplace .retail-header-actions{gap:1px}
 .marketplace .retail-search>input{padding:0 10px;font-size:12px}
 .marketplace .retail-search>select{width:123px;flex-basis:123px;padding:0 5px;font-size:11px}
 .marketplace .retail-search>button.retail-search-button{flex-basis:43px}
 .marketplace .retail-menu-content{padding-block:16px 20px;gap:8px}
 .marketplace .retail-menu-content button{padding:9px 3px;font-size:12px}
}
@media(max-width:370px){
 .marketplace .retail-header .market-logo{font-size:16px}
 .marketplace .retail-brand-word sup{display:none}
 .marketplace .retail-header .market-logo-mark{width:30px;height:30px;font-size:22px}
 .marketplace .retail-icon-btn:first-of-type{display:none}
 .marketplace .retail-search>select{flex-basis:107px;width:107px}
}
/* Keep shopper actions on the first row on narrow phones. Favorites remain in the menu. */
@media(max-width:480px){
 .marketplace .retail-header-actions .retail-icon-btn[aria-label="Saved products"]{display:none}
 .marketplace .retail-brand-group{margin-right:0}
}
@media(max-width:370px){
 .marketplace .retail-header-actions .retail-sell{display:none}
}
@media(max-width:370px){
 .marketplace .retail-filters{flex-wrap:wrap}
 .marketplace .retail-shop-tools .retail-outline{max-width:100%}
}