/* Public header: independent of the storefront and merchant navigation. */
.mostrua-header{position:sticky;top:0;z-index:65;background:#fff;border-bottom:1px solid #e9e7f1;box-shadow:0 3px 16px #24203e06}
.mostrua-header-inner{width:min(1240px,calc(100% - 64px));margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:24px;min-height:88px;padding:14px 0}
.mostrua-header-inner>*{min-width:0}
.mostrua-header .brand{font-size:28px;gap:10px}
.mostrua-header .brand-symbol{width:36px;height:36px;font-size:30px;border-radius:9px}
.mostrua-navigation{display:flex;align-items:stretch;justify-content:center;gap:6px;min-width:0;align-self:stretch}
.mostrua-navigation>button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 15px;min-height:52px;min-width:0;font-size:14px;font-weight:650;line-height:1.35;color:#625f73;border-radius:8px;white-space:nowrap;transition:color .16s ease,background .16s ease}
.mostrua-navigation>button>svg{width:19px;height:19px}
.mostrua-navigation>button.active{color:#5746d3}
.mostrua-navigation>button.active::after{content:"";position:absolute;height:3px;bottom:3px;left:15px;right:15px;border-radius:3px;background:#5b50e8}
.mostrua-navigation>button:hover{color:#5746d3;background:#f7f5ff}
.mostrua-navigation>button:focus-visible{outline:2px solid #7b6ce5;outline-offset:2px}
.mostrua-header-location{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;max-width:165px;font-size:12px;color:#777285;padding:8px 0;text-align:left}
.mostrua-header-location>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mostrua-header-location>svg{width:15px;height:15px}
.mostrua-header-location>svg:last-child{width:12px;height:12px}
.mostrua-header-account{display:flex;justify-content:flex-end}
.mostrua-header-account>.btn{font-size:13px;min-height:44px;padding:11px 16px;border-radius:10px}
.mostrua-header-inner:not(:has(.mostrua-navigation)){grid-template-columns:auto minmax(0,1fr) auto}
.mostrua-header-inner:not(:has(.mostrua-navigation))>.mostrua-header-location{justify-self:end}
.has-public-dock{scroll-padding-bottom:24px;scroll-padding-top:110px}
.has-public-dock .platform-footer{padding-bottom:60px}
.plans-section,.platform-story{scroll-margin-top:110px}
.messenger-launch{background:#5b50e8;color:#fff;border-color:#5b50e8;box-shadow:0 8px 26px #5b50e838}
.messenger-launch small{color:#eeebff}
.messenger-launch:hover{background:#4b3fd1;border-color:#4b3fd1}
.public-help-launch{bottom:calc(24px + env(safe-area-inset-bottom))}
.directory-basket{bottom:24px}
@media(min-width:761px) and (max-width:1180px){
 .mostrua-header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:18px;padding:12px 0 8px}
 .mostrua-header-location{grid-column:1/-1;grid-row:2;justify-self:end;min-height:26px;padding:0;font-size:11px}
 .mostrua-header-account{grid-column:3;grid-row:1}
 .mostrua-navigation>button{font-size:13px;padding:12px 10px;gap:6px}
 .mostrua-header .brand{font-size:25px}
 .mostrua-header-inner:not(:has(.mostrua-navigation)){grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;padding:12px 0}
 .mostrua-header-inner:not(:has(.mostrua-navigation))>.mostrua-header-location{grid-column:2;grid-row:1}
 .plans-section,.platform-story{scroll-margin-top:130px}
}
@media(min-width:761px) and (max-width:1000px){.mostrua-navigation>button>svg{display:none}}
@media(max-width:760px){
 .mostrua-header-inner{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr) auto;gap:0 14px;min-height:0;padding:14px 0 8px}
 .mostrua-header .brand{grid-column:1;grid-row:1;font-size:26px;gap:9px}
 .mostrua-header .brand-symbol{width:34px;height:34px;font-size:28px}
 .mostrua-header-account{grid-column:2;grid-row:1}
 .mostrua-header-account>.btn{min-height:40px;max-width:150px;font-size:12px;padding:10px 12px}
 .mostrua-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:2px;margin-top:12px;border-top:1px solid #f0eef5;align-self:auto;padding-top:4px}
 .mostrua-navigation>button{width:100%;min-height:50px;padding:10px 2px;gap:0;font-size:14px;line-height:1.3;text-align:center;white-space:normal;border-radius:6px}
 .mostrua-navigation>button>svg{display:none}
 .mostrua-navigation>button>span{white-space:nowrap}
 .mostrua-navigation>button.active::after{bottom:0;left:10px;right:10px}
 .mostrua-header-location{grid-column:1/-1;grid-row:3;justify-self:start;max-width:100%;min-height:28px;padding:5px 0 0;margin-top:3px;font-size:11px;color:#8b859c}
 .mostrua-header-inner:not(:has(.mostrua-navigation)){grid-template-columns:minmax(0,1fr) auto}
 .mostrua-header-inner:not(:has(.mostrua-navigation))>.mostrua-header-location{grid-row:2;justify-self:start}
 .plans-section,.platform-story{scroll-margin-top:180px}
 .has-public-dock{scroll-padding-top:180px}
 .has-public-dock .platform-footer{padding-bottom:55px}
 .public-help-launch,.directory-basket{bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media(max-width:370px){
 .mostrua-header-inner{width:calc(100% - 24px);gap:0 10px}
 .mostrua-header .brand{font-size:23px;gap:7px}
 .mostrua-header-account>.btn{font-size:11px;padding:10px;max-width:133px}
 .mostrua-navigation>button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mostrua-navigation>button{transition:none}}